/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#dlmenu {height: 231px; margin: 10px 0px 10px 0px;}
#csdlmenu {height: 330px; margin: 10px 0px 10px 0px;}
#pudlmenu {height: 297px; margin: 10px 0px 10px 0px;}
#watermenu {height: 231px; margin: 10px 0px 10px 0px;}
#menu {list-style-type: none; margin: 0px; padding: 0px; position: absolute; width:170px; z-index:100;}
#menu li {display:block; padding:0; margin:0; position:relative; z-index:100;}
#menu li a, #menu li a:visited {display:block; text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dt a , #menu li a:hover dt a {background:url(../images/tabon.gif) top left; color:#fff; }
#menu li.sub:hover, #menu li a:hover {border:0;}
#menu li.sub:hover dt a , #menu li a:hover dt a {background:url(../images/tabondown.gif) top left; color:#fff; }
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {height: auto; url(sub_grad.gif);}
#menu table {border-collapse: collapse; padding: 0px; margin: -4px; font-size:1em;}
#menu dl {width: 170px; height: auto; margin: 0px; cursor: pointer;}
#menu dt {margin:0; padding: 0; font-size: 12px; border-top: 0px solid #cce;}
#menu dd {margin:0; padding:0; font-size: 11px; text-align:left; }
.gallery dt a, .gallery dt a:visited {display: block; color: #000000; padding: 10px; background: #ffffff url(../images/tab.gif) top left;}
.gallery dd a, .gallery dd a:visited {color: #000; min-height: 0px; text-decoration: none; display: block; padding: 4px 5px 4px 10px; background: #ffffff url(../images/dlmenubackon.gif) repeat-y;}
* html .gallery dd a, * html .gallery dd a:visited {height: 0px;}
.gallery dd a:hover {background:#ffffff url(../images/dlmenubackon.gif) repeat-y; color:#000;}

.gallerysub dt a, .gallerysub dt a:visited {display:block; color:#000000; padding:10px; background:#ffffff url(../images/tab-off.gif) top left;}
.gallerysub dd a, .gallerysub dd a:visited {color:#000; min-height: 0px; text-decoration:none; display:block; padding:4px 5px 4px 10px; background:#ffffff url(../images/dlmenuback.gif) repeat-y;}
* html .gallerysub dd a, * html .gallerysub dd a:visited {height: 0px;}
.gallerysub dd a:hover {background:#ffffff url(../images/dlmenubackon.gif) repeat-y; color:#000;}

	body#home a#home_link,
	body#about a#about_link,
	body#contact a#contact_link,
	body#cs a#cs_link,
	body#assist a#assist_link,
	body#connect a#connect_link,
	body#csfaqs a#csfaqs_link,
	body#newcust a#newcust_link,
	body#payment a#payment_link,
	body#csrates a#csrates_link,
	body#warm a#warm_link,
	body#pu a#pu_link,
	body#faqs a#faqs_link,
	body#emergency a#emergency_link,
	body#comm a#comm_link,
	body#partner a#partner_link,
	body#weather a#weather_link,
	body#cross a#cross_link,
	body#conserve a#conserve_link,
	body#plant a#plant_link,
	body#drought a#drought_link,
	body#water a#water_link {
	color: #ffffff;
	background: url(../images/tabon.gif) no-repeat left top;
	text-decoration: none;
	}
	body#customer a#customer_link,
	body#dpu a#dpu_link,
	body#savings a#savings_link, 
	body#residential a#residential_link,
	body#commercial a#commercial_link {
	color: #ffffff;
	background: url(../images/tabondown.gif) no-repeat left top;
	text-decoration: none;
	} 
	
a.util:link		 { color: #66943d; text-decoration: underline; font-weight: bold;}
a.util:visited	 { color: #66943d; text-decoration: underline; font-weight: bold;}
a.util:hover	 { color: #006699;}

a.util2:link		 { color: #66943d; text-decoration: none; font-weight: bold;}
a.util2:visited	 { color: #66943d; text-decoration: none; font-weight: bold;}
a.util2:hover	 { color: #49616b;}

a.utilh3:link		 { color: #49616b; text-decoration: none; font-weight: bold;}
a.utilh3:visited	 { color: #49616b; text-decoration: none; font-weight: bold;}
a.utilh3:hover	 { color: #66943d;}

ul.util {
padding: 0px 0px;
margin-left: 25px; 
margin-top: 10px; 
margin-bottom: 5px;
font-size: 12px;
}
ul.util li {
margin-top: 5px; 
margin-bottom: 5px;
}
ul.util li.p {
margin-top: 10px; 
margin-bottom: 10px;
}
ul.util li.parag{
margin-top: 5px; 
margin-bottom: 15px;
}
.utiltxtHeader {
font-weight: bold; font-size: 13px; color: #66943d; text-transform: uppercase; font-family: tahoma, verdana, arial; letter-spacing: 0.3em;
}
.bc {
font-weight: normal; font-size: 11px; color: #49616b; font-family: tahoma, verdana, arial; letter-spacing: 0.2em;
}
.bc a:link  { color: #49616b; text-decoration: none;}
.bc a:visited  { color: #49616b; text-decoration: none;}
.bc a:hover	 { color: #66943d; text-decoration: underline; }

#weather {
width: 142px; 
height: 104px; 
padding: 80px 5px 0px 5px; 
margin-top: 10px; 
background: url(../images/weatherback.gif) no-repeat left top
}
#weather2 {
width: 160px; 
height: 55px; 
padding: 85px 5px 0px 5px; 
margin-top: 10px; 
background: url(../images/weatherback2.gif) no-repeat left top;
text-align: center;
}
#weather170 {
width: 160px; 
height: 55px; 
padding: 85px 5px 0px 5px; 
margin-top: 20px; 
background: url(../images/weatherback170.gif) no-repeat left top;
text-align: center;
}
#kids170 {
width: 160px; 
height: 55px; 
padding: 85px 5px 0px 5px; 
margin-top: 20px; 
background: url(../images/kidscorner170.gif) no-repeat left top;
text-align: center;
}
#profiles170 {
width: 160px; 
height: 92px; 
padding: 20px 5px 0px 5px; 
margin-top: 20px; 
background: url(../images/profiles170.gif) no-repeat left top;
text-align: center;
}
.rmpuheading {
width: 300px;
padding: 0px 20px 0px 20px; 
border: 0px; 
float: left; 
text-align: left;
font-family: tahoma, verdana, arial, helvetica, sans-serif; 
font-size: 11px;
line-height: 150%;
overflow: hidden;
} 
.rmpuheadingleft {
width: 300px;
padding: 0px 20px 0px 20px; 
margin-right: 30px; 
border: 0px; 
float: left; 
text-align: left;
font-family: tahoma, verdana, arial, helvetica, sans-serif; 
font-size: 11px;
line-height: 150%;
overflow: hidden;
} 
.rmpuheading150 {
font-family: tahoma, verdana, arial, helvetica, sans-serif; 
font-size: 11px;
line-height: 150%;
border:1px solid #66943d;
padding: 10px;
} 
.featurebox710 {
width: 710px;
background: url(../images/featurebox.jpg) repeat-y top left #ffffff;
vertical-align: top;
text-align: left;
margin: 10px 0px 0px 0px;
padding: 0px;
}
	.featurebox710main {
	width: 710px;
	background: url(../images/featureboxtop.jpg) no-repeat top left;
	display: block;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	overflow: hidden;
	}
	.featurebox710bottom {
	width: 710px;
	height: 33px;
	background: url(../images/featureboxbottom.jpg) no-repeat;
	display: block; 
	margin: 0px; 
	padding: 0px;
	font-weight: bold;
	overflow: hidden;
	}
.featureboxwide {
width: 710px;
background: url(../images/featureboxwide.jpg) repeat-y top left #ffffff;
vertical-align: top;
text-align: center;
margin: 10px 0px 10px 0px;
padding: 0px;
float: right;
overflow: hidden;
}
	.featureboxwidemain {
	width: 670px;
	background: url(../images/featureboxwidetop.jpg) no-repeat top left;
	display: block;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding: 20px 20px 0px 20px;
	overflow: hidden;
	}
	.featureboxwidebottom {
	width: 710px;
	height: 34px;
	background: url(../images/featureboxwidebottom.jpg) no-repeat;
	display: block; 
	margin: 0px; 
	padding: 0px;
	font-weight: bold;
	overflow: hidden;
	}
.featurebox2 {
width: 271px;
background: url(../images/featurebox2.jpg) repeat-y top left #ffffff;
vertical-align: top;
text-align: center;
margin: 20px 0px 10px 20px;
padding: 0px;
float: right;
overflow: hidden;
}
	.featurebox2main {
	width: 231px;
	background: url(../images/featurebox2top.jpg) no-repeat top left;
	display: block;
	vertical-align: top;
	text-align: center;
	margin: 0px;
	padding: 20px 20px 0px 20px;
	overflow: hidden;
	}
	.featurebox2bottom {
	width: 271px;
	height: 34px;
	background: url(../images/featurebox2bottom.jpg) no-repeat;
	display: block; 
	margin: 0px; 
	padding: 0px;
	font-weight: bold;
	overflow: hidden;
	}
.utitle {
width: 340px;
height: 27px;
background: url(../images/titleback.jpg) no-repeat top left;
display: block; 
text-align: center;
padding: 10px 0px 0px 0px;
margin: 10px auto 10px auto;
overflow: hidden;
}
.pulist {
margin-left: 10px;
margin-top: 10px;
margin-bottom: 0px;
padding: 0px;
list-style: none;
}
.pulist li {
padding-left: 15px;
margin-bottom: 5px;
background-image: url(../images/pubullet.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
}
.puplist {
margin-left: 10px;
margin-top: 10px;
margin-bottom: 0px;
padding: 0px;
list-style: none;
}
.puplist li {
padding-left: 15px;
margin-bottom: 5px;
background-image: url(../images/pubullet.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}
.puplist li.p {
padding-left: 15px;
margin-bottom: 15px;
background-image: url(../images/pubullet.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}
.heading3 {
font: 16px arial;
font-weight: bold;
color: #49616b;    
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;   
}
p.sm {
margin-bottom: 0px;
}
.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}
.eg-bar{
background: url(../images/headingbar.gif); #eef5d3;
font-weight: bold;
border: 0px solid black;
padding: 3px 10px 3px 10px;
}
div.eg-bar{
width: 690px;
margin: 0px 0px 10px 0px;
}
.icongroup1{
width: 690px;
}