/* general elements */
BODY { 
	background-color: #FFF;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 0;
	border: 0;
	padding-bottom: 25px;
}

#container { 
	width: 1000px;
	text-align: left;
}

P { 
	text-align: left;
	margin-top: 0;
}

blockquote { 
	margin-top: 0;
}

B, strong {  font-weight: bold; }

I, em { font-style: italic; }

sub { 
	font-size: 80%;
	vertical-align: sub; 
	line-height: 1px;
}

sup { 
		font-size: 80%; 
		vertical-align: super; 
		line-height: 1px;
}

UL { margin-top: 0; }

DT, DD, LI { 
	font-weight: normal;
	margin-bottom: 0;
}

DD { margin-bottom: 12px; }
DT { font-weight: bold; }

UL LI UL LI {font-size:100%;}
LI P, LI H3, LI H4 {font-size:100%;}

#anchorlist li {
	margin-top:0;
	margin-bottom: 0;
	margin-left:-20px;
}

hr { color: #CCC; }


/* links */
A:link { color: #03C; }
A:visited { color: #C60; }
A:hover { color: #C60; }


/* "Back to Top" anchor link */
.backtotop { 
	text-align: right;
	font-size: 85%; 
}

.backtotop A:hover { color: #03C; } 
.backtotop A:link, .backtotop A:visited { color : #C60; }


/* titles */
H1 { 
	font-size: 140%;
	font-weight: bold;
	color: #C60;
	margin: 0;
}
 
H2 { 
	font-size: 115%;
	font-weight: bold;
	color: #C60;
	margin: 0;
}

h2 a:link { text-decoration: none; color: #C60; }
h2 a:visited {  text-decoration: none; color: #C60; }
h2 a:hover { text-decoration: underline; color: #03C; }

H3 { 
	font-weight: bold;
	font-size: 100%;
	color: #000 ;
	margin: 0;
}

H4 { 
	font-weight: bold;
	font-size: 100%;
	color: #4E4E4E;
	margin: 0;
}


/* generic */
.small { font-size: 85%; }

.med { font-size: 95%; }

.reg { font-size: 100%; }
	
.notop { margin-top: 0; }

.nobottom { margin-bottom: 0; }

.nomargin { margin: 0; }

.callout {  
	 width: 250px;
	 color: #000;
	 background-color: #EEE;
	 border: 1px solid #ccc;
	 padding: 5px;
	 margin: 0 0 0 10px;
	 float: right; 
	 position: relative;
 }
 
 .callout_full {  
	 width: 100%;
	 color: #000;
	 background-color: #EEE;
	 border: 1px solid #ccc;
	 padding: 5px;
	 margin: 0;
	 position: relative;
 }
 
.calloutblue {	
	 width: 100%;
	 color: #000;
	 background-color: #f2f4f8;
	 border: 1px solid #cbd4e6;
	 padding: 5px;
	 margin: 0;
	 position: relative;
}
 
.hide { 
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}


/* images */
img { border: 0; }	
.floatright { float: right; position: relative; margin: 0.25em 0 1em 1.5em; }
.floatleft { float: left; position: relative; margin: 0.25em 1.5em 0.66em 0; }

.caption { 
	font-size: 85%;
	margin-top: 0;
}


/* data tables */
table.data {	
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC; 
	font-size: 95%; 
	margin-bottom: 12px;
}

caption { 
	font-size: 90%; 
	font-weight: bold;
}

table.data td { 	
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC; 
}

table.data th { 	
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC; 
	text-align: center;
}

table.data tr.grey { background-color: #EEE; }

table.data th	{	
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC; 
}
 
table.data th.left, table.data td.left	{ text-align: left; } 


/*  forms */
form { margin: 0; }

.formarea { 
	padding: 25px;
	margin: 0;
	border: 0;
	text-align: left;
	width: 600px;
	border: 1px solid #CCC;
}
	
.formarea label	{
	font-size: 90%;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 18px;
	display: block;
	font-weight: bold;
	color: #666;
}

.formarea div.radioheader { 
	font-size: 95%;
	color: #666;
	margin-bottom: 2px;
	margin-top: 18px;
	font-weight: bold;
}

.formarea p.instruction { 
	font-size: 90%;
	color: #666;
	margin-bottom: 3px;
}

.formarea p.sample { 
	font-size: 90%;
	color: #666;
	margin-bottom: 3px;
	font-style: italic;
}

.formarea textarea { font-family: Arial, Helvetica, sans-serif; }

fieldset { 
	padding: 15px; 
	margin-bottom: 12px;
}
	
legend { 
	font-weight: bold; 
	color: #900; 
}

.form-button { 
	color: #000;
	background-color: #fff;
	border: 1px solid #666;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-weight: bold;
	padding-left: 1px;
	padding-right: 1px;
	margin: 0;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}


/* NREL header  */
#topnav { background-color: #0046B8; border: 0; padding:0; margin: 0; }


/* content */
#content { padding: 60px 12px 0 12px; text-align:left;}

#printable { font-size: 85%; margin-top: 12px; text-align:left;}

#printpage { width:675px; text-align:left;}


/* left navigation */
#leftnav { width: 200px; background-color: #EEE; position: relative; }
#leftnav img { display: block; margin: 0; padding: 0; }
#leftnav .toplevelnav { border-top: 1px solid #FFF; }
#leftnav div.lastnavline { border-bottom: 1px solid #FFF; }

.support_text { 
	color: #333; 
	margin: 50px 10px 10px 10px;
	font-size: 75%;
}


/* right column */
#rightcol { float: right; width: 204px; padding: 0; margin: 0; border-left: 2px solid white; }

.rightcolgroup { background-color: #EFF3F6; padding: 0 0 10px 0; }

/* news, events, etc. */ 
.rightcolgroup p.headline { 
	color: #03C;
	font-weight: bold;
	margin: 7px 0 0 0;
	padding-left: 10px;
	font-size: 85%;
}

.rightcolgroup p.date { 
	color: #666; 
	margin: 0;
	padding-left: 10px;
	font-size: 85%; 
}
 
.rightcolgroup p.more {
	margin: 0;
	padding: 7px 4px 0 10px;
	font-size: 85%;
	text-align: right;
}

.rightcolgroup img.floatleft { 
	padding: 3px 10px 5px 20px;
	margin: 0;
}

.rightcolgroup A:link { color: #03C; text-decoration: none; }
.rightcolgroup A:visited { color: #03C; text-decoration: none; }
.rightcolgroup A:hover { color: #C60; text-decoration: none; }


/* features */
#features img { display: block; margin: 0; padding: 0; }


/* search */
#searchbox { width: 204px; background-color: #0046B8; padding: 0 0 5px 0; }

#searchbox form, #searchbox img { margin: 0;padding: 0;border: 0; }
#searchbox input { background-color: #FFF; margin: 0 0 5px 10px; }
#searchbox img.button { width: 52px; height: 18px; }

#searchbox p { 
	color: yellow; 
	text-decoration: none;
	padding: 0 0 2px 10px;
	margin: 0;
	font-size: 85%; 
}

#searchbox p A:link, #searchbox p A:visited { 
	color: white; 
	text-decoration: none; 
}

#searchbox p A:hover { color: yellow; } 

#searchbox label { 
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}


/* footer */
#footer { margin-top: 20px; }

#footer p { 
	font-size: 92%;
	margin: 3px;
	text-align: center;
}

.footerdate {
	color: #AAA;
}

#poweredby { 
	color: #6D6D6D;
	font-weight: bold;
	text-align: center;
	margin: 35px 0 15px 0;
}

#nrelis { 
	background-color: #EEE;
	color: #666;
	font-size: 85%;
	text-align: center;
	width: 760px;
	padding: 4px;
}

/* Pubs Print Version */
#pubscontent {
	width: 1000px; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}


/* Events */
div.event {
	margin:0 0 0 0; 
	padding:12px 0 12px 0; 
	border-bottom:1px dashed #ddd;
	}

div.event h3 a:link, div.event h3 a:visited  {
	text-decoration:none;
	color: #039;
	}

div.event h3 a:hover {
	text-decoration:
	underline;color:#006;
	}
	
div.event h4 {
	font-size:95%;
	}

h2.eventmonth {
	margin:0 0 6px 0; 
	background-color:#eee; 
	padding:3px; 
	}

div.event ul.eventother {
	margin: 0 0 18px 0; 
	padding:0; 
	padding-left:15px; 
	}

div.event ul.eventother li {
	color:#4E4E4E; 
	font-size:95%
	}

div.event ul.eventspecifics {
	list-style-type:none; 
	margin:0 0 12px 0;
	padding:0;
	}

div.event ul.eventspecifics li {
	color:#000;
	margin:0;
	padding:0;
	font-size:95%; 
	line-height:1.3em;
	color:#4E4E4E;
	}
	
div.event div.description {
	margin:0;
	padding:0;
	}
	
div.event div.description p {
	margin:0 0 12px 0;
	padding:0;
	}


div.release_photo {
	float:right; margin:0 0 10px 10px;
}


div.release_photo img {
	border:1px solid #CCC;
}

/* BOXES*/
.boxtop, .boxbottom {display:block;background:transparent;font-size:1px;}
.boxb1, .boxb2, .boxb3, .boxb4 {display:block;overflow:hidden;}
.boxb1, .boxb2, .boxb3 {height:1px;}
.boxb2, .boxb3, .boxb4 {background:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.boxb1 {margin:0 5px;background:#ccc;}
.boxb2 {margin:0 3px;border-width:0 2px;}
.boxb3 {margin:0 2px;}
.boxb4 {height:2px; margin:0 1px;}
.boxcontent {display:block;background:#fff;border:0 solid #ccc;border-width:0 1px;}