@charset "UTF-8";
/*	
	TRUenergy STYLE:	 	SCREEN
	VER:					7.0.1
	LASTUPDATE:				5 Nov 07
------------------------------------------------- */




/*	Basics
------------------------------------------------- */

div, span {
	margin: 		0;
	padding: 		0;
}
body {
	font: 			12px/18px Verdana, Arial, Helvetica, sans-serif;
	background: 	#fff url(/assets/css/img/bg_body.jpg) repeat-x top left;
	margin: 		0;
	padding: 		0;
	text-align: 	center;
	color: 			#333;
}
/*	Basic Typography for Main Content
------------------------------------------------- */



h1, h2 {
	font-size:				18px;
	font-weight:			normal;
	color:					#269f9b;
	margin:					1em 0 5px 0;
}
h3 {
	font-size:				12px;
	font-weight:			bold;
	color:					#269f9b;
	text-align: 			left;
	background:				transparent;
	margin: 		0;
	padding: 		0;
}

 .copysmall {
 	font-size: .8em;
	line-height:.9em;
	color: #444;
 }
 
 
.gobutton {position:relative; top: 4px; border:0; padding: 0;}

 
 
/*		List styles for Main Content
------------------------------------------------- */
#mainContent .article ul  {
	/*
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	*/
}

#mainContent .article ul li {
	list-style-image: url(lists/bullet_green.jpg);
	list-style-type: circle;
	margin-left: -15px;
	padding-left: 0px;
	/*
	padding-left: 10px;
	background-image: url(garrow.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	*/
}
/*		Table styles for Main Content
------------------------------------------------- */

#mainContent table.coloured {
	background-color: #DFF1F1;
}
#mainContent table.coloured td {
	background-color: #FFF;
}
/* 	Default Links
------------------------------------------------- */

a, a:link {
	color:					#259f9a;
	background-color:		transparent;
	text-decoration:	 	underline;
}
a:visited {
	color:					#259f9a;
	background-color:		transparent;
	text-decoration:	 	underline;
}
a:hover {
	color:					#B4BA22;
	text-decoration:	 	underline;
}
a img {
	border: 				none;
}
/*	Page Layout
------------------------------------------------- */

#container {
	width: 					900px;
	margin: 				0 auto;
	text-align: 			left;
	background-color: white;
}
#header
{
	width: 					900px;
	height: 			 	125px;
	/*	background: 			#fff url(img/bg_header.jpg) repeat-x bottom left; */
	background: 			#fff url(/assets/css/img/header.jpg) no-repeat top left;
	margin-bottom: 1em;
}

#header h1
{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 94px;
	height: 99px;
	background: 			#8cc63f url(/assets/css/img/logo.jpg) no-repeat top left;
}

.homeLink
{
	float: left;
	display: block;
	width: 94px;
	height: 99px;
}
#banner {
	float: left;
}
.connect_widget {
	background-image: url(/css/widgets/quick_quote.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 190px;
	width: 186px;
	float: right;
}
.connect_widget form {
	padding: 30px 14px 14px 14px;
}
 .connect_widget form input:btn {
float: right;
}
.twoCol #header h1 {
	dispay: 				none;
	font-size: 				1px;
}
div.container_row {
	padding:				1em 0;
}
div.container_row div.widecol {
	width: 					694px;
	float: 					left;
}
div.container_row div.narrowcol {
	width: 					200px;
	float: 					right;
}
.twoCol #leftSideNav {
	clear: both;
	float: 					left;
	width: 					220px;
	background: 			#fff;
	padding: 				15px 0;
}
.twoCol #featureContent {
	float:					right;
	width:					660px;
}
.twoCol #mainContent {
	float:					right;
	width:					600px;
	padding: 	0px 40px 0px 40px;
}
#footer {
	padding: 				0 10px 0 20px;
	margin-top: 			20px;
	clear: 					both;
	background:				#fff;
	text-align: 			center;
	border-top: 			1px dotted #269f9b;
}
div.quicknote {
	background: 			#f1f1f1 url(images/bg_quicknote.jpg) no-repeat top right;
	float:					right;
	width: 					185px;
	height:					190px;
}
div.quicknotecontent {
	margin: 				0;
	padding: 				40px 20px 0 20px;
}
div.article {
	padding: 0px 0 20px 20px;
}
div.article h2 {
	border-bottom: 			1px dotted #269f9b;
	padding-bottom: 		5px;
	padding-top: 0px;
}
div.article_header h2 {
	width:					680px;
}
div#articleButtons {
	float: 					right;
	width: 					220px;
	margin:					16px 0 5px 0;
	text-align:				right;
}



/* Top Utility Menu
----------------------------------------------- */

#utility
{
	float: 					right;
	width: 					600px;
	display:table-cell;
	vertical-align:middle;
	line-height:4em;
}

#utility ul
{
	padding: 				0 12px;
	margin: 				0;
	text-align: 			right;
}

#utility li
{
	display: 				inline;
	padding-left: 			6px;
	white-space: 			nowrap;
}



#utility li a
{
	padding-left: 			11px;
	padding-right: 			6px;
	border-right: 			1px solid #fff;
	text-decoration: 		none;
	color:					#6d6e71;
	font-weight:	bold;
}

#utility li a.active {color: #8fc945}

#utility li a:hover,
#utility li a:focus
{
	text-decoration: none;
	color: #8fc945
}

#utility li.last a { border: 				0; }

#utility p
{
	padding: 				0.1em 20px 1em 20px;
	margin: 				0;
}

#utility span.searchBoxWrapper {
	
/*padding: 0 0 0 16px;
*/
padding: 2px;
}

#utility input.searchBox {
	font: 			10px/18px Verdana, Arial, Helvetica, sans-serif;
	border: 0;
	padding: 1px 0 0 2px;
	width: 132px;
	height: 19px;
	background:url(/assets/css/img/searchbox.png) no-repeat 0 0;
}


/* Main nav
----------------------------------------------- */
#leftNav {
	width: 					200px;
	float: left;
}


/* Main nav
----------------------------------------------- */



#nav
{
	float:left;
	width:100%;
	line-height:normal;
	border-bottom:2px solid white;
}

#nav ul
{
	margin:0;
	padding:1px 10px 0 10px;
	list-style:none;
}

#nav li
{
	display:inline;
	margin:0;
	padding:0;
	
}

#nav a
{
	float:left;
	background: #fff url(/assets/css/images/tab-left.png) no-repeat left top;
	margin:0 1px;
	padding:0 0 0 5px;
	text-decoration:none;
	font-weight: bold;
	color: #6d6e71;
}

#nav a span
{
	float:left;
	display:block;
	background:url(/assets/css/images/tab-right.png) no-repeat right top;
	padding:5px 17px 4px 3px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a span { float:none; }

/* End IE5-Mac hack */
    #nav a:hover span { color:#fff; }

#nav a:hover, #nav a.active { background-position:0% -27px; }

#nav a:hover span,  #nav a.active span { background-position:100% -27px; color: white;}




/* Home page Content
----------------------------------------------- */

table#homepage_features ul {
	margin: 10px 0px 10px 0px;
	font: 			11px/18px Verdana, Arial, Helvetica, sans-serif;
}
table#homepage_features td ul li {
	list-style-image: url(images/bullet_white_bg.gif);
	margin-left: 18px;
}
table#homepage_features td ul li a {
	text-decoration: none;
}
table#homepage_features td ul li a:hover {
	text-decoration: underline;
}
table.useful_links td.useful_links_top {
	background-image: url(/css/images_home/useful_links_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 209px;
	height: 34px;
}
table.useful_links td.useful_links_middle {
	background-image: url(/css/images_home/useful_links_middle.jpg);
	background-repeat: repeat-y;
	background-position: top;
	width: 209px;
}
table.useful_links td.useful_links_bottom {
	background-image: url(/css/images_home/useful_links_bottom.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 209px;
	height: 15px;
}
td.useful_links_middle {
	padding-left: 15px;
}
/* Sub-Home page Content
----------------------------------------------- */

table#subhome_features td p {
	padding: 0px 10px;
}
table#subhome_features td ul li, table#subhome_features td p ul li {
	list-style-image: url(lists/bullet_green.jpg);
	list-style-type: circle;
}
table#subhome_features td strong {
	color: #666;
}
/*	 Careers Sub-Home page Content
------------------------------------------------- */

.careersFeatureTable td {
	
	display: table-cell;
}

.careersFeatureTable td a {
margin-top: auto;
margin-bottom: auto;
font-size: 16px;
color: #259f9a;
text-decoration: none;

}
.careersFeatureTable td a img {
	float: left;
	margin-top: 0px;
}
.careersFeatureTable td a:hover {
	font-size: 16px;
	color: #B4BA22;
	text-decoration: underline;
}
/* Submenu nav
----------------------------------------------- */

#sidenav {
	text-align: 			left;
}
ul#sidenav {
	margin: 				0;
	padding: 				0;
	list-style-type: 		none;
}
ul#sidenav li a {
	font-size:				1em;
	padding: 				6px 6px 6px 34px;
	margin: 				2px 0px;
	line-height:			1.1em;
	text-decoration:		none;
	display: 				block;
	color: 					#269f9b;
	background:				transparent url(images/bg_sidemenu.jpg) no-repeat top left;
	width: 180px !important;
	width /**/:200px;
}
ul#sidenav a:hover {
	background:				transparent url(images/bg_sidemenu.jpg) no-repeat top left;

	color: 					#B4BA22;
}
ul#sidenav li a.active {
	font-weight: bold;

	color: 					#B4BA22;
	background: 			url(images/bg_sidemenu_opened.jpg) no-repeat top left;
}
ul#sidenav li ul li {
	list-style-image: url(garrow.gif);
}
ul#sidenav li ul li a {
	padding: 				6px 6px 6px 4px;
	line-height:			.7em;
	display: 				block;
	width: 160px !important;
	width /**/:180px;
	background:				#fff;
}
ul#sidenav li ul li a.active, ul#sidenav li ul li a:hover {
	color: 					#B4BA22;
	text-decoration:		underline;
	background:				#fff;
}
ul#sidenav li ul li a.active {
	color: 					#B4BA22;
	font-weight: bold;
	text-decoration:		none;
}
ul#sidenav li ul li li a {
	line-height:			1.1em;
	display: 				block;
	width: 120px !important;
	width /**/:140px;
}
ul#sidenav li li li a.active {
	color: 					#000;
}
ul#sidenav li li li li a {
	padding: 				6px 5px 6px 45px;
	line-height:			1.1em;
	display: 				block;
	width: 120px !important;
	width /**/:140px;
}
ul#sidenav ul li li li li a {
	padding: 				6px 0px 6px 50px;
	line-height:			1.1em;
	display: 				block;
	width: 120px !important;
	width /**/:140px;
}
/*	Footer Content
----------------------------------------------- */

#footer {
	font-size: .9em;
}


#footer ul {
	padding: 				0.5em 20px;
	margin: 				0;
	text-align: 			right;
}
#footer li {
	display: 				inline;
	padding-left: 			3px;
	white-space: 			nowrap;
}
#footer li a {
	color:  #269f9b;
	padding-right: 			3px;
	border-right: 			1px solid #269f9b;
	text-decoration: 		none;
}
#footer li a:hover, #footer li a:focus {
	color:  #269f9b;
	text-decoration: 		underline;
}
#footer li.last a {
	border: 				0;
}
#footer p {
	padding: 				0.5em 20px;
	margin: 				0;
}

#footer a {
	color:  #269f9b;
	text-decoration: 		none;
}

#footer a:hover {
	text-decoration: 		underline;
}

/*	CSS Helpers
------------------------------------------------- */

.hide {
	display: 				none;
}
.flt_right {
	float:  				right;
	margin-left:  			8px;
}
.flt_left {
	float:  				left;
	margin-right: 			8px;
}
.clearfloat {
	clear: 					both;
	height: 				0;
	font-size:  			1px;
	line-height:  			0px;
}
.f_right {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
.f_left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}


/*	Form Layout
------------------------------------------------- */
 
p.legend {
	margin-bottom: 			1em;
}
p.legend em {
	color:  				#C00;
	font-style:  			normal;
}
div.errors {
	margin:  				0 0 10px 0;
	padding:  				5px 10px;
	border:  				#FC6 1px solid;
	background-color:  		#ffc;
}
div.errors p {
	margin:   				0;
}
div.errors p em {
	color:   				#C00;
	font-style:   			normal;
	font-weight:   			bold;
}
form p.note {
	margin-left:   			200px;
	font-size:   			90%;
	color:   				#333;
}
fieldset {
	margin:   				10px 0;
	padding:   				10px;
	border:   				0;
}
form legend {
	font-weight:   			bold;
	color:   				#269f9b;
}
div.buttonrow, div.controlgrp, div.controlset {
	padding:   				0.25em 0;
}
div.controlgrp label, span.singlefield_pretxt {
	margin-right: 			10px;
	padding-right: 			10px;
	width: 					180px;
	display: 				block;
	float: 					left;
	text-align: 			right;
	position: 				relative;
}
.validationMsg {
	color: 					#C00;
	font-size: 				82%;
}
label.error, span.error {
	color:   				#C00;
}
input.error {
	border-color:   		#C00;
	background-color: 		#FEF;
}
input:focus, input.error:focus, textarea:focus {
	background-color: 		#FFC;
	border-color:   		#FC6;
}
div.controlset label, div.controlset input {
	display:   				inline;
	float:   				none;
}
div.controlset div {
	margin-left:   			200px;
}
div.buttonrow {
	margin-left:   			200px;
}
.fixedwidth {
	width:   				220px;
}
.smallinput {
	width:   				40px;
}
p.pullquote {
	font-size:1.3em;
}
#showSizeOptions {
}
#changetextsize {
	padding:34px 26px 0 26px;
	float:right;
	clear: none;
	z-index: 9999;
	border:1px dotted #004080;
	background-color:#FFF;
	cursor:pointer;
	display: none;
}
#changetextsize a {
	padding:12px;
	width:92px;
	border:1px solid #232323;
	text-align:center;
}
img.img_padr {
	padding-right: 10px;
}
img.img_fright {
	float: right;
	padding: 0 0 5px 15px;
}
img.nopad {
	margin: 0px;
	padding: 0px;
}
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
DSPanelsContainer {
	padding: 5px;
}
div.DSPanelsContainerWide {
	padding: 0px 0px 5px 0px;
}
div.DSContent h5 {
	margin: 5px 5px 3px 5px;
	padding: 0px;
	line-height: 12px;
}
div.DSContent span.image {
	margin: 0px;
	padding: 0px;
}
div.DSContent span.image img {
	display: block;
	margin: 0px;
	padding: 0px;
}
div.DSContent div.blueBG {
	background: #F4F6F6;
	border: 1px solid #F4F6F6;
}
div.DSContent div.blueGradientBG {
}
div.DSContent div.blueBG p, div.DSContent div.blueGradientBG p {
	margin-bottom: 0px;
}
div.DSContainer {
	margin:5px;
	width: 190px;
}
div.DSContainer div.DSContentContainer {
	background: #b3bb22;
}
div.DSContainer div.DSContentContainer div.DSContent {
	margin: 1px 6px;
	padding: 0px;
	min-height:115px;
}
div.DSContainer div.DSContentContainer div.DSHead {
	height: 7px;
	font-size: 1px;
}
div.DSContainer div.DSContentContainer div.DSHead div.DSTopLeft {
	float: left;
	background: #b3bb22 url(images/RBTopLeftBG.gif) top left no-repeat;
	width: 7px;
	height: 7px;
	font-size: 1px;
}
div.DSContainer div.DSContentContainer div.DSHead div.DSTopRight {
	float: right;
	background: #b3bb22 url(images/RBTopRightBG.gif) top right no-repeat;
	width: 7px;
	height: 7px;
	font-size: 1px;
}
div.DSContainer div.DSContentContainer div.DSFoot {
	background: #b3bb22 url(images/RBBG.gif) top left repeat-x;
	height: 7px;
	font-size: 1px;
}
div.DSContainer div.DSContentContainer div.DSFoot div.DSBottomLeft {
	float: left;
	background: #b3bb22 url(images/RBBottomLeftBG.gif) top left no-repeat;
	width: 7px;
	height: 7px;
	font-size: 1px;
}
div.DSContainer div.DSContentContainer div.DSFoot div.DSBottomRight {
	float: right;
	background: #b3bb22 url(images/RBBottomRightBG.gif) top right no-repeat;
	width: 7px;
	height: 7px;
	font-size: 1px;
}
div.DSContent div.blueGradientBG {
	color: #fff;
}
div.DSContent div.blueGradientBG a {
	color: #fff;
}
div.DSContent div.blueBG p, div.DSContent div.blueGradientBG p {
	margin-bottom: 0px;
}
div.rightWidget {
	background: url(../images/rightWidgetBG.gif) top left no-repeat;
	width: 173px;
	margin-bottom: 10px;
	float: left;
}
div.rightWidget_home {
	background: url(../images/rightHomeWidgetBG.gif) top left no-repeat;
	width: 201px;
	margin-bottom: 10px;
}
html>body div.rightWidget {
	border: 1px solid transparent;
}
.prop {
	height:150px;
	float:right;
	width:1px;
}
div.rightWidget h4 {
	color: #259F9A;
	margin: 18px 5px 5px 15px;
}
div.rightWidget h4 span.location {
	color: #666;
}
div.rightWidget p {
	margin: 8px 5px 5px 15px;
}
div.rightWidget span.image {
	margin: 8px 0px 5px 8px;
}
div.rightWidget p a {
	padding-bottom: 10px;
}
div.rightWidget div.stateSelect {
	margin: 0px 15px;
}

#banner div.DSContainer {
	margin:5px;
	
}
#banner div.DSContainer div.DSContentContainer {
	background: #fff;
}


.topleft { background: url(images/curve_TL.gif) no-repeat top left}
.topright { background: url(images/curve_TR.gif) no-repeat top right}

table#homepage_features td ul, ul.useful_links_menu  {
	padding-left: 10px;
	margin-left: 0;

}


/*	Table Layouts
------------------------------------------------- */
.greenEnergyTable {
	border-bottom: 1px solid #25a09b;
}


table.greenEnergyTable  table {border-top: 1px solid #25a09b;width: 100%;}
.greenEnergyTable td {
padding: 10px;



}

.greenEnergyTable td.mainColumn {
	padding: 10px;
	margin: 10px;
	background-color: #E0F5F2;
	font-weight: bold;
	color: #269F9A;
		font-size: 1.1em;
}

.greenEnergyTable td.secondaryColumn {
	padding: 10px;
	background-color: #F7FBFC;
}

.greenEnergyTable th {
	background-color: #269F9A;
	padding: 10px 0;
	border-bottom: 4px solid #CCCC00;
}
.greenEnergyTable th p {
	padding: 0 10px;
	color: #FFFFFF;
	font-size: 1.1em;
}


.greenTable darkrow {
	background-color: #F2F2BF;
}
.greenTable lightrow {
	background-color: #F7F7D9;
}



.greenEnergyTable td.coloredCell {
	padding: 10px;
	margin: 10px;
	background-color: #fff;
	color: #111;
	border-top: 1px solid #25a09b;
	border-left: 1px solid #25a09b;
	border-right: 1px solid #25a09b;
}



div.curveboxtop{background: url(images/curvebox-top.gif) no-repeat top left;width: 640px; height: 10px;}
div.curveboxmiddle{padding: 0 10px; border-left: 1px solid #25a09b;border-right: 1px solid #25a09b;}
div.curveboxbottom{background: url(images/curvebox-bottom.gif) no-repeat bottom left;width: 640; height: 10px;}

div.curvebox2top{background: url(images/curvebox2-top.gif) no-repeat top left;width: 640px; height: 10px;}
div.curvebox2middle{padding: 0 10px; border-left: 1px solid #c3cf21;border-right: 1px solid #c3cf21;}
div.curvebox2bottom{background: url(images/curvebox2-bottom.gif) no-repeat bottom left;width: 640px; height: 10px;}