/* ================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: #006633 url(../images/banner.png) 178px 0px no-repeat; 
	min-width: 150px;
} 
/* ================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: #8e7a5f; 
    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;
	margin: 0px;
}

#body1
{
	background: url(../images/top_swoosh.png) #efecd2 164px 131px no-repeat; 
}

#body2
{
	background: url(../images/top_swoosh.png) #efecd2 164px 160px no-repeat; 
}

a:link, a:visited { 
	color: #551617;
	text-decoration: underline;
} 
a:hover { 
	color: #7d5628;
	text-decoration: underline;
} 
a:active { 
	color: #7d5628;
	text-decoration: underline;
}

	
th, td {
	font-size: small;
}

#bodyDIV
{
	margin-left: 235px;
	border-top: 1px solid #7E7E7E;
	margin-right: 100px;
	padding-top: 45px;
}

/* main nav bar */

#mainNAV
{
	background: black url(../images/mainNAVback.jpg); 
	min-height: 28px;
	border-bottom: 1px solid white;
}

	#mainNAV a:link, #mainNAV a:visited { 
		color: #c2b37f;
		text-decoration: none;
		font-weight: bold;
		font-size: 9pt;
		line-height: 20pt;
		margin-left: 8px;
		margin-right: 12px;
	} 
	#mainNAV a:hover { 
		color: #d6ab2e;
		text-decoration: none;
		font-weight: bold;
		font-size: 9pt;
		line-height: 20pt;
		margin-left: 8px;
		margin-right: 12px;
	} 
	#mainNAV a:active { 
		color: #d6ab2e;
		text-decoration: none;
		font-weight: bold;
		font-size: 9pt;
		line-height: 20pt;
		margin-left: 8px;
		margin-right: 12px;
	}

/* data nav bar */

#dataNAV
{
	background: #74825a url(../images/dataNAVback.jpg); 
	height: 28px;
	border-bottom: 1px solid white;
}

	#dataNAV a:link, #dataNAV a:visited { 
		color: white;
		text-decoration: none;
		font-weight: bold;
		font-size: 9pt;
		line-height: 20pt;
		margin-left: 8px;
		margin-right: 12px;
	} 
	#dataNAV a:hover { 
		color: #d6ab2e;
		text-decoration: none;
		font-weight: bold;
		font-size: 9pt;
		line-height: 20pt;
		margin-left: 8px;
		margin-right: 12px;
	} 
	#dataNAV a:active { 
		color: #d6ab2e;
		text-decoration: none;
		font-weight: bold;
		font-size: 9pt;
		line-height: 20pt;
		margin-left: 8px;
		margin-right: 12px;
	}

/* left nav bar */

#leftNAV
{
background: url(../images/left_back.png) repeat-x; 
width: 160px;
float: left;
padding-left: 15px;
border-top: 1px solid #7E7E7E;
}

		#leftNAV a:link, #leftNAV a:visited { 
			display: list-item;	
			list-style-type: none;
			color: #1c342d;
			text-decoration: underline;
			padding-right: 5px;
			padding-bottom: 15px;

		} 
		#leftNAV a:hover { 
			display: list-item;	
			list-style-type: none;
			color: #7d5628;
			text-decoration: underline;
			padding-right: 5px;
			padding-bottom: 15px;		
		} 
		#leftNAV a:active { 
			display: list-item;	
			list-style-type: none;
			color: #7d5628;
			text-decoration: underline;
			padding-right: 5px;
			padding-bottom: 15px;	
		}


#proj_nav
{
background-color: #dfd4ad;

}

#proj_nav a:link, #proj_nav a:visited { 
color: #4d442e;
text-decoration:underline;
line-height: 1.5em;		
white-space: nowrap;
} 
#proj_nav a:hover, #proj_nav a:active { 
color: #9a3333;
text-decoration:underline;
line-height: 1.5em;		
white-space: nowrap;	
} 

/* misc. */

#search
{
margin-top: 15px;
margin-bottom: 15px;
}

#bottomSwoosh
{
background: url(../images/bottom_swoosh.png) 0px 0px no-repeat; 
height: 116px;
width: 100%;
display: block;
clear: both;
}

.headline
{
margin-left: 15px;
margin-top: -25px;
color: #4d4632;

}

.headline a:link, .headline a:visited { 
font-weight: bold;
color: #26423b;
text-decoration: none;
} 
.headline a:hover { 
font-weight: bold;
color: #26423b;
text-decoration: underline;
} 
.headline a:active { 
font-weight: bold;
color: #26423b;
text-decoration: underline;
}
		
		
#currentConditions
{
height: 140px;
width: 340px; 
background: url(../images/conditions_background.png) 68px 0px no-repeat; 
margin-top: 25px;
position: relative;
left: -50px;
}

	#currentConditions p
	{
	font-weight: bold;
	color: #26423b;
	text-indent: -15px;
	padding-left: 115px;
	padding-top: 8px;
	margin-bottom: 0px;
	margin-top: 0px;
	}
	
	#currentConditions a:link, #currentConditions a:visited { 
		color: #8b6a1b;
		line-height: 130%;
		} 
		#currentConditions a:hover { 
		color: #aa8733;	
		} 
		#currentConditions a:active { 
		color: #aa8733;
		}
		
		
H1
{
	font-size: 1.5em;
	color: #4d4632;
}		

H2
{
	font-size: 1.25em;
	color: #28433c;	
	margin-bottom: 5px;
}

H3
{
	font-size: 1.1em;
	color: #28433c;	
	margin-bottom: 5px;
}

.proj_subhead
{
	font-size: 1.25em;
	color: #28433c;	
	padding-left: 40px;
	margin-bottom: 10px;
}

.indent
{
	text-indent: 40px;
}

TD
{
	vertical-align: top;
}

LI
{
margin-bottom: 8px;
}

DT
{
font-weight: bold;
}
.seminar
{
padding-left: 40px;
padding-right: 10px;
background-color: #e0d5af;
color: #4d442e;
}

.caption
{
font-size: .8em;
}


	a:link.gold, a:visited.gold { 
		font-weight: bold;
		color: #ad8c39;
		text-decoration: underline;
		} 
	a:hover.gold, a:active.gold { 
		font-weight: bold;
		color: #8f6c3d;
		text-decoration: underline;
		} 
.newsyear
{
font-weight: bold;
color: #26423b;
}
	.newsyear a:link, .newsyear a:visited { 
		font-weight: bold;
		color: #26423b;
		text-decoration: none;
		} 
	.newsyear a:hover { 
		font-weight: bold;
		color: #26423b;
		text-decoration: underline;
		} 
	.newsyear a:active { 
		font-weight: bold;
		color: #26423b;
		text-decoration: underline;
		}
		
.lefthead {
PADDING-RIGHT: 2px; 
MARGIN-TOP: 14px; 
PADDING-LEFT: 2px; 
FONT-WEIGHT: bold; 
MARGIN-BOTTOM: -4px; 
PADDING-BOTTOM: 2px; 
COLOR: #ffffff; 
PADDING-TOP: 2px; 
BACKGROUND-COLOR: #8e7a5f;
}

#webcam {
    margin: 0 0 12px 0;
}

#webcam  a:link, #webcam a:visited{
    padding: 0;
    margin: 0;
}

#webcam_image a:link, #webcam_image a:visited {
    padding: 0;
    margin: 0;
    border: 2px #26423b solid;
    width: 140px;
    height: 105px;
}

#webcam_image a:hover {
	border: 2px #8f6c3d solid;
}

#webcam_body h3 {
    margin: 0;
    padding: 0;
}