/* WFD Site Styles */

/* BASE STYLES */
html { overflow-y:scroll; }
body,td,th { font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:12px; color:#ffffff; }
body { margin:0px; background:#245459 url(../images/site_bg.gif) repeat-x; }

a, a:link, a:active, a:visited { color:#ffffff; text-decoration:underline; }
a:hover { color:#a3d8dd; text-decoration:underline; }

img { border:0px; }
hr { color:#4a858b; height:1px; background-color:#4a858b; border:none; margin-top:5px; margin-bottom:20px; }
.imgFloatLf { float:left; margin:0px 5px 5px 0px; display:inline; }
.imgFloatRt { float:right; margin:0px 0px 5px 5px; display:inline; }

/* DIV STYLES */
#divMaster { margin:auto; width:674px; }
#divNavBanner { background:url(../images/navBanner_bg.jpg) no-repeat bottom; width:100%; height:126px; }
	#divNavLinks { background: url(../images/navLinks_bg.gif) no-repeat left; width:362px; height:126px; }
		#divTopNav { background:url(../images/navTop_bg.gif) no-repeat left bottom; width:104px; height:126px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:right; }
			#divNavLinks ul { margin:0px; padding:29px 0px 0px 0px; list-style-type:none; border-bottom:1px solid #66888b; }
			#divNavLinks li { margin:0px; padding:2px 2px; border-top:1px solid #66888b; }
			#divNavLinks a, #divNavLinks a:link, #divNavLinks a:active, #divNavLinks a:visited { background:url(../images/bullet_org.gif) no-repeat left;
			font:11px Arial, Tahoma, Helvetica, sans-serif; color:#d3d3d3; font-weight:bold; text-decoration:none; display:block; padding-left:17px; }
			#divNavLinks a:hover { font:11px Arial, Tahoma, Helvetica, sans-serif; color:#ffffff; font-weight:bold; text-decoration:underline; }
#divBody { width:100%; padding:0px 0px; }
	#tableContent_home { width:100%; }
		#tableContent_home td { padding-top:15px; }
		#tableContent_home ul { list-style-type:circle; padding-left:12px; margin-left:12px; line-height:15px; }
		#tableContent_home li { }
		#tableContent_home h1 { font:14px Arial, Tahoma, Helvetica, sans-serif; color:#fd9d0d; font-weight:bold; text-decoration:none; font-variant:small-caps;
		letter-spacing:1px;	margin:0px 0px -10px 0px; }
			#divForm_container { background:#658c90; padding:5px; }
				#divForm_container p { margin:0px 8px; }
				/*#divForm_container a, #divForm_container a:link, #divForm_container a:active, #divForm_container a:visited { }
				#divForm_container a:hover { color:#245459; text-decoration:underline; }*/
					#divForm_gasTrack { background:#ffffff url(../images/form_bg.gif) repeat-x; border:1px solid #000000; padding:5px; color:#3e3e3e; margin-bottom:5px; }
					#tableForm_login { margin-bottom:5px; }
						#tableForm_login h1 { font:12px Arial, Tahoma, Helvetica, sans-serif; color:#3e3e3e; font-weight:normal; text-decoration:none; font-variant:normal;
						letter-spacing:0px;	margin:-13px 0px -15px 0px; }
							#tableForm_login td .input { color:#3e3e3e; font-size:11px; }
					#divForm_S2K { background:#ffffff url(../images/form_bg.gif) repeat-x; border:1px solid #000000; padding:10px 5px; color:#3e3e3e; margin-bottom:5px; }
					#divForm_S2K .smallText { font:11px Arial, Tahoma, Helvetica, sans-serif; color:#3e3e3e; text-align:center; }
					#divForm_S2K a, #divForm_S2K a:link, #divForm_S2K a:active, #divForm_S2K a:visited { font:11px Arial, Tahoma, Helvetica, sans-serif; color:#3e3e3e; text-align:center; }
						#divForm_S2K a:hover { color:#245459; text-decoration:underline; }
						.submit input { color: #000; background: #ffa20f; border: 2px outset #d7b9c9; }
					
					#divForm_Links { background:#ffffff url(../images/form_bg.gif) repeat-x; border:1px solid #000000; padding:5px; color:#3e3e3e; margin-bottom:5px; }
						#divForm_Links ul { list-style:none; margin:0 0 0 5px; padding:0; }
							#divForm_Links li.linkShell { background:url(../images/icon_ShellSource.gif) no-repeat top left; margin:0; padding:20px 0 5px; }
							#divForm_Links li.linkBP { background:url(../images/icon_BPDirect.gif) no-repeat top left; margin:0; padding:20px 0 5px; }
					#divForm_Links .smallText { font:11px Arial, Tahoma, Helvetica, sans-serif; color:#3e3e3e; text-align:center; }
					#divForm_Links a, #divForm_Links a:link, #divForm_Links a:active, #divForm_Links a:visited { font:11px Arial, Tahoma, Helvetica, sans-serif; color:#3e3e3e;
					text-align:left; }
						#divForm_Links a:hover { color:#245459; text-decoration:underline; }
						
	#tableContent_page { width:100%; }
		#tableContent_page td { padding-top:15px; }
		#tableContent_page p { margin-top:-5px; }
		#tableContent_page ul { list-style-type:circle; padding-left:12px; margin-left:12px; line-height:15px; margin-top:-10px; }
		#tableContent_page li { }
		#tableContent_page h1 { font:14px Arial, Tahoma, Helvetica, sans-serif; color:#fd9d0d; font-weight:bold; text-decoration:none; font-variant:small-caps;
		letter-spacing:1px;	margin:10px 0px 5px 0px; }
		#tableContent_page .newsHeader1 { font:18px Arial, Tahoma, Helvetica, sans-serif; color:#fd9d0d; font-weight:bold; line-height:18px; }
		#tableContent_page .newsHeader2 { font:15px Arial, Tahoma, Helvetica, sans-serif; color:#fd9d0d; font-weight:bold; line-height:18px; }
		#tableContent_page .newsSubheader1 { font:13px Arial, Tahoma, Helvetica, sans-serif; color:#fd9d0d; font-weight:bold; line-height:18px; font-style:italic; }
		.readMore { background:url(../images/bullet_org2.gif) no-repeat right top; display:block; padding-right:17px; text-align:right; font-size:95%;
		border-bottom:1px solid #4a858b; padding-bottom:15px; margin-bottom:15px; }
			#divCol3_container { background:#658c90; padding:8px; }
				#divCol3_container p { margin-top:0px
					}
				#divCol3_container ul { list-style-type:circle; } 
				#divCol3_container em { font-size:10; color:#245459; }
				/*#divCol3_container a, #divCol3_container a:link, #divCol3_container a:active, #divCol3_container a:visited { }
				#divCol3_container a:hover { color:#245459; text-decoration:underline; }*/
					#divCol3_container .header1 { font-size:15px; font-weight:bold; padding-bottom:-5px; }
					#divCol3_container .header2 { font-size:13px; font-weight:bold; text-decoration:underline; }
					#divCol3_container ul { list-style-type:circle; padding-left:12px; margin-left:12px; line-height:15px; margin-top:-10px; margin-bottom:5px; }
					#divCol3_container li { }
					#divCol3_container ul.personnel { list-style-type:circle; padding-left:12px; margin-left:12px; line-height:15px; margin-top:0px; margin-bottom:5px; }	
				#divCol3_container img { float:left; margin:0px 5px 5px 0px; }
			#table_callout { background:url(../images/content_calloutBG.gif) repeat-y; width:483px; }
				#table_callout .top { background:url(../images/content_calloutBGtop.gif) no-repeat; height:11px; }
				#table_callout .bot { background:url(../images/content_calloutBGbot.gif) no-repeat; height:11px; }
				#table_callout td { padding:0px 20px; }	
				#table_callout .header1 { font-size:18px; font-weight:bold; text-align:center; }
				#table_callout .header2 { font-size:13px; color:#fd9d0d; font-weight:bold; }
			#divCallout { width:483px; }
				.calloutContainer { position:relative; margin:0px auto;	min-width:8em;
					max-width:483px; /* based on bg image dimensions */
					color:#fff;	z-index:1;
					margin-left:22px; /* default, width of left corner */
					margin-bottom:0.5em; /* spacing under calloutContainer */
					}
				.calloutContainer .content, .calloutContainer .t, .calloutContainer .b, .calloutContainer .b div { background:transparent url(../images/div_calloutBG.gif) no-repeat top right; _background-image:url(../images/div_calloutBG.gif); }
				.calloutContainer .content { position:relative; zoom:1; _overflow-y:hidden; padding:0px 22px 0px 0px; }
				.calloutContainer .t { /* top+left vertical slice */
					position:absolute; left:0px; top:0px;
					width:22px; /* top slice width */
					margin-left:-22px; height:100%;
					_height:1500px; /* arbitrary long height, IE 6 */
					background-position:top left; }
				.calloutContainer .b { /* bottom */
					position:relative; width:100%; }
				.calloutContainer .b, .calloutContainer .b div { height:15px; /* height of bottom cap/shade */
					font-size:1px; }
				.calloutContainer .b { background-position:bottom right; }
				.calloutContainer .b div { position:relative;
					width:22px; /* bottom corner width */
					margin-left:-22px; background-position:bottom left; }
				.calloutContainer .hd, .calloutContainer .bd, .calloutContainer .ft { position:relative; }
				.calloutContainer .wrapper { /* extra content protector - preventing vertical overflow (past background) */
					position:static; max-height:1600px;
					overflow:auto; }
				.calloutContainer h1, .calloutContainer p { margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
					padding:0.5em 0px 0.5em 0px; }
				.calloutContainer h1 { font:18px Arial, Tahoma, Helvetica, sans-serif; color:#ffffff; font-weight:bold; text-decoration:none; font-variant:normal;	letter-spacing:0px;
					margin:10px 0px 5px 0px; padding-bottom:10px; text-align:center; }
				.calloutContainer .subHeader { font-size:13px; color:#fd9d0d; font-weight:bold; }
				.calloutContainer p { margin-top:-5px; }

			#divMailForm { width:600px; margin:auto; }
				.mailContainer { position:relative; margin:15px auto; min-width:8em;
					max-width:600px; /* based on bg image dimensions */
					color:#fff;	z-index:1;
					margin-left:22px; /* default, width of left corner */
					margin-bottom:0.5em; /* spacing under mailContainer */
					}
				.mailContainer .content, .mailContainer .t, .mailContainer .b, .mailContainer .b div { background:transparent url(../images/div_mailBG.gif) no-repeat top right; _background-image:url(../images/div_mailBG.gif); font-size:11px; }
				.mailContainer .content { position:relative; zoom:1; _overflow-y:hidden; padding:20px 22px 0px 0px; }
				.mailContainer .t { /* top+left vertical slice */
					position:absolute; left:0px; top:0px;
					width:22px; /* top slice width */
					margin-left:-22px; height:100%;
					_height:1500px; /* arbitrary long height, IE 6 */
					background-position:top left; }
				.mailContainer .b { /* bottom */
					position:relative; width:100%; }
				.mailContainer .b, .mailContainer .b div { height:15px; /* height of bottom cap/shade */
					font-size:1px; }
				.mailContainer .b { background-position:bottom right; }
				.mailContainer .b div { position:relative;
					width:22px; /* bottom corner width */
					margin-left:-22px; background-position:bottom left; }
				.mailContainer .hd, .mailContainer .bd, .mailContainer .ft { position:relative; }
				.mailContainer .wrapper { /* extra content protector - preventing vertical overflow (past background) */
					position:static; max-height:1600px;
					overflow:auto; }
				.mailContainer h1, .mailContainer p { margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
					padding:0.5em 0px 0.5em 0px; }
				.mailContainer h1 { font:18px Arial, Tahoma, Helvetica, sans-serif; color:#ffffff; font-weight:bold; text-decoration:none; font-variant:normal;	letter-spacing:0px;
					margin:10px 0px 5px 0px; padding-bottom:10px; text-align:center; }
				.mailContainer .subHeader { font-size:13px; color:#fd9d0d; font-weight:bold; }
				.mailContainer .thanks { font-size:13px; color:#fd9d0d; font-weight:bold; text-align:center; }
				.mailContainer .inquiries { font-size:13px; text-align:center; }
				.mailContainer p { margin-top:-5px; }
#divClear { clear:both; font-size:1px; line-height:0px; width:100%; height:0; }		
		
#divFooter { background:url(../images/footer_bg.jpg) no-repeat top right; padding:8px 0px 6px 0px; width:100%; margin-top:15px; }
	#divFooter .address { float:left; margin:0px 25px 0px 0px; }	
	#divFooter .contact { margin:0px 25px 0px 25px; }
	#divFooterLinks { margin:auto; text-align:center; padding:6px 0px; width:100%; }
	#divFooterLinks a, #divFooterLinks a:link, #divFooterLinks a:active, #divFooterLinks a:visited { text-decoration:none; }
	#divFooterLinks a:hover { text-decoration:none; }
		
/* OTHER STYLES */

h1.sample { font:normal 250% Tahoma, Arial, Helvetica, sans-serif; color:#F08A1E; margin:0px 0px 12px 10px; }
