/* HOME PAGE STYLES*/
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;min-width:1000px;}

/* Page Structure */	
#wrapper {width:1000px;margin:0 auto;}
#nrelheader {width:100%;background-color:#fff;}
#topnav {width:100%;background:url(../../images/hp_images/hp_gradation_topnav.gif) repeat-x;margin-bottom:4px;}

#content-hp {float:left;padding:0;margin:0;display:inline;width:725px;}

#middle-div {float:left;padding:0;margin:0;margin-top:6px;display:inline;font-size:11px;}
#middle-div .column {float:left;padding:6px;}
#middle-div .split {border-bottom:solid 1px #ccc;margin-bottom:6px;}
#middle-div h3 {font-size:12px;color:#333;}
#middle-div p.headline {font-weight:bold;margin:0;padding:0;}
#middle-div p.date {color:#666;margin-bottom:6px;padding:0;}

#column-right {float:right;width:265px;margin:0;padding:0;font-size:80%;font-weight:bold;}

#searchbox {width:265px;background-color:#eee;margin:0;margin-bottom:10px;padding:0;padding-top:6px;}
#searchbox form {margin:0;padding:0;border:0;}
#searchbox input {background-color:#fff;margin:3px 0 5px 10px;padding:0;}
#searchbox .button {width:52px;height:18px;margin:3px 0 0 4px;}
#searchbox p {margin:0;padding:0 0 4px 12px;}
#searchbox label {position:absolute;left:0;top:-500px;width:1px;height:1px;overflow:hidden;}

#socialmedia {width:100%;border-top:solid 1px #ccc;margin-bottom:10px;}
#socialmedia h3 {font-size:12px;color:#333;margin:6px 0;}

#resources {width:100%;border-top:solid 1px #ccc;margin-bottom:10px;}
#resources h3 {font-size:12px;color:#333;margin:6px 0;}
#resources ul {list-style-type:none;padding:0 2px 2px 6px;margin:0;}
#resources li {font-sze:10pt;font-weight:normal;padding:0 0 6px 0;}

#features {width:100%;border-top:solid 1px #ccc;}
#features img {margin:6px 0;}


#sitemap {width:100%;background-color:#eee;background:url(../../images/hp_images/hp_gradation_sitemap.gif) top repeat-x;padding:0;margin:0;margin-top:7px;border-top:solid 2px #004f99;font-size:80%;color:#004f99;}
#sitemap .column {float:left;padding:6px;}
#sitemap h2 {font-size:12px;color:#666;padding:0;margin:0;}
#sitemap h2 a:link, #sitemap h2 a:visited {color:#666;text-decoration:none;}
#sitemap h2 a:hover {color:#C60;} 
#sitemap h2 a img {background:url(../../images/hp_images/arrow_gray_orange_r8x7.gif) 0 0 no-repeat;}
#sitemap h2 a:active img {background-position:0 0;}
#sitemap h2 a:hover img {background-position:-4px 0;}

#sitemap p {padding:0;padding-top:4px;margin:0;}
#sitemap ul {list-style-type:none;padding:2px 2px 2px 6px;margin:0;}
#sitemap li {font-size:10px;padding:4px 0 4px 0;}
#sitemap li .dash {background:url(../../images/hp_images/hp_dash.gif) no-repeat;}





a.hp:link, a.hp:visited {color:#004f99;text-decoration:none;}
a.hp:hover {color:#C60;} 




/*
#column-left {float:left;padding:0 4px 0 0;margin:0;display:inline;width:24%;}
#column-middle {float:right;padding:10px 10px 0 4px;margin:0;display:inline;width:72%;}
#column-right {float:left;width:204px;margin:0 -204px 0 0;padding:0;position:relative;}
#rightcol_box {float:none;display:block;width:204px;margin:0;padding:0;border:0;}
#searchbox {float:right;width:204px;background-color:#004f99;border:0;padding:0 0 5px 0;margin:0;display:block;min-height:59px;}
*/


/* FROM nrel.css /*

/* Footer */
#footer {padding-top:25px;}
#footer p {font-size:85%;color:#6D6D6D;margin:3px;padding-top:4px;text-align:center;}
#footer p.date {color:#9a9a9a;}
#footer p.poweredby {font-size:80%;}



/* BOXES */
/* main box code, the same for all boxes, do NOT change */
/* gray background w/ gray border - override the classes marked "background" with inline styles to change */
.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:#eee;border-left:1px solid #ccc;border-right:1px solid #ccc;} /* background */
.boxb1 {margin:0 5px;background:#ccc;}
.boxb2 {margin:0 3px;border-width:0 2px;}
.boxb3 {margin:0 2px;}
.boxb4 {height:2px; margin:0 1px;}
.boxmiddle {display:block;background:#eee;border:0 solid #ccc;border-width:0 1px;text-align:left;} /* background */
/* classes to control padding and alignment -- use inline style to change other treatments */
.graphical_header {margin-bottom:6px;} /* for boxes that use a graphical header */
.boxcontent {background:transparent;margin:0 6px 0 10px;}
.boxcontent p, .boxcontent ul, .boxcontent ol, .boxcontent dl {padding-bottom:6px;margin:0;}
.boxcontent blockquote {padding:6px 6px 6px 14px;margin:0;}
.boxcontent li {margin-left:-24px;}
/* IE HACKs - keeps the bullet items lined up with the left margin */
* html .boxcontent li {margin-left:18px;} /*IE6*/  *+html .boxcontent li {margin-left:18px;} /*IE7*/

/* generic callout box code, the same for all callout boxes, do NOT change */
#callout_box {width:30%;float:right;margin:8px 0 8px 4px;} /* default width & float -- use inline style to change  */

/* classes for splitting content into 2 columns */
.split {width:100%;margin:0;}
.splitleft {float:left;width:50%;}
.splitright {float:right;width:50%;}



/* Right Column */
/* menu & site home pages right column boxes (News, Events, Resources only) - gray background w/ gray border */
#rightcol_box {width:204px;margin:0;padding:0;padding-bottom:10px;border-left:2px solid #fff;}
#rightcol_box .boxb2, #rightcol_box .boxb3, #rightcol_box .boxb4 {background:#eee;}
#rightcol_box .boxmiddle {background:#eee;font-size:85%;}
#rightcol_box ul {list-style-type:none;padding:2px 2px 2px 6px;margin:0;}
#rightcol_box li {font-weight:bold;padding:2px 0 1px 0;}
#rightcol_box a:link, #rightcol_box a:visited {color:#004f99;text-decoration:none;}
#rightcol_box a:hover {color:#C60;text-decoration:none;}
#rightcol_box p.headline {font-weight:bold;margin-bottom:0;padding:5px 6px 0 10px;}
#rightcol_box p.date {color:#666;margin-bottom:10px;padding:0 5px 0 10px;}
#rightcol_box p.more {text-align:right;margin-bottom:0;padding:0 5px 10px 0;}
#rightcol_box img.floatleft {padding:3px 5px 5px 0;margin:0;}

/* Features */
#feature {float:left;display:inline;width:204px;margin:0;padding:0;border-left:2px solid #fff;}
#feature img {display:block;margin:0;margin-bottom:5px;padding:0;border:0;width:204px;}

/* Support Box */
/* program site home pages "support" boxes - gray background w/ gray border */
/* "NREL's ___ research supports the U.S. Department of Energy's _______ Program." */
#support_box  {margin-top:10px;}
#support_box p, #support_box li {font-size:85%;}
#support_box .boxb2, #support_box .boxb3, #support_box .boxb4 {background:#eee;} /* background */
#support_box .boxmiddle {background:#eee;} /* background */

/* 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;}
div.event h3 a:hover {text-decoration:underline;}
div.event h4 {font-size:95%;}
h2.eventmonth {margin:4px 0 0 0;background-color:#eee;padding:3px;}



/* Generic */
p {text-align:left;margin-top:0;}

b, strong {font-weight:bold;}
i, em {font-style:italic;}

sub {font-size:smaller;vertical-align:sub;line-height:1px;}
sup {font-size:smaller;vertical-align:super;line-height:1px;}

ul, ol, dl {margin-top:0;}
li, dt, dd {margin-bottom:0;}
dt {font-weight:bold;}
dd {margin-bottom:12px;}
#anchorlist li {margin-top:0;margin-bottom:0;margin-left:-20px;}

/* classes for lists in menu callout boxes */
ul.menu {list-style-type:none;}

/* classes for lists to use an arrow as the bullet */
ul.arrowlist {list-style-image:url(/images/arrow_gray_r4x7.gif);}
.arrowlist li {padding-bottom:5px;margin-left:-24px;}

/* Alpha Anchor Links */
.alpha_anchors {font-size:75%;text-align:center;}

hr {color:#CCC;}

.small {font-size:70%;}
.med {font-size:80%;}
.reg {font-size:100%;}
	
.notop {margin-top:0;}
.nobottom {margin-bottom:0;}
.nomargin {margin:0;}

.alignright {text-align:right;font-size:80%;}

.hide {position:absolute;left:0;top:-500px;width:1px;height:1px;overflow:hidden;}

/* Links */
a:link {color:#004f99;}
a:visited, a:hover {color:#C60;}

a.noline:link, a.noline:visited {color:#004f99;text-decoration:none;}
a.noline:hover {color:#C60;text-decoration:none;}

/* Titles */
H1 {font-size:140%;font-weight:bold;color:#C60;margin:0;}
H2 {font-size:116%;font-weight:bold;color:#C60;margin:0;}
H3 {font-size:106%;font-weight:bold;margin:0;}
H4 {font-size:100%;font-weight:bold;color:#4E4E4E;margin:0;}

h2.app {color:#666;margin-bottom:10px;}

h2 a:link, h2 a:visited {text-decoration:none;color:#C60;}
h2 a:hover {text-decoration:none;color:#004f99;}
/* Make the arrows after H2 links change color  */
h2 a img {background:url(/images/arrow_orange_blue_r10x9.gif) 0 0 no-repeat;}
h2 a:active img {background-position:0 0;}
h2 a:hover  img {background-position:-5px 0;}

h3 a:link, h3 a:visited {text-decoration:none;color:#000;}
h3 a:hover {text-decoration:none;color:#004f99;}
/* Make the arrows after H3 links change color  */
h3 a img {background:url(/images/arrow_black_blue_r8x7.gif) 0 0 no-repeat;}
h3 a:active img {background-position:0 0;}
h3 a:hover  img {background-position:-4px 0;}

/* Text Version Link */
.textversion {text-align:right;font-size:80%;}

/* Back to Top Anchor Link */
.backtotop {text-align:right;font-size:80%;}
.backtotop a:link, .backtotop a:visited {color:#C60;}
.backtotop a:hover {color:#004f99;} 

/*Images */
img {border:0;}	
img.border {border:1px solid #999;}	
.floatright {float:right;position:relative;margin:2px 0 5px 5px;}
.floatleft {float:left;position:relative;margin:2px 5px 10px 0;}
.caption {font-size:85%;margin-top:0;}
img.rss {vertical-align:middle;}

/* Data Tables */
table.data {border-top:1px solid #CCC;border-left:1px solid #CCC; font-size:.95em;margin-bottom:12px;}
caption {font-size:.9em; font-weight:bold;}
table.data td {border-right:1px solid #CCC;border-bottom:1px solid #CCC;}
tr.gray	{background-color:#EEE;}
table.data th {border-right:1px solid #CCC;border-bottom:1px solid #CCC;}

/*  Forms */
form {margin:0;}
form fieldset {margin-bottom:10px;}
form legend {font-size:115%;font-weight:bold;color:#C60;}








/* jQuery image rotator */
.slideshow {
	background: #0067b8;  /* Old browsers */
	background: -moz-linear-gradient(top, #0067b8 0%, #004f99 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0067b8), color-stop(100%,#004f99)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0067b8 0%,#004f99 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0067b8 0%,#004f99 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #0067b8 0%,#004f99 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0067b8', endColorstr='#004f99',GradientType=0 ); /**/ /* IE6-9 */
	background: linear-gradient(top, #0067b8 0%,#004f99 100%); /* W3C */	
	height:295px;
	width:725px;
	position:relative;
}


.slideshow div.slide {
	background-color:transparent;
	height:295px;
	width:725px;
}

.slideshow .teaserContainer {
	background:url(/images/hp_images/hp_bg_text.png);
	float:left;
	height:160px;
	margin-top:10px;
	margin-left:10px;
	padding:10px 10px 10px 10px;
	width:227px;
}

.slideshow .teaserContainer h2 {
	border-bottom:1px solid #fff;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	margin-bottom:12px;
	padding-bottom:8px;
	text-align:center;
}
.slideshow .teaserContainer h2 a:hover {	color:#fff;}

.slideshow .teaserContainer p         {	color:#fff; line-height:18px;}
.slideshow .teaserContainer a         {	color:#fff;}
.slideshow .teaserContainer a:visited {	color:#fff;}
.slideshow .teaserContainer a:hover   {	color:#00d7ff;}

.slideshow #navContainer    { 
	width: 247px; 
	height:69px;  
	z-index: 50; 
	position: absolute; 
	bottom: 25px; 
	left: 10px; 
	margin:0;
	padding:0; 
	background:url(/images/hp_images/bg_more.png) no-repeat; 
} 

/* The 4 buttons below the teaser */
.slideshow #navContainer #nav    { margin:0; padding:14px 35px; } 
.slideshow #navContainer #nav ul { margin:0; padding:0;}
.slideshow #navContainer #nav li { height: 24px; width: 24px; float: left; margin:0; padding:0; list-style: none;      padding-right: 4px; }
.slideshow #navContainer #nav li+li {margin-left:21px;}
.slideshow #navContainer #nav li a  {  display: block; color:#fff; text-decoration:none; font-size:10px; border: 1px solid #1e68ab;  background:#1e68ab;text-align:center;line-height:22px; }
.slideshow #navContainer #nav li.activeSlide a {  color:#99c1e1;  border:1px solid #99c1e1;background:#0055a1; }
.slideshow #navContainer #nav li a:focus { outline: none; }
.slideshow #navContainer #nav li a:hover { color:#99c1e1;  border:1px solid #99c1e1;background:#0055a1; }

/* "More Feature Stories" link */
.slideshow #navContainer p           { font-size:10px; text-align:center; clear:left; line-height:30px; }
.slideshow #navContainer p a         { color:#ffffff; }
.slideshow #navContainer p a:visited { color:#ffffff;}
.slideshow #navContainer p a:hover   { color:#00d7ff;}

.slideshow .graphicContainer {
	float:left;
	height:260px; 
	margin-left:15px;
	margin-top:10px;
	margin-right:13px;
	width:440px;
}

.slideshow .graphicContainer .slideCaption { 
	color:#fff; 
	font-size:10px; 
	font-style:italic;  
  padding-top: 4px; 
	text-align:right; 
}
.feature_story {margin-bottom:15px; clear:left; min-height:85px;}
.feature_story img.thumb {margin:3px 7px 0 0; float:left; display:block}
.feature_story h3, 
.feature_story p {margin-left:127px; }