/* ================================
    Sitewide Stylesheet
   ================================ */
body{font-family:Helvetica, Arial, sans-serif;}
.project-home
{
	margin: 0px; padding: 0px; font-size: 0px; line-height: 0px;
	background-color: #f9f9f9; color: #000000;
	
	background:url(../images/bg_body.jpg) repeat-x #FFF;
}
#container{ margin:0 auto; width:951px; position:relative;}
.logo{position:absolute; top:5px; left:20px;}
.project-home #page-header-horizontal { background:url(../images/bg_header.png); height:145px;}
	#hours{width:321px; height:37px; float:left; padding:58px 150px 0px 200px; font-size:12px; line-height:18px; color:#656565;}
		#hours strong{font-size:16px; font-weight:bold;}
	#search{width:157px; height:50px; float:left; padding:50px 0px 0px 90px;}
		#search h1{ font-size:19px; line-height:100%; font-weight:bold; color:#00437B; padding-bottom:5px;}
		#search input.txtbox{background: url(../images/bg_searchbox.jpg) no-repeat; width:105px; height:14px; font-size:10px; line-height:100%; color:#666666; border:0px; padding:5px 5px 3px 5px;}
		#search input.submit{ vertical-align:bottom; padding: 0px 0px 1px 5px;}
	.socialIcons{position:absolute; top: 22px; right:47px;}
		.socialIcons a{ margin-right:5px;}


.project-home #page-container{ background:url(../images/bg_content.png) repeat-y; width:900px; height:475px; padding:10px 25px 0px 29px; margin-left:19px; }
	#page-container h1{ background:url(../images/bg_subtitle.jpg); padding:5px 0px 0px 267px; font-size:32px; line-height:100%; height:36px; font-weight:normal; color:#FFF; width:609px;}
		#page-container h1.environment{background:url(../images/bg_env_title.jpg);}
	#page-container h2{ background:url(../images/bg_title.jpg) no-repeat; padding:0px 0px 0px 3px; margin:0px; font-size:29px; line-height:100%; height:30px; font-weight:normal; color:#FFF;}
	#page-container h3{ color:#00427A; font-size:16px; padding:0px 0px 7px 0px; margin:0px; }
	#page-container h3.search{padding-top:50px;}
/* ====================
   Homepage styles
==================== */
	#home_banner{
	padding:4px; border:1px solid #999999;
	width:480px; height:270px; float:left;
	}
		.home_rightarrow{position:absolute; top:285px; left: 533px;} .home_leftarrow{position:absolute; top:285px; left: 38px;}
	#news{width: 374px; height:281px; float:left; padding:4px 0px 0px 12px;}
		#news div{ overflow:auto; font-size:13px; line-height:18px; height:233px; padding:10px 0px 0px 4px; }
			#news div a{text-decoration:none; color:#00427A; font-size:14px; font-weight:bold;}
	#poll{float:left; width:266px; height:169px; font-size:14px; line-height:16px; color:#656565; padding: 10px 0px 0px 4px; }
		.question{ padding:7px 0px 10px 4px;}
		.poll_links{ font-size:10px; float:left; padding-right:50px; } .poll_links a{color:#656565;} .poll_links a:hover{ text-decoration:none;}
	#survey{float:left; width:206px; height:169px; padding:10px 14px 0px 14px;}
		#survey h2{ font-size:27px;}
		#survey div{padding:5px 10px 0px 10px; font-size:12px; background:url(../images/bg_survey.jpg) repeat-y; height:136px; color:#fff; line-height:22px; font-size:12px;}
		#survey span{ padding:20px 0px 0px 40px; display:block; float:left;}
	#deal{float:left; width:368px; height:169px; padding-top:10px;}

/* ====================
   /Homepage styles
==================== */

/* ====================
    Subpage styles
==================== */
	
	#left_column{background:url(../images/bg_subleft.jpg) repeat-y; width:257px; float:left; padding:7px 10px 0px 0px; height:427px;}
		.pic_caption{font-size:9px; line-height:15px; color:#707070; text-align:right; width:244px; padding:5px 0px 10px 0px;}
		.caption{font-size:9px; line-height:100%;; color:#707070; }
		#left_column p{font-size:10px; line-height:18px; padding:10px 0px;}
		#left_column input.submit{ vertical-align:bottom; padding: 0px 0px 0px 5px;}
		#left_column input{margin-bottom: 10px;}
		.locsearch{width:138px; height:17px; font-size:11px; padding:3px 0px 0px 3px; margin:0px; background:url(../images/bg_locsearch.jpg) no-repeat; border:0px;}
		.moreresults{font-size:13px; font-weight:bold; text-decoration:none; color:#00427A; display:block; margin:20px 0px 35px 0px; }
		.searchText{font-size:12px; line-height:127%;}
	#right_column, #right_column_env{ width:612px; float:left; overflow:auto; font-size:13px; line-height:17px; height:408px; padding-top:10px;}
		#right_column_env{width:591px; padding-right:18px;}
		#right_column_env ul{margin: 0px 0px 0px 15px; padding:0px;}
		#right_column p{margin: 15px 0;}
	.floatL{display:block; float:left; padding: 0px 5px 5px 0px;}
	
	.results{font-size:13px;}
		.results a{text-decoration:none; font-weight:bold; } .results a img{ vertical-align:bottom;}
		.results td{width:219px;}
		
	.gas_table{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	.gas_table th{ background-color:#000099; color: #FFFFFF; font-weight:bold; text-decoration:underline; padding: 5px 0px 5px 0px; }
	.gas_table td{ padding: 4px 0px 4px 0px; }
		
	.caption{font-size:9px; padding-bottom:10px;}
/* ====================
   /Subpage styles
==================== */
	

	.project-home #page-footer-horizontal { background:url(../images/bg_footer.png); width:900px; height:68px; padding:0px 16px; margin-left:19px; }
		#page-footer-horizontal .newsletter{float:left; padding:7px 0px 0px 10px; width:197px;}
			.newsletter input.txtbox{background:url(../images/bg_footertxtbox.png) no-repeat; height:20px; width:128px; float:left; font-size:10px; padding:5px 3px 0px 3px; border:0px;}
			.newsletter input.submit{padding:4px 0px 0px 4px; float:left; margin:0px; }
		#page-footer-horizontal p{float:left; width:340px; padding:3px 243px 0px 77px; font-size:10px; line-height:100%;  text-align:center; color:#FFF;}
		#page-footer-horizontal a{color:#FFF; text-decoration:none;} #page-footer-horizontal a:hover{text-decoration:underline;}
		#thunder{padding-top:7px; float:left;}
			
			
#contentPicture {
	float:right;
	clear:left;
	width:149px;
	height:201px;
	margin:-10px -10px 5px 10px;
}
/* ====================
   Navigation styles
==================== */
/*Rollover effect controlled through javascript*/

#topnav
{
	margin: 0px; padding: 11px 0px 0px 173px; list-style:none;
	width:750px; height:34px;
}

	#topnav li { position: relative; float:left; padding: 0px; z-index:1000;}
	*html #topnav li a{float:left;} *html #topnav li{  display:inline; } /*IE6 will not shorten the element when floated right; only left */
	#topnav li a
	{
		display:block; background:url(../images/nav_divider.png) top right no-repeat;
		padding:8px 28px 0px 28px; height:23px;
		font-size:14px; color:#FFFFFF; text-decoration:none;
		line-height:100%; font-weight:bold;
	}
	#topnav li a:hover{ background-color:#E4E4E4; color:#777777; background-image:none;}
	#topnav li a.endbtn{background-image:none;}


.dropdown2
{
	position:absolute;
	top: 100%; left: 0px;
	list-style:none;
	display:none;
	font-size:0px;
	z-index:1000;

	/* Design for Dropdown Menus */
	padding: 5px 0px 5px 8px;
	margin: 0px;
	text-align:left;
	width: 172px;
	background-color:#E4E4E4;
}


#topnav li ul.dropdown2 li
{
	font-size:0px; line-height:0px;
	width: 100%; 
} 

#topnav li ul.dropdown2 li a
{
	font-family: arial, Helvetica, sans-serif;
	text-decoration:none; background-image:none;
	padding: 0px; line-height:100%;
	display: block; float:left; width:172px; height:auto;
	line-height: 16px; font-size: 12px; color:#777777;
	width:164px;padding: 3px 3px 7px 5px;
} 
#topnav li ul.dropdown2 li a{ }
#topnav li ul.dropdown2 li a:hover{text-decoration: underline; color: #00427A;  }


/* ===============
   /Navigation
=============== */

