@charset "UTF-8";
/* CSS Document */

body
{
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:.7em;

	margin:0;
	padding:0;
	
	text-align:center;
	color:#282828;
}


div#wrapper
{
	margin:0 auto;
	text-align:left;
	background:#e7eff6 url(../images/design/footer_whiterepx.png) bottom left repeat-x;
	
}

div#header
{
	background:url(../images/design/globalheader.png) 0 0 no-repeat;
	width:949px;
	height:120px;
	margin:0 auto;
	padding:0;
}

img.home_link
{
	position:relative;
	left:30px;
}

table.home_info
{
	position:relative;
	top:10px;
}

div#footer
{
	height:121px;
	background:url(../images/design/footerbackground.png) top center no-repeat;
	margin:0 auto;
	text-align:center;
	_margin-left:-36px;
	
	
}

div#page_homecontent, div#page_content
{
	width:949px;
	margin:10px auto;
	
	_padding-top:-10px;
	_position:relative;
	_left:-10px;
	_top:-10px;
	
}

div#page_homecontent
{
	.margin-bottom:-10px;
	_margin-bottom:-35px;
}

div#page_subcontent
{
	float:left;
	
	line-height:1.6em;
	margin-top:-2px;
	.margin-top:6px;
}

div.withnav { width:730px; }
div.nonav { width:949px; }

#page_subcontent ol li
{
	padding:0 0 10px 0px;
}

#page_subcontent ul
{
	list-style:none;
	padding:0;
	margin:5px 0 0 0;
}

#page_subcontent ul li
{
	margin:0 0 3px 5px;
	padding-left:10px;
	padding-bottom:5px;
	background:url(../images/design/bullet_arrow.gif) 0 .7em no-repeat;
}

.fleft { float:left; }
.fright { float:right; }
.clear {clear:both; }
	
/* 
	SubNavigation
*/

div#subnav
{
	float:left;
	width:199px;
	margin-left:10px;
	_margin-left:-5px;
}

div.sNavHead
{
	width:172px;
	height:28px;	
	text-indent: -9000px;
	overflow: hidden;
}

	.sAbout 	{ background:url(../images/design/subnav.png) 0 0 no-repeat; }
	.sService	{ background:url(../images/design/subnav.png) 0 -28px no-repeat; }
	.sRates		{ background:url(../images/design/subnav.png) 0 -56px no-repeat; }
	.sFacts		{ background:url(../images/design/subnav.png) 0 -84px no-repeat; }
	.sSafety	{ background:url(../images/design/subnav.png) 0 -112px no-repeat; }
	.sJobs		{ background:url(../images/design/subnav.png) 0 -140px no-repeat; }
	.sContact	{ background:url(../images/design/subnav.png) 0 -168px no-repeat; }
	.sConservation	{ background:url(../images/design/subnav.png) 0 -196px no-repeat; }
	.sPayment	{ background:url(../images/design/subnav.png) 0 -224px no-repeat; }
	.sCareers { background:url(../images/design/subnav.png) 0 -252px no-repeat; }
	
	div#subnav ul
	{
		margin:0;
		padding:0;
		list-style-type:none;
		_margin-left:5px;
	}
	
	#subnav li a
	{
		display:block;
		width:166px;
	
		
		color:#4f4f4f;
		background:url(../images/design/bullet_red.png) 9px 1.1em no-repeat;
		
		padding:6px 0 6px 2em;
	}
	
	#subnav li a:hover, #subnav li a:focus, #subnav li a:active, #subnav li.current a
	{
		text-decoration:none;
		color:#fff;
		background:#316A8A url(../images/design/bullet_ltbluearrow.png) 9px .9em no-repeat;
	}
	
	#subnav li h2
	{
		font-weight:bold;
		margin:.5em 0;
		font-size:1em;
		color:#595959;
	}

/* 
	Sub-sub Navigation
*/	

div#articlenav
{
	position:relative;
	top:10px;
	margin:0 auto;
	text-align:left;
	width:750px;
	padding-bottom:15px;
}
	
	div#articlenav ul
	{
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
	}
	
	div#articlenav ul li
	{
		display:inline;
		background:url(../images/design/footnavdivider.png) 2px 2px no-repeat;
		margin:0 0 0 0;
	}
	
	#articlenav li.first
	{
		background:none;
		margin-left:-12px;
	}
	
	#articlenav li a
	{
		margin-left:2px;
	}
	
	#articlenav li a:link, #articlenav li a:visited 
	{
		color:#96284b;
		font-weight:bold;
		text-decoration:none;
	}
	
	#articlenav li a:hover, #articlenav li a:active 
	{
		color:#316a8a;
		font-weight:bold;
		text-decoration:none;
	}
	
/* 
	Footer
*/	

div#foothold
{
	/*position:relative;*/
	top:25px;
	padding-top:25px;
	margin:0 auto;
	text-align:left;
	width:910px;
}

	.copyright
	{
		color:#a2a2a2;
		font-size:.8em;
	}
	
	div#foothold ul
	{
		margin:0;
		padding:0;
		list-style:none;
		/*position:relative;*/
	}
	
	div#foothold ul li
	{
		display:inline;
		background:url(../images/design/footnavdivider.png) 2px 2px no-repeat;
		margin:0 0 0 0;
	}
	
	#foothold li.first
	{
		background:none;
		margin-left:-12px;
	}
	
	#foothold li a
	{
		margin-left:12px;
	}
	
	#foothold li a:link, #foothold li a:visited 
	{
		color:#316a8a;
		font-weight:bold;
		text-decoration:none;
	}
	
	#foothold li a:hover, #foothold li a:active 
	{
		color:#96284b;
		font-weight:bold;
		text-decoration:none;
	}
	
	.blue h1
	{
		font-size:1em;
		font-weight:bold;
		margin:0;
		padding:0;
		color:#316a8a;
	}
	
	.red
	{
		margin-left:20px;
	}
	
	.red h1
	{
		font-size:1em;
		font-weight:bold;
		margin:0;
		padding:0;
		color:#96284b;
	}
	




/* Home Page	*/

div#power_pay_holder
{
	float:left;
}

div#power_pay
{
	width:225px;
	height:222px;
	background:#e5e5e5 url(../images/design/bg_powerpaynorep.png) 0 42px no-repeat;
}

div#power_pay h1
{
	background:url(../images/design/top_powerlinks.png) top left no-repeat;
	overflow:hidden;
	width:225px;
	height:42px;
	
	padding:0;
	margin:0;
	
	text-indent:-5000px;
}

div#power_pay ul
{
	margin:0;
	padding:0;
	list-style:none;
	margin-left:-10px;
}

div#power_pay ul li
{
	padding-bottom:6px;
	_padding-bottom:5px;
	border-bottom:1px solid #d4d4d4;
	width:195px;
	margin:0 auto;
}

div#power_pay ul li.last
{
	border:none;
}
	
div#power_pay ul li a:link, div#power_pay ul li a:visited
{
	color:#316a8a;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:7px 0 0 0;
	padding:0 0 0 30px;
}

div#power_pay ul li a:hover, div#power_pay ul li a:active
{
	color:#96284b;
}

a.login		{ background:url(../images/design/icon_key.gif) .5em 0 no-repeat; }
a.ebill		{ background:url(../images/design/icon_ebill.gif) .5em 0 no-repeat; }
a.quickpay	{ background:url(../images/design/icon_quickpay.gif) .5em 0 no-repeat; }
a.autowith	{ background:url(../images/design/icon_autowithdrawl.gif) .5em 0 no-repeat; }
a.budget	{ background:url(../images/design/icon_budgetpay.gif) .5em 0 no-repeat; }
a.paybyphone{ background:url(../images/design/icon_paybyphone.gif) .5em 0 no-repeat; }


.boxbtm
{
	.margin-top:-11px;
}

div#feature
{
	float:right;
}
	
div#whats_new_holder
{
	float:left;
}	


div#whats_new
{
	height:200px;
	.height:232px;
	width:681px;
	background:url(../images/design/bg_whatsnewrepy.png) 0 0 repeat-y;
}
		
div#whats_new_inside
{
	margin:0 2px 0 2px;
	padding:1px 10px 0 10px;
	height:115px;
	.height:120px;
	background:url(../images/design/bg_whatsnewrepx.png) 0 0 repeat-x;
}		

table.whatsnew_table
{
	.margin-top:10px;
}
		
div#whats_new h1
{
	background:url(../images/design/top_whatsnew.png) 0 0 no-repeat;
	overflow:hidden;
	width:681px;
	height:42px;
	
	padding:0;
	margin:0;
	
	text-indent:-5000px;
}

div#whatsnew_divider
{
	background:#ff0 url(../images/design/divider_whatsnew.png) 0 0 no-repeat;
	height:2px;
	width:100%
	
}		

#whats_new h2
{
	font-weight:bold;
	font-size:1em;
	color:#316a8a;
	margin-bottom:-.5em;
}

ul.whatsnew_sublinks
{
	margin:0 0 0 0;
	padding:0 0 20px 0;
	list-style:none;
}

ul.whatsnew_sublinks li
{
	float:left;
	padding-left:15px;
}

div#whats_new_inside a:link, div#whats_new_inside a:visited
{
	color:#96284b;
	font-weight:bold;
	text-decoration:none;
	
}

div#whats_new_inside a:hover, div#whats_new_inside a:active
{
	text-decoration:underline;
}

.readmore
{
	padding-right:1em;
	background:url(../images/design/bullet_redarrow.gif) right .4em no-repeat;
}

div#quick_links
{
	padding:0;
	margin-top:20px;
	margin-top:20px\9;
	.margin-top:50px;
	_margin-top:10px;
}

div#quick_links a:link, div#quick_links a:visited { color:#797979; text-decoration:none; }
div#quick_links a:hover, div#quick_links a:active { color:#000; }

/* Go Green */

div#go_green_holder
{
	float:right;
}

div#go_green
{
	
	width:257px;
	background:url(../images/design/bg_gogreenrepy.png) 0 0 repeat-y;
	height:200px;
	.height:233px;
}

div#go_green_inside
{
	background:url(../images/design/bg_gogreenrepx.png) 0 -10px repeat-x;
	margin:0 2px 0 2px;
	padding:20px 10px 100px 10px;
	.padding:23px 10px 100px 10px;

}

div#go_green h1
{

	background:url(../images/design/top_gogreen.png) 0 0 no-repeat;
	width:257px;
	height:42px;
	margin:0;
	padding:0;
	overflow:hidden;	
	text-indent:-5000px;
}

div#go_green h2
{
	font-weight:bold;
	font-size:1em;
	color:#316a8a;
	.margin-top:15px;
	margin-bottom:-.5em;
}

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

div#go_green li
{	
	padding-bottom:5px;
	padding-left:12px;
	background:url(../images/design/bullet_grnarrow.gif) 0 .4em no-repeat;
}

/*div#go_green p
{
	.margin-bottom:-8px;
}
*/
div#go_green a:link, div#go_green a:visited
{
	color:#96284b;
	font-weight:bold;
	text-decoration:none;
	
}

div#go_green a:hover, div#go_green a:active
{
	text-decoration:underline;
}


/* Purple Power */

div#purple_power_holder
{
	float:right;
	margin-right:7px;
}

div#purple_power
{
	
	width:257px;
	background:url(../images/design/bg_gogreenrepy.png) 0 0 repeat-y;
	height:200px;
	.height:233px;
	_height:100px;
}

div#purple_power_inside
{
	background:url(../images/design/bg_gogreenrepx.png) 0 -10px repeat-x;
	margin:0 2px 0 2px;
	padding:20px 10px 28px 10px;
	_padding:20px 10px 0px 10px;
}

div#purple_power h1
{

	background:url(../images/design/top_energysavings.png) 0 0 no-repeat;
	width:257px;
	height:42px;
	margin:0;
	padding:0;
	overflow:hidden;	
	text-indent:-5000px;
}

div#purple_power h2
{
	font-weight:bold;
	font-size:1em;
	color:#316a8a;
	.margin-top:15px;
	margin-bottom:-.5em;
}

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

div#purple_power li
{	
	padding-bottom:5px;
	padding-left:12px;
	background:url(../images/design/bullet_grnarrow.gif) 0 .4em no-repeat;
}

/*div#purple_power p
{
	.margin-bottom:-8px;
}
*/
div#purple_power a:link, div#purple_power a:visited
{
	color:#96284b;
	font-weight:bold;
	text-decoration:none;
	
}

div#purple_power a:hover, div#purple_power a:active
{
	text-decoration:underline;
}


div.spacer
{
	clear:both;
	height:8px;
}
	
/* Page Elements 

Blue : 316a8a;
Red : 96284b;
Soft Gray : d4d8df;

*/

#page_subcontent a:link, #page_subcontent a:visited
{
	font-weight:bold;
	color:#96284b;
	text-decoration:none;
} 

#page_subcontent a:hover, #page_subcontent a:active
{
	font-weight:bold;
	color:#6e0023;
	text-decoration:underline;
} 

#page_subcontent h1
{
	font-size:1.2em;
	font-weight:bold;
	color:#316a8a;
	width:730px;
	border-bottom:1px solid #d5d9df;
	padding-bottom:3px;
}

#page_subcontent h2
{
	font-size:1em;
	font-weight:bold;
	color:#316a8a;
	margin-top:1.8em;
	margin-bottom:-.3em;
}

#page_subcontent img
{
	padding:5px 10px 5px 10px;
}

#page_subcontent form img
{
	padding:0;
}

table.softgrayborder
{
	border:1px solid #d4d8df;
	background:#f8fbfd;
}

tr.oddrow { background:#d9e2eb; }
tr.evenrow { background:#e5eff9; }

table.softgrayborder th
{
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:1.1em;
	height:40;
	
	margin:0;
	padding:10;
	
	color:#316A8A;
}

th.required
{
	text-align:left;
	margin:0;
	padding:10px 0 0 0;
	height:1.5em;
	font-size:1em;
	
}

fieldset
{
	margin-bottom:20px;
	padding:0 12px 12px 12px;
	.padding:10px 12px 12px 12px; /* IE HACK */
	border:1px solid #d4d8df;
	background:#eff4f9;
	position:relative;
}

legend
{
	font-weight:bold;
	padding:0 20px 0 20px;
	/*margin-bottom:10px;  Works in Firefox */
	color:#316a8a;
	border-top:1px solid #d4d8df;
	border-left:1px solid #d4d8df;
	border-right:1px solid #d4d8df;
	background:#eff4f9;
	position:absolute;
	top:-10px;
}

dl
{
	margin:10px;
	padding:0px;
}

dd, dt
{
	margin:0;
	padding:0;
}

label
{
	color:#666;	
}

label.required
{
	color:#333;
	font-weight:bold;
}

td.formError
{
	color:#f00;
}

.btnBroadband
{
	margin-right:10px;
}

.btnBroadband a:link, .btnBroadband a:visited
{
	display:block;
	margin:0;
	padding:0;
	text-indent:-9000px;
	overflow:hidden;
	height:38px;
	width:195px;
	background:url(../images/design/btnBroadband.png) 0 0 no-repeat;
}

.btnBroadband a:hover, .btnBroadband a:active
{
	background-position:0 -38px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) 
{
/* Safari 3.0 and Chrome rules here */
	div#power_pay ul li
	{
		padding-bottom:8px;
	}
	
}

div#quick_links
{
	_padding-top:0;
}