*,html {
  margin:0;
  padding:0;
}
body {
  background:#fff;
  font-family:arial,tahoma;
  color:#333;
  width:100%;
  font-size:0.9em;
}
a:link {
  text-decoration:underline;
  color:#555;
}
a:hover {
  text-decoration:underline;
  color:#2f6fad;
}
a:visited {
  text-decoration:underline;
  color:#7f243d;
}
h1 {
  background:#6e85a2 url('category-bg.png') repeat-x bottom left;
  font-weight:bold;
  font-size:1.3em;
  padding:0.3em 0 0 0.5em;
  color:#fff;
  height:36px;
  line-height:30px;
}
h1.plain {
  background:#fff;
  color:#2f6fad;
}
h2 {
  color:#2f6fad;
  font-size:1em;
}
h3 {
  font-size:0.9em;
}
img {
  border:0;
}
img.pad {
  margin-right:1em;
}
label {
  color:#333;
  font-style:italic;
  font-weight:bold;
  padding-right: 3px;
}
p {
  font-size:1em;
  font-weight:normal;
  text-align:justify;
  padding-top:0.3em;
  padding-right:1.3em;
}
p.indent, div.indent {
  padding-left:0.6em;
}
p.indent {
  text-indent:-0.6em;
  text-align:left;
}
ul {
  list-style-type:none;
  border-bottom:1px solid #e1e1e1;
}
li {
  list-style:none;
  font-weight:bold;
  padding:0.6em;
  color: #333; /*#2f6fad;*/
}
li.narrow {
  padding-top:1px;
  padding-bottom:1px;
}
.clear { clear:both; }
.col1, .col2, .col3 {
  width:31%;
  float: left;
  margin-right:2%;
}
.col li {
  font-size: 16px;
}
.category {
  color:#555;
  font-style:italic;
  font-weight:bold;
}
.emp {
  font-style:italic;
  font-weight:bold;
}
.hide  {
  display:none;
}
.icon {
  margin-bottom:-9px;padding:5px 26px 7px 0 !important;
}
.identify {
  font-weight:bold;
}
.info, .more {
  float:right;
  padding:0.3em 0.1em 0 0.6em;
  height:13px;
}
.info {
  background:transparent url('info.png') no-repeat center right;
}
.more {
  background:transparent url('more.png') no-repeat center right;
}
.i {
  padding-right: 0px;
  vertical-align:top;
  width:14px;
  height:14px;
}
.links-ma {
  display:inline;
  margin:10px 30px;
  padding-top:20px;
  vertical-align:top;
  padding-left:0.6em;
  height:300px;
}
.links-maps {
  display:inline;
  margin:10px 30px;
  padding-top:20px;
  vertical-align:top;
  padding-left:0.6em;
}
.links-rr {
  float:left;
  width:238px;
}
.links-filler {
  width:57px;
  height:35px;
}
.pad-l {
  padding-left:8px;
}
.show {
  display:block;
}
#summary {
  font-size:0.75em;
  font-weight:normal;
}
#summary h3 {
  display:inline;
  font-size:1.2em;
  font-style:italic;
  font-weight:bold;
  color:#a92525;
}
.warn {
  background:#a92525 url('warn-bg.png') repeat-x left bottom;
  border-bottom:1px solid #fff;
  color:#ff9;
  font-size:1.1em;
  font-style:italic;
  font-weight:bold;
  padding:0.3em 1.2em;
  text-indent:-0.8em;
}
.cyclone, .flood, .highsurf, .marine, .storm, .tsunami,
.earthquake, .highwind, .manmade, .drought, .volcano, .wildfire,
.information, .advisory, .watch, .warning {
  width: 27px;
  height: 27px;
}
.cyclone {
  background:transparent url('i/tropical_cyclone.png') no-repeat center left;
}
.flood {
  background:transparent url('i/flood.png') no-repeat center left;
}
.highsurf {
  background:transparent url('i/high_surf.png') no-repeat center left;
}
.marine {
  background:transparent url('i/marine.png') no-repeat center left;
}
.storm {
  background:transparent url('i/storm.png') no-repeat center left;
}
.tsunami {
  background:transparent url('i/tsunami.png') no-repeat center left;
}
.earthquake {
  background:transparent url('i/earthquake.png') no-repeat center left;
}
.highwind {
  background:transparent url('i/high_wind.png') no-repeat center left;
}
.manmade {
  background:transparent url('i/man_made.png') no-repeat center left;
}
.drought {
  background:transparent url('i/drought.png') no-repeat center left;
}
.volcano {
  background:transparent url('i/volcano_eruption.png') no-repeat center left;
}
.wildfire {
  background:transparent url('i/wildfire.png') no-repeat center left;
}
.information {
  background:transparent url('i/information.png') no-repeat center left;
}
.advisory {
  background:transparent url('i/advisory.png') no-repeat center left;
}
.watch {
  background:transparent url('i/watch.png') no-repeat center left;
}
.warning {
  background:transparent url('i/warning.png') no-repeat center left;
}

#header {
  background:#333 url('header-bg.png') repeat-x;
  color:#fff;
  height:60px;
  font-weight:bold;
  line-height:60px;
  width:100%;
  padding-left:0.4em;
  font-size:1.2em;
  overflow:hidden;
}
#header .logo {
  float:left;
}
#header .title {
  padding-left:0.2em;
  overflow:hidden;
}
#content {
  padding:0 0.5em;
}
#footer .links {
  margin:0.5em 0.6em;
}
#footer .address {
  background:#3a3b3b;
  color:#fff;
  font-size:0.9em;
  font-weight:bold;
  height:28px;
  line-height:28px;
  margin:0;
  padding-left:0.6em;
}
#footer .address a:link,
#footer .address a:visited {
  color:#fff;
}
#footer .address a:hover {
  color:#adf;
}
table {
  font-size:0.9em;
  border-width:1px;
  border-style:solid;
  border-color:black;
  background:#cbcbcb;
}
th {
  background:#7e95b2;
  color:#fff;
  padding:6px;
}
.evenRow{
  background:#dfe5e6;
}
.oddRow{
  background:#fff;
}
td {
  padding:6px;
}