/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/
img.border {
			display: block;
			padding:8px;
			border:solid;
			border-color: #666666 #aaaaaa #aaaaaa #666666;
			border-width: 1px 2px 2px 1px;
			background-color:white;
		}
.hidden 
{position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;}

.style1 {
	font-size: 18px;
	font-weight: bold;
	color: #1B3E74;
}
.style5 {color: #72A0D5}
.style6 {color: #4682C8}
.style9 {color: #2B70C0}
.style10 {	font-family: Arial, Helvetica, sans-serif;	color: #033B80;	font-size: 14px;font-weight: bold;}
.style11 {color: #033B80; font-weight: bold; font-size: 12px; }
.style12 {color: #4D6185}

.style13 {
	font-size: 16px;
	font-weight: bold;
}
.style22 {
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style23 {color: #37A6A3}
.style24 {font-size: 10px}
.style26 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style27 {color: #333333}
.style30 {color: #666666}
.style32 {color: #1B3E74; font-weight: bold; }
.style33 {color: #1B3E74}
.style36 {font-family: Arial, Helvetica, sans-serif}
.style37 {	font-size: 18px;	color: #1B3E74;}
.style39 {font-size: 14px}
.style40 {font-size: 12px}
.style41 {font-family: Arial, Helvetica, sans-serif}
.style4 {	color: #033B80;	font-weight: bold;	font-size: 16px;}
.style43 {	color: #FFFFFF;	font-weight: bold;}
a:link {
	color: #3886E0;
	text-decoration: none;
}

a:hover, {
	text-decoration: underline;
	color: #FF0000;
}

a:visited {
	color: #3886E0;
}

#menu a {
	position: absolute;
	height: 85px;
	width: 86px;
	top: 135px;
	text-decoration: none;
	left: 705px;
  }
  #menu2 a {
	position: absolute;
	height: 94px;
	width: 83px;
	top: 138px;
	text-decoration: none;
	left:504px;
  }
  
  #menu3 a {
	position: absolute;
	height: 77px;
	width: 106px;
	top: 129px;
	text-decoration: none;
	left:323px;
  }
  #menu1 a {
	position: absolute;
	height: 98px;
	width: 93px;
	top: 121px;
	text-decoration: none;
	left:145px;
  }
*
{
border: 0;
margin: 0;
}
 


body
{
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #296FC0;
	background-color: #FFFFFF;
}


 #menu a i ,#menu1 a i,#menu2 a i,#menu3 a i{ visibility: hidden; }
#main
{
margin: 0 auto;
width: 998px;
background: #296FC0 url(images/back_all.gif) repeat-y center;
}

#header_electric
{
width: 790px;
margin: 0 auto;
height: 215px;
background: url(images/electricheader2.jpg) no-repeat center bottom;
}
#header_gas
{
width: 790px;
margin: 0 auto;
height: 215px;
background: url(images/GASheader4.gif) no-repeat center bottom;
}
#header_home
{
	width: 790px;
	margin: 0 auto;
	
	height: 220px;
	background: url(images/homeheader.jpg) no-repeat center bottom;
}
#header_energy
{
width: 790px;
margin: 0 auto;
height: 280px;
background: url(images/green.jpg) no-repeat center bottom;
}
#header
{
width: 790px;
margin: 0 auto;
height: 240px;
background: url(images/header.jpg) no-repeat center bottom;
}

#header_wwater
{
width: 790px;
margin: 0 auto;
height: 215px;
background: url(images/wwheader.jpg) no-repeat center bottom;


}
#header_water
{
width: 790px;
margin: 0 auto;
height: 215px;
background: url(images/wheader.jpg) no-repeat center bottom;

}
#header_CS
{
width: 790px;
margin: 0 auto;
height: 215px;
background: url(images/csheader.jpg) no-repeat center bottom;

}
#header_video
{
width: 490px;
margin: 0 auto;
height:640px;
background: url(VTS_01_1.swf) no-repeat center bottom;

}
#logo
{
padding-left: 40px;
text-align: left;
padding-top: 20px;

}

#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}


#logo H2 a
{
font-size: 10px;
}
#Top
{
padding-top: 1;
height:20px;
width: 790px;
}
#buttons
{
padding-top: 5px;
height:29px;
width: 790px;
}
#buttons a
{
color: #666666;
text-decoration:none
}
#buttons a:hover
{
color: #666666;
text-decoration:underline
}
#content
{
width: 760px;
margin: 0 auto;
padding: 10px;  
 
}
#content a: 
{

 text-decoration:none
}
#content a:hover
{
color: #3886E0;
 text-decoration:underline
}
#left
{
width: 490px;
padding: px; 

 
border-top: 4px solid #C7D9EE;  
}
#left_rates
{
	width: 510px;
	padding: px;
	border-top: 4px solid #C7D9EE;
}
#left H1
{
color: #033B80;
margin: 0;
padding: 0;
font-size: 24px;
}
#left H2
{
color: #033B80;
margin: 0;
padding: 0;
font-size: 18px;
padding-top: 10px;
}

#left a
{
 color: #3886E0;
}

#left a:hover, {
	text-decoration: underline;
	color: #FF0000;
}

#left a:visited {
	color: #3886E0;
}

#right
{
float: right;
width: 250px;

 
}
#sidebar3 
{
width: 254px;
}

#sidebar3 ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar3 li 
{
	margin-bottom: 15px;
}

#sidebar3 li ul {
	padding: 10px;
	border-top: none;
}

#sidebar3 li li {
	margin: 0;
	padding: 3px 0;
}


#sidebar3 li h2 {
	height: 36px;
	margin: 0;
	padding: 10px 0 0 0px;
	background: url(images/title.jpg) no-repeat;
	font-size: 18px;
	color: #ffffff;
}

#sidebar3 a:link {
	text-decoration: none;
}

#sidebar3 a:hover {
	color:ffffff;text-decoration:underline;
}
#sidebar3 a:visited {
	text-decoration: none;
}
#sidebar3 li a:hover {
	text-decoration:underline;
	 
}
#sidebar3 li a {
	padding-left: 10px;
	background:  no-repeat 1px 5px;
}

#sidebar2 
{
width: 254px;
}

#sidebar2 ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar2 li 
{
	margin-bottom: 15px;
}

#sidebar2 li ul {
	padding: 10px;
	border-top: none;
}

#sidebar2 li li {
	margin: 0;
	padding: 3px 0;
}


#sidebar2 li h2 {
	height: 36px;
	margin: 0;
	padding: 10px 0 0 20px;
	background: url(images/title.jpg) no-repeat;
	font-size: 18px;
	color: #ffffff;
}

#sidebar2 a:link {
	text-decoration: none;
}

#sidebar2 a:hover {
	color:ffffff;text-decoration:underline;
}
#sidebar2 a:visited {
	text-decoration: none;
}
#sidebar2 li a:hover {
	text-decoration:underline;
	 
}
#sidebar2 li a {
	padding-left: 10px;
	background:  no-repeat 1px 5px;
}
#sidebar 
{
width: 254px;
}

#sidebar ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li 
{
	margin-bottom: 15px;
}

#sidebar li ul {
	padding: 10px;
	border-top: none;
}

#sidebar li li {
	margin: 0;
	padding: 3px 0;
}


#sidebar li h2 {
	height: 36px;
	margin: 0;
	padding: 10px 0 0 20px;
	background: url(images/title.jpg) no-repeat;
	font-size: 18px;
	color: #ffffff;
}

#sidebar a:link {
	text-decoration: none;
}

#sidebar a:hover {
	color:ffffff;text-decoration:underline;
}
#sidebar a:visited {
	text-decoration: none;
}
#sidebar li a:hover {
	text-decoration:underline;
	 
}
#sidebar li a {
	padding-left: 10px;
	background: url(images/img09.gif) no-repeat 1px 5px;
}

#footer
{
	background: url(images/footer.gif) repeat-x;
	height: 47px;
	width: 800px;
	margin: 0 auto;
	font-size: 10px;
	color: #ffffff;
	padding-top: 5px;
	text-align: center;
	border-top: 4px solid #296FC0;
}

#tableID twitter
{ overflow: scroll;
 }


#footer a
{
color: #ffffff;
font-size: 10px;
text-decoration: none;
}
.padding
{
padding: 10px;
color:#FF0000;
font-weight: bold;
}
.border {
	background-color: #CCCCCC;
	border: #FFFFFF;
}
.style1 {
	font-size: 18px;
	font-weight: bold;
	color: #1B3E74;
}
.style4 {
	color: #033B80;
	font-weight: bold;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.style5 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style24 {font-size: 10px}
.style30 {color: #666666}
.style23 {color: #37A6A3}
.style2 {list-style-type:square; font:Verdana, Arial, Helvetica, sans-serif; font-size:11px}