/* ================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: #000000 url("http://www.usgs.gov/images/headers/blue_black.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: #0074ae; 
    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;
	min-width: 960px;
	
}
th, td {
	font-size: small;
}

/* basic tag definitions */

h1  { font-size: 1.35em; }

h2  { font-size: 1.2em;}

h3  { font-size: 1.05em; }

h4  { font-size: 00.95em;}

.caption    { font-size: 11px; font-family: verdana, geneva, arial, helvetica, sans-serif }

a:link { 
	color: #003366;
	}
a:visited { 
	color: #663366;
	}
a:hover { 
	color: #003366;
	}
a:active { 
	color: #003366;
	}
	
strong { font-weight: bold }

.gray  { color: #666 }

//homepage layout

#layoutbox {
width: 1200px;
clear:both;
}

#leftcol {
margin-top:10px;
width:250px;
border-right: dotted 2px #ccc;
padding-right: 15px;
display: block;
float: left;
height: 100%;
min-height: 700px;
}

#leftcol img {
border: solid 1px #ccc;
}

#middlecol {
margin-left: 15px;
margin-top:10px;
width:500px;
border-right: dotted 2px #ccc;
padding-right: 15px;
float: left;
display:block;
min-height: 700px;
}

.theme {
margin:0;
padding:0;
list-style-type:none;
}

.theme li {
width: 500px;
height: 110px;
margin-bottom: 10px;
background-color: #fff;

}
.theme a {
display: block;
height: 110px;
color:#000;
text-decoration: none;

}
.theme a:hover {
background-color: #eeeeee;
text-decoration:underline;
}

.theme img {
width: 100px;
height: 100px;
float: left;
margin-right: 5px;
border: 0;
padding: 1px;
border: solid 1px #ccc;

}

.theme p.description {
font-size: 11px; 
font-family: verdana, geneva, arial, helvetica, sans-serif;
margin:0;
padding:0;
}


.theme p.title {
font-weight:bold;
margin-bottom: 5px;
font-size: 12px; 
font-family: verdana, geneva, arial, helvetica, sans-serif;
color: #003366;

}

.colhead {
color: #999;
border-bottom: solid 1px #999;
display: block;
width: 100%;
font-weight:bold;
margin-bottom: 5px;
text-transform:uppercase;
}
 
.colhead2 {
color: #ccc;
border-bottom: solid 1px #ccc;
display: block;
width: 100%;
font-weight:bold;
margin-bottom: 5px;
}

#pubs, #news, #tools {
margin-bottom: 15px;
}

#pubs ul, #news ul, #tools ul {
list-style:none;
padding: 0;
margin:0;
font-size: 10px; 
font-family: verdana, geneva, arial, helvetica, sans-serif;
}

#pubs p, #news p, #tools p {
font-size: 10px; 
}



#pubs li, #news li, #tools li {
margin-bottom: 4px;
}

#rightcol {
margin-left: 15px;
margin-top:10px;
width:220px;;
padding-right: 15px;
float: left;
display:block;
}

#rightcol a { 
text-decoration: none; 
margin-bottom: 10px;
}

#rightcol a:hover { 
text-decoration: underline; 
}

#rightcol p {
font-size:12px;
padding: 0;
margin-top: 10px;
}

#rightcol .journal {
font-style:italic;
color:#333;
}

// End of homepage styles

#wrapper {
width: 100%;
}

.clear {
	clear:both;
}

#site_breadcumbs {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
	display:block;
	clear:both;
	margin-top: 3px;

}