
/*	global ----------------------------------------------------------------- */

* 										{margin: 0; padding: 0;}

html									{height: 100%; }

body 									{height: 100%; color: #666; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; line-height: 20px; text-align: center;}

.clear 									{clear: both;}

.greybox								{background: #e5e5e5; padding: 24px;}

.greybox span							{padding-left: 12px;}

.greybox iframe							{vertical-align: text-top;}

.darkgreybox							{background: #bfbfbf;}

.aright									{text-align: right;}


/*	typography ------------------------------------------------------------- */

.greybox								{line-height: 15px; font-size: 11px;}

.greybox 								{color: #111;}

#header 								{line-height: 18px; font-size: 11px;}

#header #headerleftmenus ul li 			{font-family: 'Times New Roman', Times, sans-serif; font-style: italic; font-size: 12px;}

#header #headerleftmenus ul li strong 	{font-family: Helvetica, Verdana, Arial, sans-serif; font-style: normal; color: #333; font-size: 11px;}

#contentleftmenu, #contentrightmenu 	{font-family: 'Times New Roman', Times, sans-serif; color: #666;}

#contentleftmenu ul, #contentrightmenu ul	{letter-spacing: 1px; line-height: 17px;}

#contentleftmenu2 ul					{line-height: 14px; font-size: 11px;}

#contentleftmenu ul						{font-style: italic;}

#contentrightmenu ul					{padding-top: 5px; font-style: normal; letter-spacing: normal;}

#contentrightmenu .title				{color: #666;  display: block; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-style: normal; padding: 4px 0 13px 0; line-height: 17px;}

#content p								{padding-bottom: 6px; padding-top: 4px;}

#content h2								{font-size: 24px; font-family: 'Times New Roman', Times, sans-serif; color: #333; font-weight: normal; font-style: normal; padding-bottom: 14px; line-height: 26px;}

#content #centraltext h2				{padding-bottom: 10px;}

#content h3								{font-size: 12px; font-weight: bold; font-style: normal; padding: 4px 0 6px 0; }

#content .title							{color: #666;  display: block; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; font-style: normal; padding-bottom: 7px;}

#footer 								{font-size: 11px; }

a:link									{text-decoration: none; color: #3c619a;}

a:visited								{text-decoration: none; color: #3c619a;}

a:hover									{text-decoration: underline;}

.active a								{color: #666; }

.superscript							{position: relative; font-size: 9px; top: -5px;}

/*	structure ------------------------------------------------------------- */

#center 								{text-align: left; width: 979px; margin: 0 auto; background: url(images/back_content.gif) center repeat-y; position: relative; min-height: 100%; }

* html #center							{height: 100%;}


/*		header ------------------------------------------------------------ */

#header 								{position: relative; height: 131px; background: #fff url(images/back_header.gif) bottom center no-repeat; }

#header h1								{background: url(images/fuel_logo.gif) no-repeat; position: absolute; top: 48px; left: 85px; height: 48px; width: 110px; overflow: hidden; }

#header h1 a							{display: block; padding: 52px 0 0 0;}

#header ul 								{list-style: none;}

#header #headerleftmenus 				{position: absolute; left: 251px; top: 42px;}

#header #headerleftmenus ul 			{clear: left;}

#header #headerleftmenus ul li 			{display: inline; margin-right: 15px;}

#header .headerrightmenu 				{position: absolute; top: 45px; right: 10px; text-align: right;}

#header .headerrightmenu li 			{display: block;}


/*		content ------------------------------------------------------------ */

#content 								{padding: 0 0 100px 0; }

#content #flashcontent 					{height: 390px; background: #fff; border-left: 1px solid #7f7f7f; border-right: 1px solid #7f7f7f; margin-bottom: 40px; padding: 0 10px 0 10px; position:relative;}

#content #headimg 						{background: #fff; border-left: 1px solid #7f7f7f; border-right: 1px solid #7f7f7f; margin-bottom: 40px; padding: 0 10px 0 10px; position:relative;}

#content #textcontent #contentleftmenu 	{float: left; width: 190px; margin-right: -250px; text-align: right; list-style: none; }

#content #textcontent #contentleftmenu2 {float: left; width: 190px; padding-left: 48px; margin-top: 34px; margin-right: -250px; text-align: left; list-style: none; }

#content #textcontent #contentleftmenu2 ul {margin-top: -3px; margin-bottom: 10px; padding-left: 20px; list-style: normal;}

#content #textcontent #contentrightmenu 	{float: right; width: 190px; text-align: left; }

#contentleftmenu ul, #contentrightmenu ul {list-style: none; padding-bottom: 10px;}

#contentrightmenu img 					{margin-top: 7px; }

#content #textcontent #centraltext 		{margin-right: 250px; margin-left: 250px; }

#content .pdficon						{margin: 0 0 3px 6px; vertical-align: -30%;}


#cbox1									{width: 182px; height: 142px; position: absolute; top: 0px; left: 10px;}

#cbox2									{width: 182px; height: 142px; position: absolute; top: 200px; left: 10px;}

#cbox3 									{width: 477px; height: 390px; position: absolute; top: 0px; left: 250px;}

#cbox3 img								{position: absolute; top: 11px; left: 11px;}

#cbox4									{width: 182px; height: 342px; position: absolute; top: 0px; left: 737px;}


/*		footer ------------------------------------------------------------- */

#footer 								{width: 979px; margin: 0 auto; height: 100px; background: url(images/back_content_bottom.gif) bottom center no-repeat; clear: both; position: relative; margin-top: -100px; }

#footer ul 								{list-style: none; text-align: center; padding-top: 50px;}

#footer ul li 							{display: inline; padding: 0 10px 0 8px; border-right: 1px solid #666;}

#footer ul .last 						{border-right: none; }

#footer ul img							{margin: 0 6px 0 3px;  vertical-align: -25%;}


/* ---- */

table									{width: auto;}

table td								{border: none; width: 30%; vertical-align: text-top;}

table ul								{line-height: 13px; font-size: 11px; margin-top: 4px; margin-bottom: 10px; padding-left: 20px; list-style: none;}

table ul li								{padding-bottom: 7px;}

table strong							{color: #333; margin: 0; padding: 0;}

table.contacttable						{width: 477px; margin-top: 17px;}

table.contacttable td					{border: none; width: 50%; vertical-align: top; padding-top: 3px; padding-bottom: 3px;}

table.contacttable .aright				{padding-right: 5px;}

table ul								{line-height: 13px; font-size: 11px; margin-top: 4px; margin-bottom: 10px; padding-left: 20px; list-style: none;}

table ul li								{padding-bottom: 7px;}

table strong							{color: #333; margin: 0; padding: 0;}

input.formfield							{width: 238px; border: 1px solid #666; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; padding: 2px;}

input.formbutton						{margin-right: 5px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; padding: 2px;}

textarea.formfield						{overflow: auto; width: 238px; height: 60px; border: 1px solid #666; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; padding: 2px;}



