/* ================INSTRUCTIONS=================*/ 
/* By changing the classes below, you can add your own custom banner image and/or custom site title bar. 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" to point to "" and set the "background-color" to whatever color you wish to display.
NOTE: You can use either hexadecimal color codes (i.e. - #000000) or HTML color names (i.e. - "black"). */ 
.banner { 
        background: url("/nawqa/images/nawqa_banner.jpg") 178px 0px no-repeat; 
} 
DIV.bannerColorBand, DIV.banner { 
        background-color: #006633; 
} 
/* ================SITE TITLE===================*/ 
/* TO DISPLAY A CUSTOM SITE TITLE BAR: 
The .siteTitle 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"). */ 

Div.siteTitle, #pTitle { 
     background-color: #336699; 
     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;
}
h1,h2,h3,h4,h5 {
	color:#000099;
}
h1.sectiontitle
{
	font-size:1.2em;
	color:#000099;
	font-weight:bold;
	margin:0;
	padding:0;
}
div.sectiontitle 
{
	background-color:#DFECCE;
	padding:5px;
	border:1px solid #999999;
}
div.sectiontitle2 
{
	background-color:#E8E2DB;
	padding:5px;
	border:1px solid #999999;
}

div.sectiontitle3 
{
	background-color:#E1EEF4;
	padding:5px;
	border:1px solid #999999;
}

.sectiontitle a:link, .sectiontitle2 a:link, .sectiontitle3 a:link
{
	float:right;
	font-size:11px;
	font-weight:bold;

}
.sectiontitle a:visited, .sectiontitle2 a:visited, .sectiontitle3 a:visited
{
	float:right;
	font-size:11px;
	font-weight:bold;
}
.sectiontitle a:hover, .sectiontitle2 a:hover, .sectiontitle3 a:hover
{
	float:right;
	font-size:11px;
	font-weight:bold;
}
.sectiontitle a:active, .sectiontitle2 a:active, .sectiontitle3 a:active
{
	float:right;
	font-size:11px;
	font-weight:bold;
}

.arrowmenu
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-left:25px;
	margin-top:8px;
}
.arrowmenu li
{
	list-style-image:url(/nawqa/images/smallarrow.gif);
	background-position:center;
	font-weight:bold;
	line-height:20px;
	padding: 0px;
	margin: 0px;
	text-indent:-5px;

}
.starmenu
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-left:25px;
	margin-top:8px;
}
.starmenu li
{
	list-style-image:url(/nawqa/images/star.gif);
	background-position:center;
	line-height:20px;
	padding: 0px;
	margin: 0px;
	padding-bottom:10px;
	text-indent:-5px;

}
.starmenu a
{
	font-weight:bold;
	text-decoration:none;
	
}
.arrowmenusub
{
	margin-top:8px;
	padding: 0px;
	margin: 0px;
	margin-left:50px;
	margin-bottom:17px;
}
.arrowmenusub li
{
	list-style-type: circle;
	font-weight:normal;
	line-height:20px;
}
.reference {
    margin-top: 0em;
    margin-right: 0em;
    margin-bottom: 1em;
    margin-left: 4em;
    text-indent: -4em;
    text-align: left;
}    

/* ==============TOP NAVIGATION MENU==============*/
.uppernav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:22px;
	background-color:#D8E1ED;
	padding:0px;
	margin:0px;
	border-right:1px solid #C1C2B4;
	border-bottom:1px solid #C1C2B4;
}

.uppernav a:link { 
	line-height:22px;
	   margin:0px;
	   padding-right: 10px; 
	   margin-left:-3px;
	   padding-top:5px;
	   padding-bottom:5px;
	   color:#006699;
       text-decoration: none; 
	   background-image:url(/nawqa/images/uppernavbg3.gif);
	   background-repeat:y;
	   border-right:1px solid #B8C4C5;
	   border-left:1px solid #3A4866;
} 
.uppernav a:visited { 
	line-height:22px;
	   margin:0px;
	   padding-right: 10px; 
	   margin-left:-3px;
	   padding-top:5px;
	   padding-bottom:5px;
	   color:#006699;
       text-decoration: none; 
	   background-image:url(/nawqa/images/uppernavbg3.gif);
	   background-repeat:y;
	   border-right:1px solid #B8C4C5;
	   border-left:1px solid #3A4866;
} 
.uppernav a:hover { 
	line-height:22px;
	   margin:0px;
	   padding-right: 10px; 
	   margin-left:-3px;
	   padding-top:5px;
	   padding-bottom:5px;
	   color:#006699;
       text-decoration: none; 
	   background-image:url(/nawqa/images/uppernavbg2.gif);
	   background-repeat:y;
	   border-right:1px solid #DCE19D;
	   border-left:1px solid #3A4866;
} 
.uppernav a:active { 
	line-height:22px;
	   margin:0px;
	   padding-right: 10px; 
	   margin-left:-3px;
	   padding-top:5px;
	   padding-bottom:5px;
	   color:#006699;
       text-decoration: none; 
	   background-image:url(/nawqa/images/uppernavbg3.gif);
	   background-repeat:y;
	   border-right:1px solid #B8C4C5;
	   border-left:1px solid #3A4866;
} 

.uppernavbutton
{
	white-space:nowrap
}
/* ==============SIDE NAVIGATION MENU==============*/

.sideBar{
	float: right;
	background-color: #EEEFE2;
	margin-top:15px;
	margin-left:5px;
	padding:8px;
	border:1px dashed #999999;
}

.sidenavBox {
	float: right;
	background-color:#D8E1ED;
	width:160px;
	margin-top:0px;
	margin-left:15px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:8px;
	border:1px solid #6095CA;
}
.sidenavinnerBox {
	margin-top:8px;
	background-color:#EBEFF5;
	border-right:1px solid #F1F5FA;
	border-left:1px solid #F1F5FA;
	border-bottom:1px solid #F1F5FA;
}
.sidenav {
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 1em; 
	padding-bottom:4px;
}
.sidenav a:link { 
    font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color:#006699;
    text-decoration: none; 
	margin-bottom:10px;
	padding-bottom:10px;
} 
.sidenav a:visited { 
    font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color:#006699;
    text-decoration: none; 
} 
.sidenav a:hover { 
    font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color:#006699;
    text-decoration: underline; 
} 
.sidenav a:active { 
    font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color:#006699;
    text-decoration: none; 
}
.sidenavtitle {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#006699;
	margin-top:12px;
	text-align:center;
	padding-left: .25em; 
	padding-top:3px;
	padding-bottom:3px;
	background-color:#BCCBE0;
	border-bottom:2px solid #999999;
}
.sidenavheading {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding-left: .25em; 
	padding-top:8px;
	padding-bottom:3px;
}
.sidenavheading a:link { 
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#006699;
    text-decoration: none; 
			
} 
.sidenavheading a:visited { 
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#006699;
    text-decoration: none; 
} 
.sidenavheading a:hover { 
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#006699;
    text-decoration: underline; 
} 
.sidenavheading a:active { 
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#006699;
    text-decoration: none; 
}
.leftCol {
	background-color: #F4FAEF;
	margin-bottom: 18px;
	border: 1px solid #CCCCCC;
	padding: 20px;
}
.leftCol a:link{
	text-decoration:none;
	color:#0000FF;
}
.leftCol a:active{
	text-decoration:none;
	color:#0000FF;
}
.leftCol a:visited{
	text-decoration:none;
	color:#0000FF;
}
.leftCol a:hover{
	text-decoration:underline;
	color:#0000FF;
}
.rightCol {
	padding-left: 5px;
	background-color: #F5F3F1;
	margin-bottom: 18px;
	border: 1px solid #CCCCCC;
	padding: 20px;
}
.rightCol2 {
	background-color:#F1F7FA;
	margin-bottom:18px;
	padding-bottom:5px;
	border:1px solid #CCCCCC;
}
.rightCol3 {
	padding:5px;
	background-color:#FFFFCC;
	border:1px solid #CCCCCC;
	text-align:center;
	color:#000099;
	font-weight:bold;
}

.genlinks {
	font-size:1.2em;
	color:#000099;
	font-weight:bold;
}

.genlinks a:link {
	color:#000099;
	text-decoration:none;
}
.genlinks a:active {
	color:#000099;
	text-decoration:none;
}
.genlinks a:hover {
	color:#000099;
	text-decoration:underline;
}
.genlinks a:visited {
	color:#000099;
	text-decoration:none;
}
.subhead_text {
	font-size:12px;
}
.secondary_nav {
	text-align:left;
	background-image:url(/nawqa/images/uppernavbg.gif);
	
	font-weight:bold;
	margin-right:193px;
	line-height:28px;
	
	
}

.secondary_nav a:link {
	color:#03F;	
	margin-left:13px;
	text-decoration:none;
	
	
}

.secondary_nav a:active {
	color:#03F;	
	text-decoration:none;
	margin-left:13px;
	
}
.secondary_nav a:visited {
	color:#03F;	
	text-decoration:none;
	margin-left:13px;
	
}
.secondary_nav a:hover {
	color:#993333;
	text-decoration:underline;
	margin-left:13px;
	
}
.sideBar_under{
	float: left;
	background-color: #DCDBB6;
	padding:8px;
	border:1px solid #BFBFBF;
	border-top:none;
	margin-right:10px;
}
.sideBar_under h2 {
	font-size: 14px;
	color: #993333;
	margin-top:3px;
}
.sideBar_under div {

	background:#F2F0E1;
	margin-top:7px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:5px;

}
.sideBar_under2 div {

	margin-top:7px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:5px;

}



.sideBar_under_blue {
	float: left;
	background-color:#E0E9F8;
	padding:8px;
	border:1px solid #BFBFBF;
	border-top:none;
	margin-right:10px;
	
}
.sideBar_under_blue h2 {
	font-size: 14px;
	color:#C00;
	margin-top:3px;
}
.sideBar_under_blue div {

	background-color:#E0E9F8;
	margin-top:7px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:5px;
	font-size:smaller;
}
.sideBar_under_blue ul {
	margin-left:-15px;
	margin-top:-5px;
}



.subSite_content {
	margin-left:205px;
}

.reference {
    margin-top: 0em;
    margin-right: 0em;
    margin-bottom: 1em;
    margin-left: 4em;
    text-indent: -4em;
    text-align: left;
}