/* ================INSTRUCTIONS=================*/ 
/* By changing the classes below, you can add your own custom styles for various areas of the header. In order for your changes to work though, you MUST include a reference in your HTML pages to both the common 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" portion to point to "" and set the background color (#006633) to whatever color you wish to display.
NOTE: You can use either hexadecimal color codes (i.e. - #006633, #063) or HTML color names (i.e. - "black"). */ 
#usgscolorband { 
	background: #996633 url(http://www.usgs.gov/images/headers/hazards.jpg) 178px 0px no-repeat; 
} 
/* ================SITE TITLE===================*/ 
/* TO DISPLAY A CUSTOM SITE TITLE BAR: 
The #usgstitle 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"). */ 
#usgstitle { 
    background-color: #996633; 
    color: #ffffff; 
} 
/* =============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-size: small;
}
th, td {
	font-size: small;
}


/* Global Page Formatting - Page Title and Breadcrumb Links */ 	 
			      
#breadcrumb h2 {  
     font-size:16px; color:#000000; font-weight:bold; margin: 5px 0px 6px 6px; }		
					 
#breadcrumb p {   
     font-size:12px; margin: 0px 0px 8px 6px; }			

/* Global Page Formatting - Sidebar */ 

#sidebar {		
     float: right; width: 250px; border-left: 1px solid #996633; padding-top:0px; padding-left: 14px; }

#sidebar h2 {   
	 font: bold 14px Verdana, sans-serif; color:#996633; margin-top:0px; margin-bottom:2px; }		

.sidebarlist { 
     font-size:12px; list-style-type:none; margin-top:0px; margin-left:10px; padding-left:0; }

/* Front Page Formatting - Maps and Aerial Photo Content Sections */ 

#maps { 
     min-height: 140px; height:auto !important; height: 140px; 
	 width:100%; background-image:url(../images/table_gradient.jpg); background-repeat: repeat-x; margin-top:0px; margin-left:6px; margin-bottom: 6px; border-left: 1px solid #996633; border-right: 1px solid #996633; border-bottom: 1px solid #996633; font-size:12px; margin-top:2px; margin-left:6px; background-color: #f2ede9; }

#maps h2 {    
     font: bold 14px Verdana, sans-serif; color:white; margin-top:0; margin-bottom:7px; padding: 5px; background-color:#996633; }

#maps h2 a {    
     text-decoration:underline; color:#FFFFFF; } 

#maps ul { 
     list-style-type:none; margin-top:0px; }

#maps ul li { 
     list-style-type:none; margin-top:0px; margin-left:20px; }

#maps_aerial { 
     min-height: 140px; height:auto !important; background-color: #f2ede9; height: 140px; width:100%; background-image:url(../images/table_gradient.jpg); background-repeat: repeat-x; margin-top:0px; margin-left:6px; margin-bottom: 6px; border-left: 1px solid #996633; border-right: 1px solid #996633; border-bottom: 1px solid #996633; font-size:12px; margin-top:2px; margin-left:6px; }

#maps_aerial h2 {    
     font: bold 14px Verdana, sans-serif; color:white; margin-top:0; margin-bottom:7px; padding: 5px; background-color:#996633; }

#maps_aerial h2 a {    
     text-decoration:underline; color:#FFFFFF; } 

#maps_aerial ul { 
     list-style-type:none; margin-top:0px; }

#maps_aerial  ul li { 
     list-style-type:none; margin-top:0px; margin-left:20px; } 

/* Front Page Formatting - Publications and Related Data Content Sections */ 	 

#publications { 
     min-height: 140px; height:auto !important; background-color: #f2ede9; width:100%; background-image:url(../images/table_gradient.jpg); background-repeat: repeat-x; margin-top:0px; margin-left:6px; margin-bottom: 6px; border-left: 1px solid #996633; border-right: 1px solid #996633; border-bottom: 1px solid #996633; font-size:12px; margin-top:2px; margin-left:6px; }

#publications h2 {    
     font: bold 14px Verdana, sans-serif; color:white; margin-top:0; margin-bottom:7px; padding: 5px; background-color:#996633; }

#publications h2 a {    
     text-decoration:underline; color:#FFFFFF; } 

#publications ul { 
     list-style-type:none; margin-top:0px; }

#publications ul li { 
     list-style-type:none; margin-top:0px; margin-left:20px; }

#related_data { 
     min-height: 140px; height:auto !important; background-color: #f2ede9; width:100%; background-image:url(../images/table_gradient.jpg); background-repeat: repeat-x; margin-top:4px; margin-left:6px; border-left: 1px solid #996633; border-right: 1px solid #996633; border-bottom: 1px solid #996633; font-size:12px; margin-top:2px; margin-left:6px; }

#related_data h2 {    
     font: bold 14px Verdana, sans-serif; color:white; margin-top:0; margin-bottom:7px; padding: 5px; background-color:#996633; }

#related_data h2 a {    
     text-decoration:underline; color:#FFFFFF; } 

#related_data ul { 
     list-style-type:none; margin-top:0px; }

#related_data ul li { 
     list-style-type:none; margin-top:0px; margin-left:20px; } 		
	 
/* Front Page Formatting - Content Section Image */ 		

img.floatLeft { 
     float: left; margin: 0px 4px 4px 7px; }
	     
/* Front Page Formatting - Image Gallery Section */ 
	 
#gallery { 
     padding-bottom:8px; border-top: 1px solid #996633; margin: 9px 6px 0px 6px; }

#gallery img { 
     float: left; padding-right:10px; margin-top:5px; }
	 
#gallery h2 {
     font: bold 14px Verdana, sans-serif; color:#996633; margin-top: 5px; }
	 
#gallery p {
     font-size: 12px; }

/* Front Page Formatting - Did You Know Section */ 
	 
#didyouknow {
     clear:both; border-top: 1px solid #996633; margin: 10px 6px 0px 6px; }

#didyouknow p {
     font-size: 12px; }

#didyouknow h2 {
     font: bold 14px Verdana, sans-serif; color:#996633; clear:left; margin-top:5px; }	  	
	 
#didyouknow img{ 
     float: right; padding-left:10px; margin-top:5px; }	 
	 
/* Down Level Page Formatting - Introductory Text */	 	 
	 
#header_description { 
     font-size:12px; margin: 5px 0px 1px 6px; padding-top:6px; padding-bottom:8px; border-top: 1px solid #996633; border-bottom: 1px solid #996633; }

/* Down Level Page Formatting - Content for Blank Page Template */	

#blank_page_content {
     margin: 6px 0px 1px 6px; }
	 
#blank_page_content p {
     font: 12px Verdana, sans-serif; } 

/* Down Level Page Formatting - Brown Divider */	 

.divider {  
     width:100%; border-top: 1px solid #996633; margin-left:6px; margin-top:3px; margin-bottom:0px; }
	 
/* Down Level Page Formatting - Section Header */	

.section_header { 
            font: bold 14px Verdana, sans-serif; color:#FFFFFF; margin: 7px 0px 6px 5px; width: 252px; background-color:#996633; }

/* Down Level Page Formatting - Content Sections */	

.down_level_p {
     font: 12px Verdana, sans-serif; margin-bottom:10px; vertical-align:top; }
	 
.down_level_right {
     font: 12px Verdana, sans-serif; text-align:right; margin-bottom:10px; margin-top:0px; }
	 
.down_level_right_b {
     font: 12px Verdana, sans-serif; font-weight:bold; text-align:right; margin-bottom:12px; margin-top:0px; }		 
	  
.down_level_left {
     font: 12px Verdana, sans-serif; text-align:left; margin-bottom:10px; margin-top:0px;}	 	 

.down_level_left_b {
     font: bold 12px Verdana, sans-serif; margin-left:5px; }
	 
.down_level_img {
       vertical-align:text-top; float: left; padding-left:7px; padding-right:15px; }
           
.down_level_bold {
     font: bold 12px Verdana, sans-serif; }
#topnav {
	MARGIN-BOTTOM: 8px; PADDING-TOP: 1px; BACKGROUND-COLOR: #cccccc
}
#topnav A:link {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffbd00; TEXT-DECORATION: none
}
#topnav A:visited {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffbd00; TEXT-DECORATION: none
}
#topnav A:hover {
	BACKGROUND-COLOR: #ffe79b
}