/* ================CUSTOMIZEABLE AREA=================*/ 
/* Instructions: 
The classes below are also existent within the universal CSS files. By 
changing them here, and including a reference to both the universal and custom 
CSS files, these classes below will overwrite any that are in the universal CSS. 
You must include this custom file beneath the universal file, or embed it after 
the universal CSS. 
        
You can modify the custom classes below according to the instructions. 
By default, we are providing you with an image banner and a background color. 
*/ 
/* ================BANNER=============================*/  
/* 
TO DISPLAY A CUSTOM BANNER IMAGE: 
If you want to display the default image banner nothing needs to be changed. If 
you want to display a different banner change the "background: url" to point to a specific 
local banner image location or an external image location.

TO DISPLAY A CUSTOM BANNER COLOR (NO IMAGE): 
If you would like to display a solid color instead of the banner image, change the "background: url" 
to point to "none" and set the "background-color" to whatever color you wish to display. 
NOTE: A color can be entered as either a 6 digit hexadecimal code (#xxxxxx) or a word (red). 
*/ 
.banner { 
        background: url("http://volcano.wr.usgs.gov/images/volcban.jpg") 178px 0px;
	background-repeat: no-repeat; 
	background-color: #c0b6b2;
} 
div.bannercolorband, div.banner { 
        background-color: #c0b6b2; 
} 
/* ================SITE TITLE===========================*/ 
/* 
TO DISPLAY A CUSTOM SITE TITLE BAR: 
The .siteTitle class is specific to the colored Web site title bar that lies beneath the USGS identifier. 
To change the color of this bar, set the "background-color" attribute to the color you wish to display. 
To change the color of the text, change the "color" attribute. 
NOTE: A color can be entered as either a 6 digit hexadecimal code (#xxxxxx) or a word (red). 
*/ 
div.sitetitle, #ptitle { 
     background-color: #8395bf; 
     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;
}

p, ul {
    margin-top: 0;
    margin-bottom: 1em;
    font: 12px/1.2  Verdana, Arial, Helvetica, sans-serif;
}

/* p+p {
    text-indent: 2em;
    margin-top: -1em;
}
*/
p.footerbar {
    margin-top: 0;
    margin-bottom: 0;
}

p.footertext {
	font: 1em/1 Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: -2px;
	/*/*/padding: 4px;/*End hiding for this section in Netscape 4x*/
}

.currentupdate {
	margin-top:20px;
	margin-bottom: 10px;
	width: 400px;
	margin-left: 150px;
        background-color: silver;
}

p.linkbar {
	background-color: #adde63;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	/*/*/padding: 4px; /*End hiding for this section in Netscape 4x*/
	margin-top: 20px;
    margin-bottom: -16px;
}

.linkbar a {
	padding-right: 25px;
	text-decoration: none;
}

.linkbar a:hover {
	text-decoration: underline;
}

.linktext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	 margin-bottom: -2px;
	/*/*/padding: 4px;/*End hiding for this section in Netscape 4x*/
}

.story {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.story-banner {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	margin-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.story-banner div.lead {
	font-size: 1.4em;
	color: #000000;
	margin-bottom: 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.story-banner div.post {
	font-size: 0.9em;
	font-style: italic;
	color: #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div.post {
	font-size: 0.9em;
	font-style: italic;
	color: #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.story div.more {
	font-size: 0.9em;
	font-style: italic;
	text-align: right;
	vertical-align: top;
	margin-top: 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
	color: #990000;
	text-decoration: underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.story div.summary {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #555555;
	/*/*/padding: 4px; /*End hiding for this section in Netscape 4x*/
	
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	/*/*/padding: 4px; /*End hiding for this section in Netscape 4x*/
}




.webform {
	background-color: #cccccc;
	}

/* added by dyv for floating text around images and other things */
.clear {
	clear: both;
	}

div.float {
  float: left;
  width: 300px;
  padding: 5px;
  margin-bottom: 1em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }
  
div.float p {
    
   font-size: 11px;
   text-align: left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   }

div.float325 {
  float: left;
  width: 325px;
  padding: 5px;
  margin-bottom: 1em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }



div.float375 {
  float: left;
  width: 375px;
  padding: 10px;
  }   
  
div.float_graph {
  float: left;
  width: 500px;
  padding: 10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }
  
div.float_graph p {
   text-align: center;
  	font-size: 11px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   }
   
div.float_broke {
  float: left;
  width: 488px;
  height: 185px;
  padding: 10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  
  }
  
a:link {
	color: #075799;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:visited {
	color: #075799;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
	color: #990000;
	text-decoration: underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:active {
	color: #ffffff;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

span.phototext {
    font: 10px/1 Verdana, Arial, Helvetica, sans-serif;
}

span.phototext325 {
    font: 10px/1 Verdana, Arial, Helvetica, sans-serif;
    width: 300px;
}

span.phototext225 {
    font: 10px/1 Verdana, Arial, Helvetica, sans-serif;
    width: 225px;
}

.current {
    padding:10px; 
    background-color: silver;
    margin-left: 300px;
}

#secondnav {
	background-color: #e9e9e9;
	border: #898989 solid 1px;
	padding: 10px;
	margin: 5px;
}

#secondarynav {
	/* float: left; */ 
	 position: absolute;
       /*	*/
	left: 0;
	margin: 10px 5px 30px 5px;
	padding: 10px;
	background-color: #e9e9e9;
	border: #898989 solid 1px;
	width: 230px; /* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px; /* Actual value for compliant browsers */
}

html>#secondarynav {

	width: 200px; /* Be nice to Opera */
}

.activitysection {
	border: 0;
	padding: 10px;
	margin-left: 250px;
	width: auto;
}
	
#primarycontent {
	clear: both;
	border: 0;
	padding: 10px;
	margin-top: 20px;
	margin-left: 300px;
	width: auto;
}

#fullscreen {
	clear: both;
	border: 0;
	margin-top: 20px;
	margin-left: 0px;
	width: 100%;
}

.captitle {
	font-weight: bold;
	color: #5c3e90;
	padding-top: 10px;
}