/* ---------------------------------------------

CSS Document created by Phinney/Bischoff Design House
For: Power Engineers http: //www.powereng.com
4-25-05 mab: tidied formatting, adjusted sidenav positioning for consistency

----------------------------------------------- */

@media print { .screenonly { display: none; } }


body {
	margin: 15px 0 0 0;
	padding: 0;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #333;
	/*text-align: center;*/
	}

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 760px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 760px;
	}


/* ---------------------------------------------

BACKGROUNDS

----------------------------------------------- */

body#energy #wrapper         { background: #f5f5f5 url("/uploadedimages/energy/bg-energy.gif") repeat-y left top; overflow: hidden; }
body#facilities #wrapper     { background: #f5f5f5 url("/uploadedimages/facilities/bg-facilities.gif") repeat-y left top; overflow: hidden; }
body#communications #wrapper { background: #f5f5f5 url("/uploadedimages/communications/bg-communications.gif") repeat-y left top; overflow: hidden; }
body#about #wrapper, 
body#careers #wrapper, 
body#news #wrapper, 
body#projects #wrapper       { background: #f5f5f5 url("/uploadedimages/bg-power.gif") repeat-y left top; overflow: hidden; }

#banner { position: absolute; left: 0; top: 86px; width: 60px; z-index: 1; }

body#energy #banner         { height: 310px; background: url("/uploadedimages/energy/banner-energy.gif") no-repeat left top; }
body#facilities #banner     { height: 367px; background: url("/uploadedimages/facilities/banner-facilities.gif") no-repeat left top; }
body#communications #banner { height: 497px; background: url("/uploadedimages/communications/banner-communications.gif") no-repeat left top; }
body#about #banner          { height: 366px; background: url("/uploadedimages/about/banner-aboutus.gif") no-repeat left top; }
body#careers #banner        { height: 330px; background: url("/uploadedimages/careers/banner-careers.gif") no-repeat left top; }
body#news #banner           { height: 489px; background: url("/uploadedimages/news/banner-news.gif") no-repeat left top; }       
body#projects #banner       { height: 356px; background: url("/uploadedimages/projects/banner-projects.gif") no-repeat left top; }       



/* ---------------------------------------------

TEXT FORMATTING

----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
p, ol, li, dd, dt, th, td {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	}

h1 { font-size: 24px; 
	text-transform: uppercase; 
	color: #222; 
	background-color: #fff; 
	margin: 0; 
	padding: 10px 0 10px 15px; 
	border-right: 1px solid #f5f5f5; 
	width: 490px;  
	}
/* Recommended: subheads for content */
h2 { 
	font-size: 15px; 
	text-transform: uppercase; 
	color: #222; 
	margin: 1.5em 0 .5em 0; 
	} 
/* Recommended: sidebar headings */
#side-column h2 { 
	font-size: 14px; 
	color: #d2312a; 
	font-weight: bold; 
	margin: .5em 0 .75em 0;  
	text-transform: none; 
	}
h3 { 
	font-size: 14px; 
	color: #d2312a; 
	font-weight: bold; 
	margin: 1em 0 .5em 0;  
	text-transform: none; 
	}
h4 { font-size: 12px; font-weight: bold; margin: 1em 0 0 0; }
h5 { font-size: 10px; font-weight: bold; margin: 1em 0 0 0; }
h6 { font-size: 9px; font-weight: bold; margin: 1em 0 0 0; }

p { 
	line-height: 17px; 
	margin: .25em 0 1.25em 0; 
	}

li { 
	line-height: 1.25em; 
	margin: 0 0 .5em 0; 
	}

blockquote {
	margin: 0; padding: 0;
	background: url("/uploadedimages/blockquote-top.gif") no-repeat left top;
	}
#single-column blockquote {
	width: 439px;
	}
#main-column blockquote {
	width: 269px;
	}
blockquote p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	line-height: 20px;
	color: #292929;
	margin: 0;
	/*padding: 10px 5px 18px 35px;*/
	padding: 10px 5px 5px 35px;
	/* background: url(../uploadedimages/blockquote-bottom.gif) no-repeat left bottom; */
	}

blockquote p.by {
	font-size: 12px;
	font-style: normal;
	text-align: right;
	padding: 0 5px 28px 35px;
	/*background: url("/uploadedimages/blockquote-bottom.gif") no-repeat left bottom;*/
	}


/* ---------------------------------------------

LINKAGE

----------------------------------------------- */

a:link    { color: #3171a9; }
a:visited { color: #74777d; }
a:hover   { color: #d2312a; }

a img { border: none; }

table.servicelines h2 a:link,
table.servicelines h2 a:visited { color: #d2312a; text-decoration: none; }
table.servicelines h2 a:hover   { color: #3171a9; text-decoration: underline; }

table.servicelines h3 a:link, 
table.servicelines h3 a:visited { color: #333; text-decoration: none; }
table.servicelines h3 a:hover   { color: #d2312a; text-decoration: underline; }

table.servicelines li a:link    { text-decoration: none; }
table.servicelines li a:visited { text-decoration: none; }
table.servicelines li a:hover   { text-decoration: underline; }


dt a:link    { color: #444; text-decoration: none; }
dt a:visited { color: #777; text-decoration: none; }
dt a:hover   { color: #d2312a; text-decoration: underline; }

#footer a:link, 
#footer a:visited { color: #999; text-decoration: none; }
#footer a:hover   { color: #d2312a; text-decoration: underline; }

/* ---------------------------------------------

NAVIGATION

----------------------------------------------- */
#topnavhome { 
	position: absolute; 
	left: 11px; 
	top: 189px; 
	width: 160px;
	text-align: right;  
	}
	
@media print
{
	#topnavmenu { 
		display: none; 
		}
	#sidenavmenu { 
		display: none; 
		}
	#arrow { 
		display: none; 
		}
}

@media screen 
{
	#topnavmenu { 
		position: absolute; 
		left: 8px; 
		top: 147px; 
		width: 111px; 
		text-align: 
		right; 
		z-index: 2;
		}
	#sidenavmenu { 
		position: absolute; 
		left: 127px; 
		width: 126px; 
		height: 123px; 
		z-index: 2; 
		padding: 0 0 0 0; 
		}
	
	body#energy #sidenavmenu         { top: 148px; } /*Changing the second column position based on body ID */
	body#communications #sidenavmenu { top: 166px; }
	body#facilities #sidenavmenu     { top: 184px; }
	body#about #sidenavmenu          { top: 148px; }
	body#careers #sidenavmenu        { top: 184px; }
	body#news #sidenavmenu           { top: 238px; }
	body#projects #sidenavmenu       { top: 165px; }
	
	#arrow { 
		position: absolute; 
		left: 122px; 
		z-index: 3; 
		}
	
	body#energy #arrow         { top: 151px; } /*Changing the navigation arrow position based on body ID */
	body#communications #arrow { top: 169px; }
	body#facilities #arrow     { top: 187px; }
	body#about #arrow          { top: 152px; }
	body#careers #arrow        { top: 189px; }
	body#news #arrow           { top: 241px; }
	body#projects #arrow       { top: 170px; }
	
	
	ul#top-nav { 
		margin: 0; 
		padding: 0; 
		list-style-type: none; 
		}
	#top-nav li { 
		margin: 0; 
		padding: 3px 0 3px 0; 
		font-size: 11px; 
		line-height: 12px;
		font-family: Arial, sans-serif; 
		text-transform: uppercase; 
		}
	#top-nav li a:link, 
	#top-nav li a:visited { color: #fff; text-decoration: none; }
	#top-nav li a:hover   { color: #333; }
	#top-nav a.select { font-weight: bold; }
	
	
	
	ul#side-nav { 
		margin: 0; 
		padding: 0; 
		list-style-type: none; 
		width: 127px;
		height: 1000px;
		}
	#side-nav li { 
		margin: 0; 
		padding: 0; 
		font-size: 10px;
		display: block;
		float: left;
		text-transform: uppercase; 
		font-family: Arial, sans-serif; 
		clear: left; /* this helps dreamweaver */
		}
	#side-nav li a {
		padding: 3px 4px; 
		display: block;
		float: left;
		width: 119px;
		}
	#side-nav li a:link, 
	#side-nav li a:visited { color: #333; text-decoration: none; }
	#side-nav li a:hover   { color: #fff; }
	
	#side-nav li ul { 
		margin: 2px 0 3px 0; 
		padding: 0; 
		display: block;
		float: left;
		list-style-type: none; 
		background-color: #fff; 
		width: 115px;
		}
	#side-nav li ul li { 
		margin: 0;  
		padding: 0;
		display: block;
		list-style-type: none;  
		background-color: #fff;  
		text-transform: none;  
		border-bottom: 1px dotted #999; 
		font-family: Verdana, Arial, sans-serif; 
		}
	#side-nav li ul li a { 
		padding: 6px 0 5px 12px;  
		display: block;
		float: left;
		width: 115px;
		}
	#side-nav li ul li a:link, 
	#side-nav li ul li a:visited { color: #333; text-decoration: none; font-weight: bold;  }
	#side-nav li ul li a:hover   { color: #d2312a; text-decoration: none; font-weight: bold;  }
	
	#side-nav li ul li a.here:link,
	#side-nav li ul li a.here:visited,
	#side-nav li ul li a.here:hover { color: #d2312a; cursor: default; }
	
	#about #side-nav li a.here:link,
	#about #side-nav li a.here:visited,
	#about #side-nav li a.here:hover,
	#careers #side-nav li a.here:link,
	#careers #side-nav li a.here:visited,
	#careers #side-nav li a.here:hover,
	#news #side-nav li a.here:link,
	#news #side-nav li a.here:visited,
	#news #side-nav li a.here:hover,
	#projects #side-nav li a.here:link, 
	#projects #side-nav li a.here:visited, 
	#projects #side-nav li a.here:hover { font-weight: bold; cursor: default; }
	
	
	
	/* ---------------------------------------------
	
	SPECIAL SIDENAV FORMATTING FOR FACILITIES
	
	----------------------------------------------- */
	
	
	body#facilities #side-nav li ul { 
		margin: 0 0 3px 0; 
		padding: 0; 
		display: block;
		float: left;
		list-style-type: none; 
		background-color: #fff; 
		}
	body#facilities #side-nav li ul li { 
		margin: 0;  
		padding: 0;
		list-style-type: none;  
		background-color: #b5b5b5;  
		text-transform: none;  
		border-bottom: none; 
		font-family: Verdana, Arial, sans-serif; 
		}
	body#facilities #side-nav li ul li a { 
		padding: 2px 0 3px 12px;  
		display: block;
		float: left;
		width: 115px;
		}
	body#facilities #side-nav li ul li a:link, 
	body#facilities #side-nav li ul li a:visited { color: #333; text-decoration: none; }
	body#facilities #side-nav li ul li a:hover   { color: #fff; text-decoration: none; }
	
	body#facilities #side-nav li ul li a.here { color: #d2312a; }
	
	/* sub-sub menu */
	
	body#facilities #side-nav li ul li ul { 
		margin: 2px 0 3px 0; 
		padding: 0; 
		display: block;
		float: left;
		list-style-type: none; 
		background-color: #fff; 
		}
	body#facilities #side-nav li ul li ul li { 
		margin: 0;  
		padding: 0;
		list-style-type: none;  
		background-color: #fff;  
		text-transform: none;  
		border-bottom: 1px dotted #999; 
		font-family: Verdana, Arial, sans-serif; 
		}
	body#facilities #side-nav li ul li ul li a { 
		padding: 6px 0 5px 12px;  
		display: block;
		float: left;
		width: 115px;
		}
	body#facilities #side-nav li ul li ul li a:link, 
	body#facilities #side-nav li ul li ul li a:visited { color: #333; text-decoration: none; }
	body#facilities #side-nav li ul li ul li a:hover   { color: #d2312a; text-decoration: none; }
	
	body#facilities #side-nav li ul li ul li a.here { color: #d2312a; cursor: default; }
}



/* ---------------------------------------------

PRESS RELEASES, WHITE PAPERS, ARTICLES

----------------------------------------------- */
ul#pressreleaselist,
ul#whitepaperlist, 
ul#articlelist {
	margin: 0;
	padding: 0;
	}
ul#pressreleaselist li,
ul#whitepaperlist li,
ul#articlelist li {
	list-style-type: none;
	padding: 0 0 8px 20px;
	margin: 0;
	font-size: 11px;
	background: url("/uploadedimages/bullet-doc.gif") no-repeat 0px 3px;
	position: relative;
	}
#pressreleaselist span.date {
	white-space: nowrap;
	color: #555;
	font-size: 11px;
	}



/* ---------------------------------------------

EVENT LISTING

----------------------------------------------- */
dl#eventlisting {
	margin: 0;
	padding: 0;
	}
#eventlisting dt {
	margin: 1em 0 .25em 0;
	font-weight: bold
	}
#eventlisting dd {
	color: #555;
	margin-left: 2.5em;
	}
	
/* ---------------------------------------------

PROJECT LISTING

----------------------------------------------- */
ul#projectlisting {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#projectlisting li {
	margin: 1em 0 .25em 0;
	font-weight: normal
	}


/* ---------------------------------------------

LAYOUT

----------------------------------------------- */
@media print 
{
	#printlogo { 
		position: absolute; 
		left: 9px; 
		top: 28px;  
		z-index: 2 
		}
	#printlogo img {
		width: 109px;
		}
}

@media screen 
{
	#logo { 
		position: absolute; 
		left: 9px; 
		top: 28px;  
		z-index: 2 
		}
	#printlogo { 
		position: absolute; 
		top: -2000px; 
		left: -2000px; 
		}
}
#masthead { 
	position: absolute; 
	left: 127px; 
	top: 0; 
	}
#content { 
	margin: 0 0 0 254px; 
	padding: 95px 0 25px 0;  
	}
	
/* Top level lead-in */
#single-column { 
	margin: 10px 15px 20px 15px; 
	padding: 0; 
	} 
	
table.servicelines {
	border: none;
	border-collapse: collapse;
	margin: .5em 0 0 0;
	}
table.servicelines td {
	vertical-align: top;
	text-align: left;
	padding: 0 6px 0 0;
	}


#main-column { 
	width: 290px; 
	margin: 15px 15px 20px 0; 
	padding: 0 0 0 15px; 
	float: left; 
	}
#side-column { 
	width: 170px; 
	margin: 15px 0 0 0; 
	padding: 0; 
	float: left;
	}
	
	

#footer {
	margin: 0; 
	padding: 15px 0; 
	text-align: center; 
	color: #777; 
	}


table.columns {
	margin: 0;
	border: none;
	border-collapse: collapse;
	width: 100%;
	}

table.columns td {
	border: none;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 50%;
	}



/* ---------------------------------------------

STORY DIVS

----------------------------------------------- */

#teaser {
	width: 290px;
    padding: 0 0 15px 0;
	background: url("/uploadedimages/bg-teaser.jpg") no-repeat left top;
	}
#teaser img { 
	float: left; 
	}
	
#teaser h3 {
	margin: 5px 0 5px 0;
	padding: 15px 0 0 0;
    font-weight: normal; 
	font-size: 16px; 
	line-height: 20px; 
	color: #d2312a; 
	}
#teaser p { 
	margin: 0 10px 0 15px; 
	padding: 0; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 13px; 
	line-height: 17px; 
	color: #383315; 
	}


	
/*
div.story-content { 
	width: 185px; 
	margin: 0 0 0 0; 
	padding: 0; 
	background: url("/uploadedimages/stories/bg-sidestory-mid.gif") repeat-y left top; 
	background: none; 
	}
*/	

/* the hr is never rendered (backend code replaces it with <div>) 
   but we need a hook in the css, so don't delete */
hr.story {
	margin: 1em 0;
	}
	
div#side-story { 
	width: 185px; 
	margin: 0; 
	padding: 0; 
	float: left; 
	background: url("/uploadedimages/stories/bg-sidestory-mid.gif") repeat-y left top; 
	}
	
#side-story h2, #side-story h3 { 
	margin: 3px 5px 8px 22px; 
	padding: 0; 
    font-weight: normal; 
	font-size: 14px; 
	line-height: 17px; 
	color: #d2312a; 
	}

#side-story p  { 
	margin: 0 5px 0 22px; 
	text-indent: 1em;
	padding: 0; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 11px; 
	line-height: 17px; 
	color: #383315; 
	}
#side-story p.signoff { 
	margin: 0; 
	padding: 10px 10px 25px 22px; 
	text-indent: 0;
	text-align: right;
	font-size: 9px; 
	background: url("/uploadedimages/stories/bg-sidestory-bottom.gif") no-repeat left bottom; 
	}
/* special formatting for first paragraph */
#side-story p.first  { 
	text-indent: 0;
	}
#side-story p.first:first-letter { font-size: 18px; font-weight: normal; color: #383315; }



/* ---------------------------------------------

IMAGE FOMATTING

----------------------------------------------- */

div#main-column img, div#single-column img { 
	margin: 0 0 10px 0; 
	padding: 3px; 
	border: 1px solid #ccc; 
	border-right: 1px solid #999; 
	border-bottom: 1px solid #999; 
	}


div#main-column   table.servicelines img, 
div#single-column table.servicelines img { 
	border: none; 
	padding: 0; 
	margin: 0;
	}

p.caption { 
	font-size: 9px; 
	line-height: 11px; 
	color: #666; 
	margin: -8px 0 10px 4px; 
	width: 278px;
	}

div#main-column img.right, div#single-column img.right { 
	float: right; 
	margin: 0 0 0 20px;
	}


/* ---------------------------------------------

SPECIAL TEXT FORMATTING

----------------------------------------------- */



.hide { display: none; }
h1.ulc { text-transform: none; } /* apply to h1 on lower-level (detail) pages */

#footer p { 
	font-size: 9px; 
	color: #999; 
	letter-spacing: .15em; 
	margin: 0; 
	padding: 0; 
	}
span.intro { 
	font-size: 12px; 
	color: #222; 
	font-weight: bold; 
	}

p.subhead { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; 
	line-height: 20px;
	color: #222; 
	font-weight: normal; 
	}


table.servicelines h2 { 
	font-size: 13px; 
	font-weight: bold; 
	margin: 3px 0 0 1px; 
	padding: 0; }

table.servicelines h3 { 
	font-size: 12px; 
	font-weight: normal; 
	line-height: 13px;
	margin: 10px 0 5px 1px; 
	padding: 0; }

table.servicelines p { 
	font-size: 9px; 
	line-height: 13px; 
	margin: 0 0 10px 1px; 
	}

table.servicelines ul { 
	margin: 0 0 0 0; 
	padding: 0; 
	list-style-type: none; 
	}

table.servicelines li { 
	font-size: 10px; 
	line-height: 12px; 
	padding: 2px 0 2px 0; 
	}

#side-column dl { 
	margin: 0 0 20px 0; 
	padding: 0; 
	font-size: 11px; 
	}
#side-column dt { 
	margin: 0; 
	padding: 0; 
	font-weight: bold; 
	}
#side-column dd {
	margin: 0 0 .85em 0; 
	padding: 0; 
	}
#side-column p { 
	line-height: 1.3em;
	}
#side-column b, #side-column strong { 
	color: #444; 
	}

/* ---------------------------------------------

FORMS

----------------------------------------------- */

fieldset {	
	border-top: 1px solid #ddd;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin: 0;
	padding: 1em;
	}	
fieldset.first {
	border: none;
	}
fieldset#errormessage {
	background-color: #ffffe0;
	}

table.formlayout {
	border: none;
	margin: 0;
	padding: 0;
	}
table.formlayout td {
	font-size: 11px;
	margin: 0;
	padding: 0 0 8px 0;
	vertical-align: top;
	}
table.formlayout th {
	font-size: 11px;
	margin: 0;
	padding: 5px 6px 0 0;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	}
table.formlayout td.radio {
	padding-top: 2px;
	}

/* apply this class to vb.net's required <form runat="server"> */
form.aspnet {
	margin: 0;
	padding: 0;
	}
	
/* spacers for pages short on content */

p#spacer50 { height: 50px; }
p#spacer100 { height: 100px; }