/* 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;}

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%;}

hr { 
	color: #CCC; 
}

/* Links */
A:link {color:#006;}
A:visited {color:#900;}
/*A:ACTIVE, A:HOVER*/

/* 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;
}

/* 
h3 a:link {text-decoration:none;color:#000;}
h3 a:visited {text-decoration:none;color:#000;}
h3 a:hover {text-decoration:underline;color:#900;}
*/

H4  {
	font-size: 80%;
	color : #4E4E4E;
	font-weight : bold;
	margin: 0;

}

/* Generic */
.small
{
	font-size : 70%;
}

.med
{
	font-size : 75%;
}

.reg  {
	font-size : 80%;
	}
	
.notop
{
	margin-top: 0;
}

.nobottom
{
	margin-bottom: 0;
}

.nomargin
{
margin: 0;
}

.hide {position:absolute;
left:-10000px;
top:auto;
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 : 70%;
	margin-top: 0;
}


#anchorlist li {
margin-top:0;
margin-bottom: 0;
margin-left:-20px;
}


form, input, select, textarea { 
	font-size: 80%; 
	margin-top : 0px;	
	margin-bottom : 0px;	
}

hr { 
	color: ADCBEA; 
}



/* 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;
	margin-bottom: 0px;
}

.nav4head A:hover { color: #990000; } 

.nav4head :link, .nav4head :visited {
	color : #000066;
	text-decoration : none;
}


/* 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;
}




/* Quick Links */
#quicklinks { width:155px;
	position:relative;
	color:#000;
	background-color: #f1f1f1;
	border:1px solid #ccc;
	padding:8px;
	margin:10px;
	
}

/*#quicklinks {background-color:#dbe6f2;margin:18px 6px;padding:12px 4px 12px 8px;} */
#quicklinks p {color:#006; margin:0; font-size: 73%;}
#quicklinks h3 {color:#006; margin:0; font-size: 75%;}
#quicklinks ul {margin-left:18px;margin-top:6px;padding:0;}
#quicklinks li {margin-bottom:0.5em;
	list-style-type: disc;
	color:#CCC;  font-size: 70%}
#quicklinks li A:hover, #quicklinks p A:hover { color: #900;
text-decoration : none; } 
#quicklinks li :link, #quicklinks li :visited, #quicklinks p :link, #quicklinks p :visited {
	color : #006;
	text-decoration : none; 

	}

/* Developers! Netscape 4 needs the full path to render background images e.g. /solar/pv/images/background.gif. Be sure to replace "wind_hydro_technologies" 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(http://www.windpoweringamerica.gov/images/leftnav/hp_wind_hydro_head_1b.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

/* program home page photo
td.hpphoto {
	background-image : url(http://www.eere.energy.gov/windandhydro/images/hp_photo_head_wind.jpg);
	background-repeat : no-repeat;
	background-color: FFFFFF;
} */

td.blueline {
	background-image : url(http://www.windpoweringamerica.gov/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(http://www.eere.energy.gov/windandhydro/images/2_about_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.prog_areasheader {
	background-image : url(http://www.eere.energy.gov/windandhydro/images/2_prog_areas_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.infoheader {
	background-image : url(http://www.eere.energy.gov/windandhydro/images/2_info_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.financialheader {
	background-image : url(http://www.eere.energy.gov/windandhydro/images/2_financial_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.technologiesheader {
	background-image : url(http://www.eere.energy.gov/windandhydro/images/2_technologies_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.deploymentheader {
	background-image : url(http://www.eere.energy.gov/windandhydro/images/2_deployment_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.newsheader {
	background-image : url(http://www.eere.energy.gov/windandhydro/images/2_news_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.eventsheader {
	background-image : url(http://www.eere.energy.gov/windandhydro/images/2_events_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.more_search_optionsheader {
	background-image : url(http://www.eere.energy.gov/windandhydro/images/2_more_search_options_head.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}


/* Subsite page photo - you may need to add other styles for other subsites */
td.subsitephoto {
	background-image : url(http://www.windpoweringamerica.gov/images/leftnav/hp_wpa_photo_head.jpg);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}


td.subsitephoto2 {
	background-image : url(http://www.windpoweringamerica.gov/images/leftnav/2_wpa_photo_head.jpg);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.subsitephoto_wd {
	background-image : url(http://www.windpoweringamerica.gov/winddiesel/images/navigation/wind_diesel_photo_head.jpg);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}



td.subsitephoto_newf {
	background-image : url(http://www.windpoweringamerica.gov/images/leftnav/new_england_wind_head.jpg);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

/*
td.subsitephoto_newf2 {
	background-image : url(http://www.windpoweringamerica.gov/images/leftnav/new_england_wind_head_2nd.jpg);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}
*/


/* 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;
}






/* Data Tables */
table.data	{	border-top : 1px solid #CCC;
			border-left : 1px solid #CCC; font-size:75%; margin-bottom:12px;}

table.data td	{	border-right : 1px solid #CCC;
			border-bottom : 1px solid #CCC; 
			text-align:right;}

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;
}


caption {font-size: 110%; font-weight:bold;}

	




