* {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
body, th, td,
.ui-widget, .ui-widget th, .ui-widget td {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #545454;
	FONT-SIZE: 12px;
}
p {
    text-align: justify;
    text-justify: newspaper;
}

html {
    overflow-y: scroll;
}

html, body, form {
    PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
}
h1,h2,h3,h4,h5,h6 {
    PADDING-BOTTOM: 0px;
    MARGIN: 10px 0px 10px 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
}
h1 {
	COLOR: #007bb6;
	FONT-SIZE: 18px;
	FONT-WEIGHT: bold;
}
h2 {
	COLOR: #007bb6;
	FONT-SIZE: 16px;
}
h3 {
	COLOR: #545454;
	FONT-SIZE: 16px;
	FONT-WEIGHT: bold;
}
h4 {
	COLOR: #545454;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
}
h5 {
	COLOR: #000000;
	FONT-SIZE: 16px;
}
h6 {
	COLOR: #000000;
	FONT-SIZE: 14px;
}
a:link, a:visited, a:active, a:hover {
    COLOR: #007bb6
}
a:hover {
    TEXT-DECORATION: none;
}
a img {
    border: none;
}
table {
    empty-cells: show;
}
td, th {
    text-align: left;
    vertical-align: top;
}
sub, sup {
  font-size: 0.7em;
  line-height: 0;
}
#container {
    PADDING-BOTTOM: 0px;
	MARGIN: 0px auto;
	PADDING-LEFT: 18px;
	WIDTH: 960px;
	PADDING-RIGHT: 12px;
	PADDING-TOP: 7px;
}
#innercontent {
    COLOR: #444444;
	FONT-SIZE: 12px;
}
.banner_bg {
    BACKGROUND-IMAGE: url(http://www.health-e-waterways.org/images/body_bg.gif);
	BACKGROUND-REPEAT: repeat-y;
	HEIGHT: 199px;
}

/* Hack based on http://www.alistapart.com/articles/horizdropdowns/ */
/* Fix IE. Hide from IE Mac \*/
* html ul#navigation li { float: left; }
* html ul#navigation li a { height: 1%; }
/* End */

ul#navigation,
ul#navigation ul {
	width: 205px;
    padding: 0px;
	margin: 0px;
	list-style-type: none;
}
ul#navigation li {
    position: relative;
    padding: 0px;
	margin: 0px;
}
ul#navigation ul {
    display: none;
    position: absolute;
    top: 0;
    left: 205px;
    z-index: 2000;
}
ul#navigation li a,
ul#navigation li a:link,
ul#navigation li a:hover,
ul#navigation li a:active,
ul#navigation li a:visited {
	display: block;
	width: 183px;
	margin: 0px;
	padding: 7px 10px 7px 12px;
	border-top: #ffffff 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #76868e;
    background-color: #dde9ef;
}
ul#navigation ul li a,
ul#navigation ul li a:link,
ul#navigation ul li a:visited {
	border-left: #ffffff 1px solid;
	background-color: #c9dde8;
}
ul#navigation li a:hover,
ul#navigation li a:active,
ul#navigation ul li a:hover,
ul#navigation ul li a:active {
	background-color: #0372ac;
	color: #ffffff
}

.active {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #80818e;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold
}
#main_body {
    BACKGROUND-IMAGE: url(http://www.health-e-waterways.org/images/body_bg.gif);
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px -1px;
	PADDING-LEFT: 0px;
	WIDTH: 960px;
	PADDING-RIGHT: 0px;
	BACKGROUND-REPEAT: repeat-y;
	PADDING-TOP: 0px;
}
.body_container {
    PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 747px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	PADDING-TOP: 0px;
}
.body_container ul li {
    COLOR: #545454;
}
ul, ol {
    padding-left: 0;
    margin-left: 30px;
}
ul.unbulleted {
    list-style-type: none;
    padding: 0px;
    margin: 0px
}
dl  {
    color: #444444;
    font-size: 10pt;
}
dt {
    color: #545454;
    font-weight: bold;
    margin-top: 3ex;
    margin-bottom: 1ex;
    clear: none;
}
dd {
    margin-left: 1em;
    text-align: justify;
    text-justify: newspaper;
}
.gradeDescriptionList img {
    vertical-align:middle;
    float: right;
    margin-left: 0.3em;
}
#footer {
    PADDING-BOTTOM: 0px;
	LINE-HEIGHT: 1em;
	MARGIN: 0px auto;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
}

@media print {
    #footer {
        border-top: 1px solid #444444;
        padding-top:5px;
        margin-top:10px;
    }
}
.left_footer {
    FLOAT: left;
	COLOR: #76868e;
	FONT-SIZE: 12px;
}
.left_footer A, .right_footer A {
    PADDING-BOTTOM: 0px;
	PADDING-RIGHT: 8px;
	COLOR: #76868e;
	FONT-SIZE: 12px;
	PADDING-TOP: 0px;
}
.right_footer {
	FLOAT: right;
	COLOR: #76868e;
	FONT-SIZE: 12px;
}

.body_text p {
	margin: 12px 0;
	font-size: 12px;
	color: #545454;
}
.body_text {
    PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px -20px;
	PADDING-LEFT: 13px;
	WIDTH: 713px;
	PADDING-RIGHT: 15px;
	PADDING-TOP: 0px;
}
#left_col {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 213px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	PADDING-TOP: 0px;
}
.feedback {
    float:right;
    font-size:small;
    padding-right:1em;
}

.left {
    float:left;
}
.right {
    float:right;
}
.clear {
    clear:both;
}

@media print {
    .noprint, .banner, .breadcrumbs {
        display: none;
    }
}

.success {
    margin-left: 0;
    margin-right: 0;
    padding: 0.5em 0.7em;
    border: 1px solid #b2dab2;
    background-color: #cffccf;
}

ul.errors {
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border: 1px solid #dad0b2;
    background-color: #fcf6cf;
}

div.sideBarLogo {
    text-align: center;
    padding: 1.5ex 10px 1.5ex 0;
}

table.partnersOverview {
    margin-top:3ex;
}

table.partnersOverview td {
    padding-top:1ex;
    padding-bottom:2ex;
    text-align: justify;
}

table.partnersOverview td.imageCell {
    vertical-align: top;
    padding-top: 0.5ex;
    padding-right: 2em;
}

table.partnersOverview th {
    color: #007bb6;
    font-size: 16px;
    text-align: left;
}

table.hwTable {
    margin-top: 0.5ex;
    border-collapse: collapse;
    width: 100%;
}

table.hwTable tr.hwTableHeader {
    background-color:#E8E8E8;
}

table.hwTable li {
    margin-left: 20px;
}

table.form th {
    text-align: right;
    padding: 0.5em;
    padding-left: 1.5em;
    background-color: #f8f8f8;
    min-width: 100px;
}

div.links {
    margin: 0 2px 0.5em 2px;
    padding: 0.25em 0.5em;
    border: 1px solid #d8d8d8;
    text-align: center;
}

div.links,
div.links a,
div.links a:link,
div.links a:hover,
div.links a:active,
div.links a:visited {
    color: #777;
}

div.links a.currentStep {
    font-weight: bold;
    padding: 0 0.1em;
}

div.buttons {
    margin-top: 0.5em;
    text-align: right;
}

table.entity th {
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

table.bordered {
    border-collapse: collapse;
}

table.bordered th,
table.bordered td {
    padding: 0.1em 0.2em;
    border: 2px ridge #bbb;
}

table.bordered th {
    text-align: left;
    background-color: #d8d8d8;
}

table.bordered td {
}

fieldset {
    border: 2px groove #eee;
    padding: 0.4em;
}

/***********************************Header CSS*************************************/

#top_header {
    width: 960px;
    height: 49px;
    background-color: #f0f2f3;
    background-repeat: no-repeat;
    background-image: url('http://www.health-e-waterways.org/images/top_header_bg_trans.gif');
}

/***********************************Navigation CSS*************************************/

ul#top_navigation {
    margin: 0;
    width: 960px;
    height: 30px;
    padding: 0;
    border: none;
    list-style: none;
    background-color: #f0f2f3;
    background-repeat: no-repeat;
    background-image: url('http://www.health-e-waterways.org/images/main_nav_bg2.gif');
}

ul#top_navigation ul {
    margin: 0;
    padding: 0;
    border: 1px solid #000000;
    display: none;
    width: 100px;
    background-color: #CCCCCC;
    list-style: none;
}

ul#top_navigation li {
    float: left;
}

ul#top_navigation a,
ul#top_navigation a:visited {
    border: none;
    padding: 10px 8px 4px 8px;
    margin: 0;
    display: block;
    text-align: center;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #76808e; 
    background-image: url('http://www.health-e-waterways.org/images/main_nav_bg.gif');
    background-position: right;
    background-repeat: no-repeat;
}

ul#top_navigation a:hover,
ul#top_navigation a:active {
    color: #FFFFFF; 
    background-image: url('http://www.health-e-waterways.org/images/main_nav_hover_bg.gif');
}

ul#top_navigation a.hew,
ul#top_navigation a.hew:visited,
ul#top_navigation a.hew:hover,
ul#top_navigation a.hew:active {
    color: #FFFFFF;
    background-image: url('http://www.health-e-waterways.org/images/hew_nav_bg.gif');
}

/***********************************Grade Card CSS*************************************/
.gradeCardBanner {
    background-color: #ffffff;
    width:100%;
    margin-top:15px;
    color: #444444;
}
.gradeCardEntityName {
    float: left;
    position:relative;
    top:0;
    left:0;
    font-size: 16pt;
    font-weight: bold;
	padding: 0.2ex 0.2em;
}
.gradeCardContinuedSelector {
    float: right;
    padding: 0.2ex 0.2em;
}
.gradeCardYearSelector {
    border-collapse: collapse;
    margin-right:5px;
}
.gradeCardYearSelector .menuItem {
    text-align: center;
    cursor: pointer;
}
.gradeCardYearSelector .continuedItem {
  font-size: 8pt;
  white-space: nowrap;
}
.gradeCardYearSelector .continuedItem ul {
  padding-left: 1.5em;
  margin: 0.25em 0.5em;
}
.gradeCardYearSelector .continuedItem ul li {
}
.gradeCardGrade {
    font-size:16pt;
    font-weight: bold;
    width: 2em;
    margin-bottom: -3%;
}
.gradeCardYear {
    font-size:8pt;
}
.gradeCardTitle {
    width: 100%;
    text-align: left;
    vertical-align: middle;
    font-size:16pt;
    font-weight: bold;
}

.icon-tab-links {
    margin: 0.5em 0;
}
.icon-tab-link {
    float: left;
    margin-right: 5px;
    border: 1px solid #ddd;
    background-color: #eee;
}
.icon-tab-link-active {
    background-color: #fff;
    border-color: #888;
}
.icon-tab-link a {
    display: block;
    padding: 2px;
    width: 49px;
    height: 49px;
    font-size: 45px;
    text-align: center;
    vertical-align: bottom;
}

.estuarineGradeCard .gradeCardYearSelector {
    color: #444444;
}
.estuarineGradeCard .gradeCardYearSelector .menuItem {
    background-color: #bed5a9;
    border-top: 2pt solid #69a54b;
    border-left: 2pt solid #69a54b;
    border-right: 2pt solid #69a54b;
}

@media print {
    .estuarineGradeCard .gradeCardYearSelector .menuItem {
        border-bottom: 2pt solid #69a54b;
        background-color: white;
    }
}
.estuarineGradeCard .gradeCardYearSelector .activeItem {
    background-color: #69a54b;
    color: #ffffff;
}
@media print {
    .estuarineGradeCard .gradeCardYearSelector .activeItem {
        border: 4pt solid #69a54b;
        color: #444444;
    }
}

.estuarineGradeCard .gradeCardYearSelector .menuItem:hover {
    color: black;
    background: #accc8e;
}
.estuarineGradeCard th {
    color: #444444;
}
.estuarineGradeCard .tabbed .ui-tabs-nav {
    background-color: #69a54b;
}
.estuarineGradeCard .tabbed .ui-tabs-nav li.ui-state-default {
    background-image: none;
    background-color: #bed5a9;
}
.estuarineGradeCard .tabbed .ui-tabs-nav li.ui-state-active {
    background-color: white;
}
table.estuarineSiteList {
    margin-top: 0.5ex;
    border-collapse: collapse;
}
table.estuarineSiteList tr.odd {
    border-top: 1px solid #69a54b;
    vertical-align: top;
}
table.estuarineSiteList tr.even {
    border-bottom: 1px solid #69a54b;
    vertical-align: top;
}
table.estuarineSiteList th {
    text-align: left;
    background-color: #bed5a9;
    white-space: nowrap;
}
table.estuarineSiteList .siteList_siteCode {
    padding-right: 0.4em;
}

th.estuarineTabSectionTitle {
    padding: 0.3em 0.6em;
    background-color: #bed5a9;
}
.marineGradeCard .gradeCardYearSelector {
    color: #444444;
}
.marineGradeCard .gradeCardYearSelector .menuItem {
    background-color: #cfe4ef;
    border-top: 2pt solid #2e85b4;
    border-left: 2pt solid #2e85b4;
    border-right: 2pt solid #2e85b4;
}

@media print {
    .marineGradeCard .gradeCardYearSelector .menuItem {
        border-bottom: 2pt solid #2e85b4;
        background-color: white;
    }
}
.marineGradeCard .gradeCardYearSelector .activeItem {
    background-color: #2e85b4;
    color: #ffffff;
}
@media print {
    .marineGradeCard .gradeCardYearSelector .activeItem {
        border: 4pt solid #2e85b4;
        color: #444444;
    }
}

.marineGradeCard .gradeCardYearSelector .menuItem:hover {
    color: black;
    background: #83c3e4;
}
.marineGradeCard th {
    color: #444444;
}
.marineGradeCard .tabbed .ui-tabs-nav {
    background-color: #2e85b4;
}
.marineGradeCard .tabbed .ui-tabs-nav li.ui-state-default {
    background-image: none;
    background-color: #cfe4ef;
}
.marineGradeCard .tabbed .ui-tabs-nav li.ui-state-active {
    background-color: white;
}
table.marineSiteList {
    margin-top: 0.5ex;
    border-collapse: collapse;
}
table.marineSiteList tr.odd {
    border-top: 1px solid #2e85b4;
    vertical-align: top;
}
table.marineSiteList tr.even {
    border-bottom: 1px solid #2e85b4;
    vertical-align: top;
}
table.marineSiteList th {
    text-align: left;
    background-color: #cfe4ef;
    white-space: nowrap;
}
table.marineSiteList .siteList_siteCode {
    padding-right: 0.4em;
}

th.marineTabSectionTitle {
    padding: 0.3em 0.6em;
    background-color: #cfe4ef;
}
.freshwaterGradeCard .gradeCardYearSelector {
    color: #444444;
}
.freshwaterGradeCard .gradeCardYearSelector .menuItem {
    background-color: #ded3c6;
    border-top: 2pt solid #b56928;
    border-left: 2pt solid #b56928;
    border-right: 2pt solid #b56928;
}

@media print {
    .freshwaterGradeCard .gradeCardYearSelector .menuItem {
        border-bottom: 2pt solid #b56928;
        background-color: white;
    }
}
.freshwaterGradeCard .gradeCardYearSelector .activeItem {
    background-color: #b56928;
    color: #ffffff;
}
@media print {
    .freshwaterGradeCard .gradeCardYearSelector .activeItem {
        border: 4pt solid #b56928;
        color: #444444;
    }
}

.freshwaterGradeCard .gradeCardYearSelector .menuItem:hover {
    color: black;
    background: #d8b486;
}
.freshwaterGradeCard th {
    color: #444444;
}
.freshwaterGradeCard .tabbed .ui-tabs-nav {
    background-color: #b56928;
}
.freshwaterGradeCard .tabbed .ui-tabs-nav li.ui-state-default {
    background-image: none;
    background-color: #ded3c6;
}
.freshwaterGradeCard .tabbed .ui-tabs-nav li.ui-state-active {
    background-color: white;
}
table.freshwaterSiteList {
    margin-top: 0.5ex;
    border-collapse: collapse;
}
table.freshwaterSiteList tr.odd {
    border-top: 1px solid #b56928;
    vertical-align: top;
}
table.freshwaterSiteList tr.even {
    border-bottom: 1px solid #b56928;
    vertical-align: top;
}
table.freshwaterSiteList th {
    text-align: left;
    background-color: #ded3c6;
    white-space: nowrap;
}
table.freshwaterSiteList .siteList_siteCode {
    padding-right: 0.4em;
}

th.freshwaterTabSectionTitle {
    padding: 0.3em 0.6em;
    background-color: #ded3c6;
}
.summariesGradeCard .gradeCardYearSelector {
    color: #444444;
}
.summariesGradeCard .gradeCardYearSelector .menuItem {
    background-color: #ddd;
    border-top: 2pt solid #999;
    border-left: 2pt solid #999;
    border-right: 2pt solid #999;
}

@media print {
    .summariesGradeCard .gradeCardYearSelector .menuItem {
        border-bottom: 2pt solid #999;
        background-color: white;
    }
}
.summariesGradeCard .gradeCardYearSelector .activeItem {
    background-color: #999;
    color: #ffffff;
}
@media print {
    .summariesGradeCard .gradeCardYearSelector .activeItem {
        border: 4pt solid #999;
        color: #444444;
    }
}

.summariesGradeCard .gradeCardYearSelector .menuItem:hover {
    color: black;
    background: #aaa;
}
.summariesGradeCard th {
    color: #444444;
}
.summariesGradeCard .tabbed .ui-tabs-nav {
    background-color: #999;
}
.summariesGradeCard .tabbed .ui-tabs-nav li.ui-state-default {
    background-image: none;
    background-color: #ddd;
}
.summariesGradeCard .tabbed .ui-tabs-nav li.ui-state-active {
    background-color: white;
}
table.summariesSiteList {
    margin-top: 0.5ex;
    border-collapse: collapse;
}
table.summariesSiteList tr.odd {
    border-top: 1px solid #999;
    vertical-align: top;
}
table.summariesSiteList tr.even {
    border-bottom: 1px solid #999;
    vertical-align: top;
}
table.summariesSiteList th {
    text-align: left;
    background-color: #ddd;
    white-space: nowrap;
}
table.summariesSiteList .siteList_siteCode {
    padding-right: 0.4em;
}

th.summariesTabSectionTitle {
    padding: 0.3em 0.6em;
    background-color: #ddd;
}

table.fishTaxa {
    width: 95%;
    margin-top: 1ex;
    border-collapse: collapse;
}
table.fishTaxa tr {
    border: 1px solid #b56928;
    vertical-align: top;
}
table.fishTaxa th {
    text-align: left;
    background-color: #ded3c6;
    white-space: nowrap;
    padding: 3px;
}
table.fishTaxa td {
    padding: 3px;
    border: 1px dashed #d8b486;
}
table.macroinvertebrateTaxa {
    width: 95%;
    margin-top: 1ex;
    border-collapse: collapse;
}
table.macroinvertebrateTaxa tr {
    border: 1px solid #b56928;
    vertical-align: top;
}
table.macroinvertebrateTaxa th {
    text-align: left;
    background-color: #ded3c6;
    white-space: nowrap;
    padding: 3px;
}
table.macroinvertebrateTaxa td {
    padding: 3px;
    border: 1px dashed #d8b486;
}

table.ehibhr {
    margin-top: 0.5ex;
    border-collapse: collapse;
    width: 100%;
}

table.ehibhr th.estuarine {
    background-color: #bed5a9;
}

table.ehibhr th.marine {
    background-color: #cfe4ef;
}

table.ehibhr td {
    text-align: center;
}

table.ehibhr td.fgrade {
    background-color: #ff99cc;
}
table.ehibhr td.dgrade {
    background-color: #ff9900;
}
table.ehibhr td.cgrade {
    background-color: #ffff99;
}
table.ehibhr td.bgrade {
    background-color: #ccffcc;
}
table.ehibhr td.agrade {
    background-color: #ccffff;
}

table.cutoffs {
    width: 50%;
    border-collapse: collapse;
    margin:1em auto;
}

table.cutoffs td {
    text-align: center;
}

table.cutoffs td.fgrade {
    background-color: #ff99cc;
}
table.cutoffs td.dgrade {
    background-color: #ff9900;
}
table.cutoffs td.cgrade {
    background-color: #ffff99;
}
table.cutoffs td.bgrade {
    background-color: #ccffcc;
}
table.cutoffs td.agrade {
    background-color: #ccffff;
}

.ecohPlot {
    margin: 0;
    padding: 0;
}
.ecohPlot img.ecohPlotOverlay {
  display: none;
}
.ecohPlots:hover img.ecohPlotOverlay {
  display: block;
}
@media print {
    .ecohPlot img.ecohPlotOverlay {
      display: block;
    }
}

table.compliance {
    background-color: #e8e8e8;
    border: 1px solid gray;
}

table.compliance th {
    font-size: 0.9em;
    font-weight: bold;
}

table.compliance th.compliance-indicator,
table.compliance th.compliance-chart,
table.compliance th.compliance-percent,
table.compliance td.compliance-indicator,
table.compliance td.compliance-chart,
table.compliance td.compliance-percent {
    width: 50px;
    text-align: center;
    padding: 0.5em 5px;
}

table.compliance td.compliance-indicator,
table.compliance td.compliance-chart,
table.compliance td.compliance-percent {
    font-size: 1.3em;
}

form.admin-form {
    margin: 1em 0;
    padding: 0.5em 0.7em;
    background-color: #eee;
}

/**********************************End of Grade Card CSS**************************************/

/**********************************Report Card Map CSS****************************************/

#mapMain {
    float: left;
    width: 65%;
    margin-top: 12px;
}
#openlayersmap {
    margin-top:10px;
    width: 100%;
    height: 550px;
    border: 1px solid black;
    clear:both;
}
#displayArea{
    float:left;
    width: 32%;
    padding-left: 1em;
}
div.yearSelector {
    width: 99%;
    clear:both;
    margin: 1ex 0;
    text-align: center;
}
a.yearBlock, a.yearBlockActive {
    display:block;
    border: 1px solid darkgrey;
    margin: 0.2ex 0.2em;
    padding: 0.5ex 0.8em;
    float: left;
    font-weight: bold;
    text-decoration:none;
}
a.yearBlockActive, a.yearBlock:hover {
    background-color: #0372ac;
    color: #ffffff;
}
a.yearBlock {
    background-color: #c9dde8;
    color: #76868e;
    cursor:pointer;
}
.olControlAttribution { bottom: 0px!important }
.gradeHeader,
.gradeHeader:link,
.gradeHeader:hover,
.gradeHeader:visited,
.gradeHeader:active,
.subregionHeader,
.subregionHeader:link,
.subregionHeader:hover,
.subregionHeader:visited,
.subregionHeader:active,
.eventsHeader,
.eventsHeader:link,
.eventsHeader:hover,
.eventsHeader:visited,
.eventsHeader:active,
.rainfallHeader,
.rainfallHeader:link,
.rainfallHeader:hover,
.rainfallHeader:visited,
.rainfallHeader:active,
.freshwaterHeader,
.freshwaterHeader:link,
.freshwaterHeader:hover,
.freshwaterHeader:visited,
.freshwaterHeader:active,
.estuarineMarineHeader,
.estuarineMarineHeader:link,
.estuarineMarineHeader:hover,
.estuarineMarineHeader:visited,
.estuarineMarineHeader:active,
.estuarineMarineHeader,
.estuarineMarineHeader:link,
.estuarineMarineHeader:hover,
.estuarineMarineHeader:visited,
.estuarineMarineHeader:active,
.generalHeader,
.generalHeader:link,
.generalHeader:hover,
.generalHeader:visited,
.generalHeader:active,
.managementHeader,
.managementHeader:link,
.managementHeader:hover,
.managementHeader:visited,
.managementHeader:active {
    color: #545454;
    display: block;
    background-position:97%;
    background-repeat:no-repeat;
    vertical-align:middle;
    font-size:11pt;
    font-weight:bold;
    padding:0.2ex 0.7em;
    margin-top:0.3ex;
    margin-left: 0.5em;
    cursor:pointer;
    text-decoration: none;
    min-height: 20px;
}
.gradeHeader,
.gradeHeader:link,
.gradeHeader:hover,
.gradeHeader:visited,
.gradeHeader:active {
    background-position:97%;
    background-repeat:no-repeat;
}
.gradeHeader-fw {
    background-color: #ded3c6;
}
.gradeHeader-fw-highlight {
    background-color: #d8b486;
}
.gradeHeader-bay {
    background-color: #cfe4ef;
}
.gradeHeader-bay-highlight {
    background-color: #83c3e4;
}
.gradeHeader-est {
    background-color: #bed5a9;
}
.gradeHeader-est-highlight {
    background-color: #accc8e;
}
.subregionHeader {
    background-color: #ddd;
}
.subregionHeader-highlight {
    background-color: #aaa;
}
.eventsHeader {
    background-color: #e8e7ae;
}
.eventsHeader:hover {
    background-color: #cfcd9b;
}
.rainfallHeader {
    background-color: #cfdeff;
}
.rainfallHeader:hover {
    background-color: #83abf4;
}
.freshwaterHeader {
    background-color: #ded3c6;
}
.freshwaterHeader:hover {
    background-color: #d8b486;
}
.estuarineMarineHeader {
    background-color: #cfe4ef;
}
.estuarineMarineHeader:hover {
    background-color: #83c3e4;
}
.generalHeader {
    background-color: #ddd;
}
.generalHeader:hover {
    background-color: #aaa;
}
.managementHeader {
    background-color: #ddd;
}
.managementHeader:hover {
    background-color: #aaa;
}
.breadcrumbs {
    font-size:0.95em;
    margin:1em 0;
    padding:0.3em 0.6em;
    background-color:#e8e8e8;
    border-bottom:1px solid #bbb;
}
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs a:link,
.breadcrumbs a:hover,
.breadcrumbs a:active,
.breadcrumbs a:visited {
    color: #888;
}

.news-item {
  margin: 1em 0;
}
.news-item-title {
  margin: 1em 0 0.5em 0;
  font-size: 1.2em;
  font-weight: bold;
}
.news-item-description {
  margin: 0.5em 0;
}
.news-item-link {
  margin: 0.5em 0 1em 0;
}

h2.quicklinks {
  color: #444444;
  font-weight: bold;
  font-size: 1.2em; 
  margin-bottom: 0.5em;
}

.quicklink {
  list-style: none;
  height: 22px;
  line-height: 22px;
  margin: 0.2em 0;
  padding: 10px 10px 10px 50px;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  border: 1px solid #e0e0e0;
}

.quicklink a {
  font-weight: bold;
}

.quicklink-reportcard {
  background-image: url(http://www.health-e-waterways.org/images/grades/Aplus_est.png);
}
.quicklink-msbing {
  background-image: url(http://www.health-e-waterways.org/images/bing-logo.png);
}
.quicklink-googleearth {
  background-image: url(http://www.health-e-waterways.org/images/google-earth.png);
}
.quicklink-project {
  background-image: url(http://www.health-e-waterways.org/images/logo.png);
}

.legend {font-size: 0.85em; border-collapse: collapse;}
.legend th,.legend td {padding: 0.1em 0.4em; border: 1px ridge gray;}
.legend caption {font-weight: bold;}
.legend-key {width: 1.2em;}
.legend-value {color: #444444;}

.legend-key-pred-0 {background-color: #0072ab;}
.legend-key-pred-1 {background-color: #b0dde9;}
.legend-key-pred-2 {background-color: #f19fa2;}
.legend-key-pred-3 {background-color: #c00418;}
.legend-key-pred-4 {background-color: #83452c;}
.legend-key-pred-5 {background-color: #000000;}

.legend-key-wq-0 {background-color: #005D26;}
.legend-key-wq-1 {background-color: #78A83D;}
.legend-key-wq-2 {background-color: #E48B00;}
.legend-key-wq-3 {background-color: #C00418;}

/**********************************End of Report Card Map CSS*************************************/

/*------------------------------------------jQuery tooltip CSS-------------------------------------------*/
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
/*------------------------------------------jQuery tooltip CSS-------------------------------------------*/

/*------------------------------------------jQuery tabs CSS-------------------------------------------*/

.tabbed {
    padding: 0px;
    border: none;
}
.tabbed .ui-tabs-nav {
    background: transparent;
    border-width: 0px 0px 1px 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    padding: 0.4em 0.4em 0 0.4em;
}
.tabbed .ui-tabs-nav li a {
    padding: 0.3em 0.6em;
}
.tabbed .ui-tabs-panel {
    padding: 5px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #aaa;
}

/*------------------------------------------jQuery tabs CSS-------------------------------------------*/