body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}

.subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006699;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
}

.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: normal}
.text a:link {
	text-decoration: none;
	color: #003399;
	}
.text a:hover {
	text-decoration: underline;
	color: #003399
	}
.text a:visited {
	text-decoration: none;
	color: #003399;
	}

.titleOpenIoos {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
        letter-spacing: 5px;
}

.titlebarOpenIoos {
        background-color: #003366;
        border-bottom: 1px solid #000000;
}

.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
.nav a:link {
	text-decoration: none;
	color: #FFFFFF;
	}
.nav a:visited {
	text-decoration: none;
	color: #FFFFFF;
	}
.nav a:hover {
	text-decoration: none;
	color: #000000;
	}
.nav a:active {
	text-decoration: none;
	color: #3195D3;
	}
.nav a:uber {
	text-decoration: none;
	color: #FFFFFF;
	}

.nav2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
.nav2 a:link {
	text-decoration: none;
	color: #FFFFFF;
	}
.nav2 a:visited {
	text-decoration: none;
	color: #FFFFFF;
	}
.nav2 a:hover {
	text-decoration: none;
	color: #B0E0E6;
	}
.nav2 a:active {
	text-decoration: none;
	color: #B0E0E6;
	}
.nav2 a:uber {
	text-decoration: none;
	color: #FFFFFF;
	}


.lhnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
}
.lhnav a:link {
	text-decoration: none;
	color: #FFFFFF;
	}
.lhnav a:visited {
	text-decoration: none;
	color: #FFFFFF;
	}
.lhnav a:hover {
	text-decoration: underline;
	color: #FED700;
	}
.lhnav a:active {
	text-decoration: none;
	color: #99CCFF;
	}

.lhnavtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B0E0E6;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
.lhnavtext a:link {
	text-decoration: none;
	color: #B0E0E6;
	}
.lhnavtext a:visited {
	text-decoration: none;
	color: #B0E0E6;
	}
.lhnavtext a:hover {
	text-decoration: underline;
	color: #B0E0E6
	}

.lhnavselected {
	text-decoration: none;
	color: #FED700;
	}

.small {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #003366; text-decoration: none}

.smalllinks {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #003366; text-decoration: none}

.smalllinks:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #003366; text-decoration: none; background-color: #99CCCC;}

.menus {
	border: 1px solid #cccccc;
	background:	#ffffff;
	filter:				alpha(Opacity=90);
	-moz-opacity:		0.9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.menus a:link, .menus a:visited, .menus a:active{
	display:block;
	text-decoration:none;
	font-weight: none;
	color:#003366;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.menus a:hover {
	display:block;
	text-decoration:none;
	font-weight: none;
	color:#B0E0E6;
	background-color: #003366;

}

#pageTitle { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px; 
  font-weight: bold; 
  color: #003366;
}

/* TABLE STYLES */

table.pgcontainer
{
        background-color: white;
        border-color: white;
        border-width: 5px;
        border-style: solid;
}

/* ioos3/legend.mhtml sytles */
#thumbTitle { 
  color: #003366;
} 

#legendTitle { 
  background-color: #003366;
  color: #FFFFFF; 
} 

legendTitle { 
  background-color: #003366;
  color: #FFFFFF; 
} 

#scrollingDivSmall { /* iframe-like scrolling area */ 
  position: relative; 
  overflow: auto; 
  height: 100px;   
     
} 


h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #FFFFFF;
  background-color: #003366;
  border: 5px solid #003366;
}
h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #003366;
}