body { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #033e52;
	background-color: #0f313f; 
	padding: 0; 
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	background-position: top left; 
	background-repeat: repeat-x;
	}

a:link { color: #dc4718; text-decoration: none;}
a:visited { color: #dc4718; text-decoration: none;}
a:active { color: #dc4718; text-decoration: none;}
a:hover { color: #000000; text-decoration: underline;}

a.hNav:link { font-size: 11px; color: #ffffff; text-decoration: none;}
a.hNav:visited { font-size: 11px; color: #ffffff; text-decoration: none;}
a.hNav:active { font-size: 11px; color: #ffffff; text-decoration: none;}
a.hNav:hover { font-size: 11px; color: #dc4718; text-decoration: none;}

a.newsLnk:link { color: #0f313f; text-decoration: underline;}
a.newsLnk:visited { color: #0f313f; text-decoration: underline;}
a.newsLnk:active { color: #0f313f; text-decoration: underline;}
a.newsLnk:hover { color: #dc4718; text-decoration: underline;}

a.tradeLnk:link { color: #000000; font-size: 14px; font-weight: bold; text-decoration: underline;margin: 0px 0px 5px 0px;}
a.tradeLnk:visited { color: #000000; font-size: 14px; font-weight: bold; text-decoration: underline; margin: 0px 0px 5px 0px;}
a.tradeLnk:active { color: #000000; font-size: 14px; font-weight: bold; text-decoration: underline; margin: 0px 0px 5px 0px;}
a.tradeLnk:hover { color: #dc4718; font-size: 14px; font-weight: bold; text-decoration: underline; margin: 0px 0px 5px 0px;}

a.footContact:link { color:  #ffffff; text-decoration: none;}
a.footContact:visited { color:  #ffffff; text-decoration: none;}
a.footContact:active { color:  #ffffff; text-decoration: none;}
a.footContact:hover { color: #dc4718; text-decoration: underline;}

.clearboth {clear: both;}

a img { border-style: none;}



/* MAIN NAVIGATION */

.mainNavBox {  width: 815px;  height: 57px; position: absolute; left: 40px; bottom: 1px;}

* html .mainNavBox {  width: 815px;  height: 57px; position: absolute; left: 40px;  bottom: -1px;}


.mainNav {  	
	width: 133px;
	height: 51px; 	
	position: absolute; 
	}

.mainNav#home {	
	left: 2px; 	
	bottom: -1px;
 	}

.mainNav#about {	
	left: 135px; 	
	bottom: -1px;
 	}

.mainNav#utility {	
	left: 269px; 	
	bottom: -1px;
 	}

.mainNav#commercial {	
	left: 403px; 	
	bottom: -1px;
 	}

.mainNav#residential {	
	left: 538px; 	
	bottom: -1px;
 	}

.mainNav#news {	
	left: 672px; 	
	bottom: -1px;
 	}

.mainNav a {
	height: 51px; 
	display: block;
	}

.mainNav a:hover {
	background-color: transparent;
	}

.mainNav#home a { background-image: url(../images/mainNav-home.jpg); }

.mainNav#about a { background-image: url(../images/mainNav-about.jpg); }

.mainNav#utility a { background-image: url(../images/mainNav-utility.jpg); }

.mainNav#commercial a { background-image: url(../images/mainNav-commercial.jpg); }

.mainNav#residential a { background-image: url(../images/mainNav-residential.jpg); }

.mainNav#news a { background-image: url(../images/mainNav-news.jpg); }

.mainNav#home a:hover, .mainNav#about a:hover, .mainNav#utility a:hover, .mainNav#commercial a:hover, .mainNav#residential a:hover, .mainNav#news a:hover { background-position: -133px; }



/* SUB NAVIGATION */

.subNav { width: 155px; height: 30px; border-bottom: 1px solid #e1cb9e; display: block; }

.subNav a { display: block; height: 30px; }

.subNav a:hover { background-color: transparent;}

.subNav#overview a { background-image: url(../images/subNav-overview.gif); }

.subNav#leadership a { background-image: url(../images/subNav-leadership.gif); }

.subNav#investors a { background-image: url(../images/subNav-investors.gif); }

.subNav#advisory a { background-image: url(../images/subNav-advisory.gif); }

.subNav#careers a { background-image: url(../images/subNav-careers.gif); }

.subNav#industry a { background-image: url(../images/subNav-industry.gif); }

.subNav#s_utility a { background-image: url(../images/subNav-utility.gif); }

.subNav#s_commercial a { background-image: url(../images/subNav-commercial.gif); }

.subNav#s_residential a { background-image: url(../images/subNav-residential.gif); }

.subNav#s_news a { background-image: url(../images/subNav-news.gif); }

.subNav#s_in_the_news a { background-image: url(../images/subNav-in-the-news.gif); } 

.subNav#s_events a { background-image: url(../images/subNav-events.gif); }

.subNav#datasheets a { background-image: url(../images/subNav-datasheets.gif); }

.subNav#whitepapers a { background-image: url(../images/subNav-whitepapers.gif); }

.subNav#policypapers a { background-image: url(../images/subNav-policy.gif); }

.subNav#login a { background-image: url(../images/subNav-login.gif); }

.subNav#helpdesk a { background-image: url(../images/subNav-helpdesk.gif); }

.subNav#faq a { background-image: url(../images/subNav-faq.gif); }

.subNav#sunwave a { background-image: url(../images/subNav-sunwave.gif); }

.subNav#directions a { background-image: url(../images/subNav-directions.gif); }

.subNav#contactUs a { background-image: url(../images/subNav-contact.gif); }




.subNav#overview a:hover, .subNav#leadership a:hover, .subNav#investors a:hover, .subNav#advisory a:hover, .subNav#careers a:hover, .subNav#industry a:hover, .subNav#s_utility a:hover, .subNav#S_commercial a:hover, .subNav#s_residential a:hover, .subNav#s_news a:hover, .subNav#s_events a:hover, .subNav#datasheets a:hover, .subNav#whitepapers a:hover, .subNav#login a:hover, .subNav#helpdesk a:hover, .subNav#faq a:hover, .subNav#sunwave a:hover, .subNav#directions a:hover, .subNav#contactUs a:hover, .subNav#s_in_the_news a:hover, .subNav#policypapers a:hover { background-position: -155px; }




/* MAIN CONTENT */


.contentwrap { width: 100%;}

.contentwrap#middle { background-color: #ffffff; background-image: url(/images/background-middle-wrap.jpg); background-repeat: repeat-x; background-position: top left; }

.content { width: 900px; margin: 0px auto 0px auto;}

.content#Mid {background-image: url(/images/background-middle.jpg); background-repeat: repeat-x; background-position: top left; }

.content#MidHome {padding: 30px 0px 0px 0px; background-color: #ffffff; background-image: url(/images/background-middle-home.jpg); background-repeat: repeat-x; background-position: top left; height: 375px; }

.content#footer { background-color: #0F313F; background-image: url(/images/background-footer.jpg); background-repeat: repeat-x; background-position: top left; }

.content#MidSub { background-color: #ffffff; background-image: url(/images/background-middle-sub.jpg); background-repeat: repeat-x; background-position: top left;   }

.homeSpacer { float: left; width: 1px; height: 405px;}

.mainPageContainer { float: left; width: 890px;}

.mainPageLeftColumn {    float: left; width: 185px; margin: 60px 0px 0px 0px;}

.mainPageRightColumn {   float: left; width: 705px; margin: 60px 0px 10px 0px;}

h1 { font-size: 18px; font-weight: bold; margin: 0px 0px 2px 0px; }

h2 { color: #000000; font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; }

h3 { color: #000000; font-size: 13px; font-weight: bold; margin: 0px 0px 5px 0px; font-style: italic;}

p {margin: 0px 0px 10px 0px; font-weight: normal; line-height: 18px;}

.blueLine { border-top: 2px solid #0f313f; margin: 15px 0px; }

li.logoBull, li.logoBullWP { font-weight: normal; list-style: none; padding: 3px 0px 0px 20px; background: url(/images/logoBull.gif) left .3em no-repeat; margin-bottom: 5px}

li.logoBullWP {padding: 0px 0px 0px 20px;}

ul ul li { padding: 5px 0px 0px 0px; list-style-type: square; background-image: none; list-style-position: inside;}

img.InLogo {  margin: 5px 0px; border: 1px solid #0f313f;}

p.corpInv { border-bottom: 1px solid #73a0b5; padding-bottom: 10px;}

.newsSubTitle { text-align: center; font-style: italic; font-weight: bold; }

.newsImgLeft { float: left; margin: 5px 10px 0px 0px; width: 350px;}

.newsImgRight { float: left; margin: 5px 0px 0px 10px; width: 350px;}

hr.lead { border: 0; color: #73a0b5; background-color: #73a0b5; height: 1px; margin-bottom: 5px; padding: 0; clear: both; } 

.investCol { width: 225px; float: left; margin-left: 65px;}

.industCol {  float: left; width: 300px; margin-left: 35px;}

dt {margin-bottom: 5px;}

dd.faq {font-weight: normal; margin-bottom: 10px;}

li.privPnumber { list-style-type: decimal; font-weight: normal; margin-bottom: 5px; margin-left: -20px;}

li.privPalpha { list-style-type: lower-alpha; font-weight: normal; margin-bottom: 5px;}

.contactDir { padding: 20px 0px 20px 0px; margin-top: -10px; }

.contactAdd { padding: 0px 0px 0px 180px; margin-top: -10px;}

.contactMap { width: 425px; margin: 0px auto 10px auto; }

.press0813L {  float: left; width: 100px; padding-top: 3px;}

.press0813R {  float: left; width: 525px; margin-left: 20px; font-weight: normal;}


/* jQuery Rotator */
.homeFlashBox { position: relative; height: 335px; width: 868px; background-image: url(../images/bgrd-flash-home.png); background-repeat: no-repeat; margin-left: 25px; }
.homeFlashLeft { float: left; width: 489px; margin: 18px 0 0 5px; }
.homeFlashLeft ul { 
	list-style: none; 
	*margin-top: 12px;
}

.homeFlashLeft ul li { 
	width: 489px;
	height: 277px;
	display: none;
}

.homeFlashRight { position: absolute;  width: 220px; right: 10px; top: 30px;  }

.paginator {
	position: absolute;
	bottom: 32px;
	left: 31px;
	*bottom: 32px;
}

.paginator ol li { 
	float: left; 
	list-style: none;
	width: 18px;
	height: 15px;
	background: white;
	margin: 0 3px 0 0;
	border: 2px solid #09f;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.paginator ol li.current { 
	background: #E97A25;
}

.paginator ol li a { 
	display: block;
	text-decoration: none;
}


/* HEADER */

.headerBox { background-image: url(/images/background-header.jpg); background-position: top center; background-repeat: no-repeat; padding: 0; display: block;}

.headerInnerBox { position: relative; height: 177px; }

.headSpacer { float: left; width: 1px; height: 175px;}

.headLogo { width: 436px; float: left; margin: 35px 0px 0px 0px;}

.headLinksBox { float: right; width: auto; color: #ffffff; margin: 65px 0px 0px 0px;}



/* FOOTER */

.contentwrap#foot { background-color:  #0f313f;}

.footSpacer {float: left; width: 1px; height: 111px;}

.footLinks {  text-align: center; color: #ffffff; padding: 20px 0px 0px 0px; }

.footContact { 
	text-align: center; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #ffffff; 
	padding-top: 10px; 
	line-height: 17px;
	}

.footCopy {   text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #99a9b0; padding-top: 5px;  }


/* CONTACT FORM */


html fieldset {
	position:relative;
	margin-top:1em;
	padding-top:2em;
	padding-bottom:2em;
 	border-style: none;
	}

html legend {
	position:absolute;
	top:-1em;
	left:.5em;
	}

legend {
	color:#FFF;
	background:#333;
	padding:.4em 1em;
	}

label {
	width: 14em;
	float: left;
	text-align: right;
	margin-right: 5px;
	display: block;
	}

.form_row {
	white-space:nowrap;
	padding-bottom:.5em;
	}

.submit {
	margin-left:15em;
	}

.errors {
	width: 300px;
	color: red;
	padding: 10px;
	}

.osAst { color: #db3b07;}



/* CAREERS */

a.careerTitle:link { font-size: 14px; color: #0f313f; text-decoration: none;}
a.careerTitle:visited { font-size: 14px; color: #0f313f; text-decoration: none;}
a.careerTitle:active { font-size: 14px; color: #0f313f; text-decoration: none;}
a.careerTitle:hover { font-size: 14px; color: #dc4718; text-decoration: none;}

p.careerDate { font-size: 11px; color: #0f313f;}

.careers.list {
  font: bold 1.4em Arial;
  position: relative;
  list-style: none;
 width: 80%;
}
ul.careers.list li {
  position: relative;
  padding: .25em .5em .125em;
}
ul.careers.list li.even {
  background: #f6e8cf;
  border-bottom: 1px solid #f0f0f0;
}
ul.careers.list label {
  text-align: left;
  margin: 0;
  display: inline;
  width: inherit;
  font-weight: bold;
  float: none;
}
ul.careers.list .cta {
  float: right;
  display: block;
  background: #DC4718;
  color: white;
  font: bold 12px Arial;
  padding: .5em;
  text-transform: uppercase;
  position: absolute;
  top: 12px;
  right: 12px;
}

dl.careers.list .cta a:hover {
  text-decoration: none;
  background: #8F1E08;
}

/* APPLICATION FORM */
div.body ul {
  padding: 0;
}
div.body li {
  font-weight: normal; 
  list-style: none; 
  padding: 3px 0px 0px 20px; 
  background: url(/images/logoBull.gif) left .3em no-repeat; 
  margin-bottom: 5px;
}
div.body li ul {
  list-style: disc;
}
div.body li ul li{
  background: none; 
  list-style: disc;
  padding: 0;
  margin: .5em 0 0 1em;
}

div.body p {
  margin: 0;
}

div.body td {
  vertical-align: top;
}


.job.view label {
  float: none;
  width: inherit;
  margin: 0;
  text-align: left;
  display: inline;
  font-weight: bold;
}
.job.view dt {
  font: 2em Arial;
}
.job.view dd {
  margin: 0;
  font-weight: normal;
}
.job-form {}
.job-form fieldset {
  border: 1px solid #d4d4d4;
  padding-left: 5em;
}
.job-form label {
  display: block; 
  float: none;
  text-align: left;
  width: 100%;
  margin: 0;
}

.job-form input, .job-form textarea {
  width: 30em;
  padding: .2em;
  margin: 0 0 .5em;
  padding: .25em;
}
.job-form input[type=text], .job-form textarea {
  border: 1px solid #666;
}
.job-form textarea {
  height: 10em;
  width: 34em;
}
.job-form input[type=submit] {
  width: 10em;
}




/* ADMIN */
.admin-nav {
  background: #DC4718;
  padding: .25em;
  margin: 0 0 1em;
}

.admin-nav a {
  color: white;
}


.admin-section {
  float: left;
  width: 300px;
  background: #F1CF60;
  border: 1px solid #DC4718;
  margin: 0 0 1em 0;
}

.admin-section h2 {
  background: #DC4718;
  color: white;
  padding: .25em;
}

/* HELPERS */
.clear { clear: both; }
