/* ================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: #331A00 url("../images/Cows_Flowers_Coyote_Ridge3.jpg") 0px 0px; 
} 
/* ================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: #331A00;  
    color: #ffffff; 
	border-bottom: 1px solid #331A00 /* eliminates space after headers */
} 
/* =============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;
	padding: 0;
	margin: 0;

}
h3 {
	 font-weight: bold;
	 font-size: 18px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 20px;
	padding-top:0; 
	margin-top:0;
}

/*
h3 {
	 font-weight: bold;
	 font-size: 18px;
	 color: black;
	}
*/	
hr {
 border: 0;
 color: #99ccff;
 background-color: #99ccff;
 width: 80%; 
 align: center;
 } 
th, td {
	font-size: small;
}

/***********  Site Specific Custom entries **********8/

/* eliminates space after headers */




/* Generic custon additions, only a few are used  */	

.smallerCenter {
				font-size: 0.7em;
				text-align: center; 
				margin-left: auto;
				margin-right: auto;
				
}
.centered {
				text-align: center; 
				margin-left: auto;
				margin-right: auto;
}

.smallCenterTop {
				font-size: 0.8em;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				vertical-align: top;  
}



.smallTop {
				font-size: 0.8em;
				vertical-align: top;  
}

.dlTable{
				width: 95%;
			  margin-left: auto;
			  margin-right: auto;

}
.dlTable td {
				height: 36px;
					font-size: 0.8em;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				vertical-align: middle;  
}

.dlTable a {
        text-decoration: none; 
		  	border: none;
				
}

.dlTable img {
        vertical-align: middle;  			
}		

.dlTable td.leftjustified {
				width: 194px;
				text-align: left;
					height: 36px;
				
}

.dlTable td.vCentered {	
				
				vertical-align: middle; 

}

.dlTable td.regionalHeading {	
				font-size: 1.0em;
				font-weight: bold;
				height: 12px;
				text-align: left; 
				background: #A8C48D;
				padding: 0;
				margin: 0;

}

.dlTable tr.alt{	
				background-color: #f5f5f5; 
			

}							
.floatRight {
	float: right;
	clear: none;
	margin: 10px;
}
.floatLeft {
	float: left;
	/*margin-right: 5px;*/
}

.pageTable{
width: 100%;
/*border: 15px solid #006699; */
border: 0;
padding: 0;
}

.content {
	margin-top: 10px;
	padding: 0;
	width: 100%;
	visibility: visible;
}

.picContent {
	
	background-image:url(../images/background1.jpg);
	padding: 0;
	width: 100%;
	visibility: visible;
}
.mapContent {

border : 0;
padding: 0;
margin-top: 10px;
	width: 100%;
	visibility: visible;
}
.Caption250Px {
	font-style: italic;
	width: 250px;
}

div.pictureR {
  float: right;
  width: 50%;
  margin: 0.5em;
  padding: 0.5em;
}
div.pictureR p {
	font-style: italic;
	font-size: medium;
	text-indent: 0;
}
.printOnly{
  display: none;
}

@media print{

div.pictureR {
 display: none;
}
div.pictureR p {
display: none;
}

.printOnly{
  display: block;
}
.noPrint{
  display: none;
}



.pageTable{
font-size:small;
  color: #000;
  border: 0;
  width: 7in; 
  padding: 0;
  margin:0;
 
}


.content{
display: block;
}

.noPrint{
  display: none;
  background-color:#0033FF;
}
}
