/* ================INSTRUCTIONS=================*/ 
/* By changing the classes below, you can add your own custom banner image and/or custom site title bar. In order for your changes to work though, you MUST include a reference in your HTML pages to both the universal CSS file and custom CSS file in that order.

Instructions are provided below for customizing these classes.

/* ================BANNER=======================*/  
/* TO DISPLAY A CUSTOM BANNER IMAGE: 
If you want to display a custom banner, change the "background: url" to point to a local banner, or external, image location.

TO DISPLAY A CUSTOM BANNER COLOR (NO IMAGE): 
If you would rather display a color instead of a banner image, change the "background: url" to point to "" and set the "background-color" to whatever color you wish to display.
NOTE: You can use either hexadecimal color codes (i.e. - #000000) or HTML color names (i.e. - "black"). */ 
/*.banner { background-repeat: no-repeat; background-position: 50% 0; right: 1em; } 
DIV.bannerColorBand, DIV.banner { 
        background-color: #006c36; 
} */
#usgscolorband { background-image: url(); background-repeat: no-repeat; background-position: 75% 0; right: 0em; } 

#usgstitle { 
     background-color:#006c36 ;/*#000075;#00a653;*/
     color: #ffffff; 
} 
#usgsfooterbar {  background-color:#006c36 ;/*#000075;#00a653;*/
     color: #ffffff; 
	 }
/* ================SITE TITLE===================*/ 
/* TO DISPLAY A CUSTOM SITE TITLE BAR: 
The .siteTitle class is specific to the colored site title bar that lies beneath the USGS identifier. To change the color of this bar, set the "background-color" attribute below to the color you wish to display and change the "color" attribute to set the text color.
NOTE: You can use either hexadecimal color codes (i.e. - #000000) or HTML color names (i.e. - "black"). */ 



/* =============STANDARD CONTENT===============*/ 
/* TO CHANGE THE TEXT SIZE OF THE CONTENT:
By default, USGS has set the font size to "small" in order to provide a consistent size for content across all pages. If you would prefer not to have a pre-defined font size for your pages, change the "font-size" attributes below to "font-size: 100%;". */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #000000;
	background-color: #ffffff;
}
th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
.menu   { 
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-stretch: normal; 
	margin-top: 0px;
	margin-bottom: 2px;
}
H1 {font-size : 20px; color : #000000}
H2 {font-size : 22px; color : #000000}
H3 {font-size : 20px; color : #000000}
H4 {font-size : 18px; color : #000000}
H5 {font-size :16px; color : #000000}
H6 {font-size : 14px; color : #000000}
.menuBand { background-color: black; width: 100%; }
.date { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: oblique; color: #ffffff; background-color: black; text-align: center; padding-bottom: 0.2em; border-bottom: 0.1em solid white; }
.sideTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal; padding: 5px; font-style: oblique; background-color: #7d7d73; color: yellow; text-align: center; }
.csa { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; margin-left: 4px; text-decoration: none; }
A.csa:visited { margin-left: 4px; text-decoration: none; }
A.csa:hover { margin-left: 3px; text-decoration: none; }
A.csa:active { margin-left: 4px; text-decoration: none; }
.rightnavtxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; padding-left: 0.5em; }
A.rightnavtxt:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
A.rightnavtxt:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
A.rightnavtxt:link {
	color: #FFFFFF;
}
A.rightnavtxt:visited {
	color: #FFFFFF;
}

BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:  #FFFFFF; 
	}
	
	p {
	font-size:12px; line-height:1.3em
	}
	H1, H2, H3, H4, H5, H6 {
	font-family: Verdana, Arial, Helvetica, sans-serif; line-height:1.3em
	}

	#footer {font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
	

	/*COLORS*/
	
	
	#white {color:#ffffff}
	
	
	
	#start {font-size: 3px; text-align:center}
	#sidebarsmall{font-size:1.0px}
#larger {font-size:10px; font-weight:bold}		
	#small {font-size : 11px;}	
	#smaller{font-size : 10px}
	#smallest{font-size : 10px}
	#tradark {font-size:10px}
	#smallheader{font-size :11px;		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#sidebar {background-color:#99CCFF}
#skip	{font-size:1px; color:#c0debe; text-decoration:none}







#hsmaller {font-size : 10px; color : #000000}
#hsmall {font-size : 12px; color : #000000}
#big {font-size:20px}

#margin {margin:15}	




	
	#footer {font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
	
#tablain  { font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-weight:bold
	} 
	#tablain2  { font-size:9px; font-family: Verdana, Arial, Helvetica, sans-serif;
	 
	} 
#table1 {font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:  #FFFFFF; 
	}
#caption {font-size:10px; text-align=left	; line-height:1.0em
	}	
	#captionbold {font-size:10px; text-align=left	; font-weight:bold
	}
#noline {text-decoration:none}
#nav {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:11px; text-decoration:none;
	
	}
	/*COLORS*/
	
	
	#white {color:#ffffff}
	
	
	
	#start {font-size: 3px; text-align:center}
	#sidebarsmall{font-size:1.0px}
#larger {font-size:9px; font-weight:bold}		
	#small {font-size : 14px;}	
	#smaller{font-size : 12px}
	#smallest{font-size : 10px}
	#tradark {font-size:9px}
	
	
#sidebar {background-color:#99CCFF}
#skip	{font-size:1px; color:#c0debe; text-decoration:none}







#hsmaller {font-size : 10px; color : #000000}
#hsmall {font-size : 12px; color : #000000}
#big {font-size:20px}

A.main:visited {
   color : purple; 
   background-color : transparent; font-decoration:none;
}

A.main:active {
   color : red; 
   background-color : transparent; font-decoration:none;
}

A.main:link {
   color : #000099; 
   background-color : transparent; font-decoration:none;
}
	
#margin {margin:15}
.data1 { margin-top: 25px; }
.data1 table{ border: solid 1px black; }
.data1 th { font-size: 80%; text-align: center; border-bottom: 1px solid black; }
.data1 td { font-size: 80%; text-align: center; padding: 5px 15px 5px 5px; border-bottom: 1px dotted gray; }
