/* General Elements */

BODY  {
	background-color : #FFFFFF;
	font-size :100%;
	font-family : Verdana, Arial, Helvetica;
	font-weight : normal;
	color : #000000;
	}

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



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

B  {
	font-weight : bold;
}

SUB { 
	vertical-align: sub; 
	font-size: 85%;
}

SUP { 
	vertical-align: sup; 
	font-size: 85%;
}

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

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

UL {
	font-family : Verdana, Arial, Helvetica;
}

DD, LI  {
	font-size :80%;
	font-weight : normal;
	color : #000000;
	font-family : Verdana, Arial, Helvetica;
}

form { 
	font-size: 80%; 
	margin-top : 0px;	
	margin-bottom : 0px;	
	font-family : Verdana, Arial, Helvetica;
}

input { 
	font-size: 80%; 
	margin-top : 0px;	
	margin-bottom : 0px;	
	font-family : Verdana, Arial, Helvetica;
}

textarea { 
	font-size: 110%; 
	margin-top : 0px;	
	margin-bottom : 0px;	
	font-family : Verdana, Arial, Helvetica;
}


select { 
	font-size: 100%; 
	margin-top : 0px;	
	margin-bottom : 0px;	
	font-family : Verdana, Arial, Helvetica;
}

hr { 
	color: gray; 
}

A:link {color:000066;}
A:visited {color:993366;}
/*A:ACTIVE, A:HOVER*/


/* Generic */
.normal {
	font-family : Verdana, Arial, Helvetica;
	font-weight : normal;
	color : #000000;
	font-size : 100%;
	text-align: left;
}

.small
{
	font-size : 70%;
}

.smallnotop {
		margin-top: 0px;
		font-size: 70%
}

.med
{
	font-size : 75%;
}

.notop
{
	margin-top: 0px;
}

.nobottom
{
	margin-bottom: 0px;
}

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

.reg  {
	font-family : Verdana, Arial, Helvetica;
	color : #000000;
	font-size : 80%;
	}


/* Titles */
H1 { 
	font-size :110%;
	font-family: Verdana, Arial, Helvetica;
	font-weight : bold;
	color : #993366;
	margin-bottom : 0px;
}
 
H2  {
	font-size :95%;
	font-family : Verdana, Arial, Helvetica;
	font-weight : bold;
	color : #993366 ;
	margin-bottom : 0px;
}

H3  {
	font-size :80%;
	font-family : Verdana, Arial, Helvetica;
	font-weight : bold;
	color : #000000 ;
	margin-bottom : 0px;
}

H4  {
	font-size: 80%;
	font-family : Verdana, Arial, Helvetica;
	color : #666666;
	font-weight : bold;
	margin-top : 0px;
	margin-bottom : 0px;	
}


/* 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 "cleancities" 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(/afdc/images/ss_afdc_head_1b.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}


/* program home page photo */

td.hpphoto {
	background-image : url(/cleancities/images/ss_ccities_head_2.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.blueline {
	background-image : url(/cleancities/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.about_header {
	background-image : url(/afdc/images/pg_sect_about_afdc.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.fuels_header {
	background-image : url(/afdc/images/pg_sect_alt_fuels.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.vehicles_header {
	background-image : url(/afdc/images/pg_sect_af_vehicles.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.applications_header {
	background-image : url(/afdc/images/pg_sect_fleet_apps.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.fueling_header {
	background-image : url(/afdc/images/pg_sect_fueling_inf.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.laws_header {
	background-image : url(/afdc/images/pg_sect_incentives.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.info_header {
	background-image : url(/afdc/images/pg_sect_info_res.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

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

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


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


td.sitemapheader {
	background-image : url(/afdc/images/pg_sect_sitemap.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}


/* Subsite page photo - you may need to add other styles for other subsites */

td.hp_photo {
	background-image : url(/afdc/images/afdc_photo_head.jpg);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}



td.subsitephoto_e85toolkit {
	background-image : url(/afdc/images/e85_photo_head.jpg);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}

td.subsitephoto_e85toolkit2 {
	background-image : url(/afdc/images/e85_photo_head2.gif);
	background-repeat : no-repeat;
	background-color: FFFFFF;
}




/* Images */

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

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

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


/* Footer */

.footer {
	font-size : 80%;
	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;
}



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

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

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


.home_blue  {
	font-size :95%;
	font-family : Verdana, Arial, Helvetica;
	font-weight : bolder;
	color : #000066 ;
	margin-bottom : 0px;
}

mybutton { width:20em;}
bigtext { font-size:45px;}