/* General Elements */

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


P  {
	text-align: left;
	margin-top:0;
	font-size:80%;
}

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;}

blockquote  {
	font-family : Verdana, Arial, Helvetica;
	font-weight : normal;
	color : #000000;
	font-size : 80%;
	text-align: left;
}


TABLE,TD  {
	font-family : Verdana, Arial, Helvetica;
	font-weight : normal;
}

TH  {
	font-family : Verdana, Arial, Helvetica;
	font-weight : bold;
}

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

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

table.data td	{	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;
}


UL {
	margin-top:0;
}


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

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

UL LI UL LI {font-size:100%;}
UL LI OL LI {font-size:100%;}
OL 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;
}


/*  Forms */

form {margin:0;}

.formarea	{
	padding: 25px;
	margin: 0;
	border: 0;
	text-align: left;
	width:600px;
	border:1px solid #CCC;

	}
	
.formarea label	{
	font-size: 70%;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 18px;
	display: block;
	font-weight:bold;
	color:#666;
	}
	

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

}

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

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

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

	fieldset {
	padding:15px; 
	margin-bottom:12px;
	}
	
	legend {font-size:80%; 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;
	}



hr { 
	color: #CCC; 
}

/* Links */
A:link {color:#006;}
A:visited {color:#900;}
/*A:ACTIVE, A:HOVER*/


/* Generic */
.small
{
	font-size : 70%;
}

.med
{
	font-size : 75%;
}

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

.nobottom
{
	margin-bottom: 0;
}

.nomargin
{
	margin-top: 0;
	margin-bottom: 0;
}


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


.sponsor {
	font-family: Arial, Verdana, Helvetica; 
	font-size: 8px; 
	text-decoration:none
}

.sponsor :link, .sponsor :active, .sponsor :hover, .sponsor :visited {
	text-decoration: none; 
	color: black; 
	font-size: 11px; 
	font-weight: bold
}


/* Titles */
H1 { 
	font-size :110%;
	font-weight : bold;
	color : #900;
	margin: 0;

}
 
H2  {
	font-size :95%;
	font-weight : bold;
	color : #900 ;
	margin: 0;

}

h2 a:link {text-decoration:none;color:#900;}
h2 a:visited {text-decoration:none;color:#900;}
h2 a:hover {text-decoration:underline;color:#006;}

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



H4  {
	font-size: 80%;
	color : #666;
	font-weight : bold;
	margin: 0;

}


/* Right Navigation */

.siteutil
{
	font-size : 70%;
	font-family : Verdana, Arial, Helvetica;
	font-weight : normal;
	color : #990000;
	margin-top: 5px;
	margin-bottom: 7px;
}

.siteutil A:hover { color: #990000;
text-decoration : none; } 

.siteutil :link, .siteutil :visited {
	text-decoration : none;
	color : #000066;
}

.news
{
	font-family : Verdana, Arial, Helvetica;
	font-weight : normal;
	color : #6666cc;
	margin-top: 7px;
	margin-bottom: 0px;	
	font-size : 80%;
}

.news A:hover { color: #990000;
text-decoration : none; } 

.news :link, .news :visited {
	color : #6666cc;
	text-decoration : none;
}

.date
{
	color: 000000; 
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 70%;
	font-family : Verdana, Arial, Helvetica;
	font-weight : normal;
}

/* small red headline for 4th level navigation in right column */
.nav4head
{
	font-size : 75%;
	font-family : Verdana, Arial, Helvetica;
	font-weight : bold;
	color : #990000;
	margin-top: 5px;
}


/* 4th level navigation in right column */
.nav4
{
	font-family : Verdana, Arial, Helvetica;
	font-weight : normal;
	color : #990000;
	margin-top: 7px;
	margin-bottom: 0px;	
	font-size : 70%;
}

.nav4 A:hover { color: #990000; } 

.nav4 :link, .nav4 :visited {
	color : #000066;
	text-decoration : none;
}


/* Search box */

.search {
	color: yellow; 
	text-decoration: none;
	margin-top: 0px;
	font-size: 70%;
}

.search A:hover { color: yellow; } 

.search :link, .search :visited {
	color: white; 
	text-decoration: none;
}

.searchtext {
font-size: 1%;
color: 000066;
}

/* Developers! Netscape 4 needs the full path to render background images e.g. /solar/pv/images/background.gif. Be sure to replace "programdirectory" with your program's directory name */


/* Blue line illustration in EERE header. Be sure you replace with your program's blue line illustration. */
td.background {
  background-image : url(/biomass/images/hp_biomass_head_1b.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}


/* program home page photo */
td.hpphoto {
	background-image : url(/biomass/images/hp_biomass_photo.jpg);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.blueline {
	background-image : url(/images/blue_pixel.gif);
	background-repeat : repeat-y;
	background-position : center;
	background-color: FFFFFF;
	}

/* Program Second Level pages - you may need to add other styles for other pages */
td.aboutheader {
	background-image : url(/biomass/images/2_about_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.progrogramareasheader {
	background-image : url(/biomass/images/2_prog_areas_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.inforesourcesheader {
	background-image : url(/biomass/images/2_info_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.financialopportunitiesheader {
	background-image : url(/biomass/images/2_financial_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.technologiesheader {
	background-image : url(/biomass/images/2_technologies_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.deploymentheader {
	background-image : url(/biomass/images/2_deployment_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.newsheader {
	background-image : url(/biomass/images/2_news_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.eventsheader {
	background-image : url(/biomass/images/2_events_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.searchheader {
	background-image : url(/biomass/images/2_search_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.webmasterheader {
	background-image : url(/biomass/images/2_webmaster_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

/* Subsite photos */
td.biotech_symposium_photo {
	background-image : url(/biomass/biotech_symposium/images/head_biotech_symposium.jpg);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}




/*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 : 70%;
	margin-top: 0;
}


/* Back to Top Anchor Link */
.backtotop {
text-align: right;
font-size :70%;
}
.backtotop A:hover { 
color: #990000;
} 
.backtotop :link, .backtotop :visited {
color : #000066;
}

/* Back to Agenda Link */
.backagenda {
font-size :80%;
font-weight : bold;
color : #666 ;
margin-top: 8;
margin-bottom: 10;
}
.backagenda A:hover { 
color: #666;
} 
.backagenda :link, .backagenda :visited {
color : #666;
}


/* example usage: <p class="backtotop"><a href="#content">Back to Top</a></p> */


/* Footer */

.footer {
	font-size : 72%;
	font-family : Verdana, Arial, Helvetica;
	font-weight : normal;
	color : #000000;
	margin-top: 1%;
	margin-bottom: 0;
	text-align: center;
}

.doe
{
	font-size : 72%;
	font-family : Verdana, Arial, Helvetica;
	font-weight : normal;
	color : Gray;
	margin-top: 1%;
	margin-bottom: 0;
	text-align: center;
}


/* Quick Links */
#quicklinks { width:140px;
	position:relative;
	color:#000;
	background-color: #f1f1f1;
	border:1px solid #ccc;
	padding:8px;
	margin:15px;
}

/*#quicklinks {background-color:#dbe6f2;margin:18px 6px;padding:12px 4px 12px 8px;} */
#quicklinks h3 {color:#006; margin:0; font-size: 75%;}
#quicklinks ul {margin: 6px 0 0 18px; padding:0;}
#quicklinks li {margin-bottom:0.3em;
	list-style-type: disc;
	color:#CCC;  font-size: 70%}
#quicklinks li A:hover { color: #900;
text-decoration : none; } 
#quicklinks li :link, #quicklinks  li :visited {
	color : #006;
	text-decoration : none; 

	}
	
/* Printable versions */
#printabletop {font-size:70%;margin:15px 300px 0 0; text-align:right;}
#printable {font-size:70%;margin-top:12px;}

.callout {  width:250px;
 color:#000;
 background-color: #f1f1f1;
 border:1px solid #ccc;
 padding:8px;
 margin:15px;
 float:right; 
 position:relative;
 }