body {background: white; color: black;
    border: 0px;
}

#content  {
    font-family: Verdana, Arial, Helvetica, sans-serif; clear: left;
    border: 0px;
}

#navbar, #config, #skipper, #srch *, #linkbar ,#breadcrumb , #icon {display: none !important;}

a {color: inherit; background-color: inherit; text-decoration: none;}
a:link, a:visited {text-decoration: underline;}
#main a:link:after, #main a:visited:after {font-size: 85%;
 content: " [" attr(href) "]"; text-decoration: none;
}
/* #main a[href^="/"]:after { */
#main a[href|="/"]:after {
 content: " [https://data1.gfdl.noaa.gov" attr(href) "]";
}
/*#main a[href^="javascript:"]:after { */
#main a[href|="javascript:"]:after {
 content: " ";
}

#masthead h1 {border-bottom: 2px solid #999; color: #777;
  font: 200 125%/0.85 Arial, Verdana, sans-serif;
  line-height: 1.25;
  margin: 0; letter-spacing: 0.33em; background-color: inherit;}
#masthead h1 a {text-decoration: none;}

#content {margin: 2.5em 1.5em;}
#content h1, #content h2, #content h3 {font: 800 150% Arial, sans-serif;
  margin: 0 0 0.25em;}
#content h1 {font-size: 200%;}
#content h2 {margin: 2.5em 0 0.5em;}
#content h3 {font-size: 110%; margin: 1em 0 0.5em;}
#content pre, #content code, #content tt {font-size: 90%;}

.metadata {list-style: none; margin: 0; padding: 0 1em;}

#footer {border-top: 1px solid; font-size: 75%; color: #AAA; background:inherit;}
