a.leftside:link	{color: #002F57;TEXT-DECORATION: none}
a.leftside:visited	{color: #002F57;TEXT-DECORATION: none}
a.leftside:active	{color: #002F57;TEXT-DECORATION: none}
a.leftside:hover	{color: #ffffff;TEXT-DECORATION: none}

a.topnoscript:link	{color: #000000;TEXT-DECORATION: none;font: bold 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif}
a.topnoscript:visited	{color: #000000;TEXT-DECORATION: none;font: bold 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif}
a.topnoscript:active	{color: #000000;TEXT-DECORATION: none;font: bold 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif}
a.topnoscript:hover	{color: #333333;font: bold 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif}


BODY	{margin: 0px 0px 0px 0px; }



i		{font-style: italic}
i.right		{text-align: right}
sup		{color: #cccc99;
		font-size: 80%;
		vertical-align: top}
small		{font-size: 80%}
sup.small	{font-size: 60%}

/*
h1 		{font-family: Verdana, Helvetica, AkzidenzGrotesk, Univers, Arial, sans-serif;
		font-size: 24px;
		font-weight: normal;
		font-style: normal;
		text-align: left;
		margin-left: 25px;
		margin-right: 25px;
		color: #000000}
	*/	

img {
border:0 none;
}
/*
h1 {
border-bottom:1px solid #999999;
font-family: Verdana, Helvetica, AkzidenzGrotesk, Univers, Arial, sans-serif;
color:#666666;
font-size:1.3em;
margin:0.7em 0 0 0.5em;
padding:0.2em 0;
/*navy bluse,#006633
}
*/
h1 {
  /*border-top:1px solid #006633;*/
  border-top:1px solid #6699cc;
  border-bottom:0;
  color:#333;
  background-color:#eee;
  font-size:1.2em;
  font-weight: bolder;
  margin:0.7em 0 0 0.5em;
 padding:0.2em 0;
}

h2 
{

/*color:#CC9966;*/
color:#663300;
border-bottom:1px solid #cdc8b1;
font-size:14px;
padding: 2px;
margin-top: 5px;
margin-left: 10px;
}

h3 
{
color:#996600;
font-size:13px;
margin-top: 5px;
margin-left: 10px;
padding: 2px;
}
h4 {
font-size:100%;
}


a:link {
color:#663300;
}
a:visited {
/*color:#000000;*/
color:#990099;
}
a:active {
color:#000000;
}

a:hover { background-color: #99CCFF; }


p		{font-family: Verdana, Helvetica, AkzidenzGrotesk, Univers, Arial, sans-serif;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		text-align: left;
		margin-top: 10px;
		margin-left: 25px;
		margin-right: 25px;
		color: #000000;
		width:auto;
}


p.justify	{text-align: justify}
p.right		{text-align: right}
p.center	{text-align: center}

ol		{font-family: Verdana, Helvetica, AkzidenzGrotesk, Univers, Arial, sans-serif;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		list-style-type: decimal;
		text-align: left;
		margin-right: 20px;
		color: #000000}
ol.footnote	{font-size: 14px;
		margin-right: 20px}
		
ul		
{
 font-family: Verdana, Helvetica, AkzidenzGrotesk, Univers, Arial, sans-serif;
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
}
		
/*
This is for main body of the documents
each td represents an area:
top(header): 	where the main USGS logo and NAS logos reside.
Leftside:	where the links are
Foot(footer):	where the DOI and firstgov logos are
*/		


	
td.bodyleftside	{font-family: Verdana, Helvetica, AkzidenzGrotesk, Univers, Arial, sans-serif;
		font-weight: normal;
		font-size: 12px;
		font-style: normal;
		background-color: #cccccc;
		color: #000000}	
td.bodytop	{background-color: #006633;
		}

td.bodyfoot	{font-family: Verdana, Helvetica, AkzidenzGrotesk, Univers, Arial, sans-serif;
		font-weight: normal;
		font-size: 12px;
		font-style: normal;
		background-color: #cccccc;
		color: #000000}

/*
This is for the Top (header).
*/

td.topusgs	{font-family: Verdana, Helvetica, AkzidenzGrotesk, Univers, Arial, sans-serif;
		font-weight: bold;
		font-size: 12px;
		font-style: normal;
		background-color: #006633;
		color: #ffffff}	

td.topnas	{font-family: Verdana, Helvetica, AkzidenzGrotesk, Univers, Arial, sans-serif;
		font-weight: bold;
		font-size: 18px;
		font-style: normal;
		background-color: #006633;
		color: #ffffff}	
/*
This is for the Left hand panel.
*/

th.leftsidetitle	{font-family: Verdana, Helvetica, AkzidenzGrotesk, Univers, Arial, sans-serif;
		font-weight: bold;
		font-size: 12px;
		font-style: normal;
		text-align: left;
		background-color: #1E4D2B;
		color: #ffffff}	
		


th.leftside	{font-family: Verdana, Helvetica, AkzidenzGrotesk, Univers, Arial, sans-serif;
		font-weight: bold;
		font-size: 10px;
		font-style: normal;
		text-align: left;
		background-color: #66A48B;
		color: #ffffff}
		
td.leftside	{font-family: Verdana, Helvetica, AkzidenzGrotesk, Univers, Arial, sans-serif;
		font-weight: normal;
		font-size: 10px;
		font-style: normal;
		background-color: #F99B00;
		}


.hist_p
{
    
    font-family: Verdana;
    font-size: 15px;
   
    padding-left: 0px;
    padding-bottom: 100px;
}


.menu_item
{
	font-family: Verdana;
	z-index: 1100;
	position: absolute;
	margin-top: -60px; 
 margin-left: 100px;
}

.menu_item2
{
	font-family: Verdana;
	z-index: 1000;
	position: absolute;
	margin-top: -46px;
    margin-left: 100px;
}

/* common styling */

.menuNas 
{   
	font-family: verdana;  
	position: relative;
	top:0px; 
	font-size:14px; 
	z-index:1000;  
	
}
  
/* font size below */
.menuNas ul li a, .menuNas ul li a:visited {display:block; text-decoration:none; color: #ffffff; margin-right: 0px; width:180px; height:22px; text-align:center;  line-height:20px; font-size:12px; overflow:hidden;} /*background:#F4F4EA;*/
.menuNas ul {padding:0; margin:0;list-style-type: none; }
.menuNas ul li {float:left; margin-right:1px; position:relative;}
.menuNas ul li ul {display: none;}

/* specific to non IE browsers  orange: F8B57A*/
.menuNas ul li:hover a {color:#ffffff;background:#1561AF ;}  
.menuNas ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:150px; background:transparent;}
.menuNas ul li:hover ul li a.hide {background:#F4F4EA; color:#000000;} 
.menuNas ul li:hover ul li:hover a.hide {background:#1561AF; color:#000000;}
.menuNas ul li:hover ul li ul {display: none;}
.menuNas ul li:hover ul li a { background:#C4CEB6; color:#000; color:#000;}
.menuNas ul li:hover ul li a:hover {background: #1561AF; color:#fff;} 
.menuNas ul li:hover ul li:hover ul {display:block; position:absolute; left:180px; top:0px;}
.menuNas ul li:hover ul li:hover ul.left {left:0px;}



.menu_back
{
    padding-top: 1px;
    padding-bottom: 5px;
    z-index: 500;

}

.main_water
{
    
    z-index: 50;
}

.p_text
{
    color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:small;
}

.main_grad
{
    margin-top: 1px;
    padding-bottom: 0px;
    z-index: 600;
    background: url(../images/grad_blue.jpg) repeat-x;
    width: 100%;
    height: 67px;
}

.logo
{
    margin-top: -66px;
    padding-left: 20px;
    margin-bottom: 15px;
    position: inherit;
   
}

.logo_main
{
    margin-top: -60px;
    padding-left: 20px;
    margin-bottom: 0px;
    position: inherit;
    z-index: 1500;
     
}

.fish
{
    margin-left: 880px;
    margin-top: -60px;
}

.fish_b
{
    margin-left: 650px;
    margin-top: -110px;
}

.wrapper
{
    padding: 10px 10px 0 10px;
}


/*
menu hover is #1561AF: medium blue
*/

/* style the outer div to give it width */
.menu {
width:850px; 
font-size:0.85em;
/*padding-bottom:200px;*/
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul 
{
width:150px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:139px;
position:relative;
padding-left:23px;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:139px; 
height:35px; 
border-width:1px 1px 0 0; 
text-align: center;
padding-left:10px; 
line-height:35px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
width:139px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited 
{
background:#F4F4EA;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#1561AF;
}
.menu ul ul :hover > a.drop {
background:#1561AF;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
/*background:#C4CEB6;*/
background:#f0ffff;
height:25px;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#1561AF;
}
.menu ul ul ul :hover > a {
background:#1561AF;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
top:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
/*background:#C4CEB6;*/ 
background:#f0ffff;
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px;
height:25px;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
width:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#1561AF;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#1561AF;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}