.header, footer, aside, nav, article, {   
    display: block;   
}   
  
body {   
    width: 940px;   
    font: 13px/19px Helvetica, Arial, sans-serif;   
    background: #ffffff;
    margin: 0 auto;
}   

hr {
 background-color: #c00;
 color: #c00;
 border-width: 0;
 height: 2px;
 width: 640px;
 margin-left: 0;
 text-align: left;
}

h1,h2,h3,h5,th {
  color: #006;
}

h3 {
  font-size: 125%;
  margin-bottom: .5em;
}

h4,h5 {
  margin-bottom: 0;
}

h4 {
 font-size: 115%;
}

h5 {
    font: 13px/19px Helvetica, Arial, sans-serif;   
}

div#aside h3 {
  text-align: center;
  margin-top: 0;
}

div#outline h3 {
  text-align: center;
  margin-top: 0;
}

div#infobox h3 {
  text-align: center;
  margin-top: 0;
  color: #c00;
}


ul.nav {
  background: #006;
  font-family: sans-serif;
  list-style-type: none;
  height: 1.25em;
  font-size: 125%;
  padding: 0.25em 0em .5em;
  margin-top: 0;
  border-width: 2px 2px;
  border-style: solid;
  border-color: #000000;
}

ul.nav li {
  display: inline;
  background: #000066;
}

ul.nav a {
  padding: .25em .75em .5em;
  font-weight: bold;
}

ul.nav a:link {color: #fff; background: #006; text-decoration: none;}
ul.nav a:visited {color: #fff; background: #006; text-decoration: none;}
ul.nav a:hover {color: #006; background: #fff; text-decoration: none;}
ul.nav a:active {color: #006; background: #fff; text-decoration: none;}

ul.navbot {
  background: #ccc;
  font-family: sans-serif;
  list-style-type: none;
  height: 1.25em;
  font-size: 95%;
  padding: 0.25em 0 0.5em;
  margin-top: 1em;
  border-width: 2px 0 2px 0;
  border-style: solid;
  border-color: #000;
  text-align: center;
  clear: both;
}

ul.navbot li {
  display: inline;
  padding: 0 2em;
}

ul.navbot a {
  padding: 0;
  font-weight: bold;
}

ul.navbot a:link {color: #006; background: #ccc; text-decoration: none;}
ul.navbot a:visited {color: #006; background: #ccc; text-decoration: none;}
ul.navbot a:hover {color: #006; background: #ccc; text-decoration: underline;}
ul.navbot a:active {color: #006; background: #ccc; text-decoration: underline;}

th {
  text-align: left;
  padding-left: 0.25em;
  padding-right: 0.25em;
}

th.countyrank {
  width:3em;
}

th.namedfor {
  width:20em;
}


th.countylocator {
  width:300px;
}

caption {
  text-align: left;
  font-weight: bold;
}


p {
  max-width: 640px;
}

p.first, p.middle, p.last, p.only {
  text-indent: 2em;
}

p.first, p.middle {
  margin-bottom: 0;
}

p.first, p.middle, p.last, p.only {
  margin-top: 0;
}


p.blockquote {
  margin-left: 3em;
  margin-right: 3em;
}

img {
  border: none;
}

img#mainlogo {
  width: 352px;
  height: 66px;
  margin-bottom: 2px;
}

img.thumbnail {
  border: solid 1px black;
  padding: 2px;
  width: 150px;
}

td {
  vertical-align: top;
  padding-left: 0.25em;
  padding-right: 0.25em;
}

td.r {
  text-align: right;
}

th.c {
  text-align: center;
}

td.thumbnail {
  vertical-align: bottom;
  width: 150px;
}

iframe#photoframe {
  margin: 0px;
  padding: 0px;
  width: 500px;
  height: 402px;
}

div#linkchain, div.markerinfo {
  margin-bottom: 1em;
}

table.markerstable td, table.noborder td {
  border: none;
}

td.markerinfo {
  width: 370px;
  max-width: 370px;
}

td.markerphotos {
  width: 560px;
  max-width: 560px;
}

td.markerphotos img {
}

td.markerphotos img.l {
}


hr.full {
 background-color: #c00;
 color: #c00;
 border-width: 0;
 height: 2px;
 width: 930px;
 text-align: center;
}

div.pagestop {
  border-style: none;
  background: #fff;
  width: 780px;
  height: 90px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-image: url('graphics/pagestop.gif');
  background-repeat: no-repeat;
  text-align: right;
  clear: both;
}

div.s728x90 {
  border-style: none;
  background: #fff;
  width: 728px;
  height: 90px;
  margin-top: 5px;
  margin-bottom: 15px;
}

span.s728 {
  border-style: none;
  background: #ccc;
  width: 728px;
  margin-top: 5px;
  margin-bottom: 5px;
}

div.r336 {
  float: right;
  margin-left: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  width: 350px;
}

div.standard {
  width: 640px;
}

div.list {
 line-height: 120%;
 width: 640px;
}

div.photo {
  float: right;
  margin-left: 1em;
  margin-top: 1em;
}

div.figure {
  display: inline-block;
  margin-bottom: 1.0em;
}

div.fwphoto {
  margin-top: 1em;
}


.citypop {
  font-size: 80%;
}

.tooltip {
  color: #06c;
  border-bottom: 1px dotted #06c;
  text-decoration: none;
  cursor: default;
}

.caption {
  font-family: "Times New Roman", Times, serif;
}

.credit {
  font-size: 80%;
  font-variant: small-caps;
  text-align: right;
}



div#infobox {
  float: right;
  border: 1px solid #000;
  margin-left: 1em;
  margin-bottom: 1em;
}

#infobox table {
  margin-left: auto;
  margin-right: auto;
}

#infobox td {
  border: none;
}

div#outline {
  float: right;
  border: 5px double #c00;
  padding: 0.25em;
  margin-top: 1em;
  margin-left: 1em;
  margin-bottom: 1em;
  background: #ffe;
  width: 30em;
}

div#aside {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
  padding: 0.25em;
  width: 23em;
}

div#asidebox {
  border: 5px double #006;
  margin-bottom: 1em;
  background: #ddf;
  padding: 0.25em;
  height: 25em;
  overflow-x: hidden;
  overflow-y: scroll;
}

#aside .feeditem {
  margin-bottom: 1em;
}

#aside .title {
  font-weight: bold;
  background: #fff;
}

#aside .description {
  text-indent: 2em;
  background: #fff;
}

#aside .pubdate {
  font-style: italic;
  text-align: right;
}


div.pullquote {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
  margin-top: 2em;
  width: 200px;
  background: #ddf;
  padding: 1.25em;
  font: italic bold 18px "Times New Roman", Georgia, Serif;
}

img.pagestop {
  width: 50px;
  height: 62px;
}

div#map-canvas {
  width: 800px;
  height: 600px;
}

div#map-canvas-tall {
  width: 800px;
  height: 200px;
}

div#statemap {
  border-style: none;
  position: relative;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}

div#statemapcallout {
  position: absolute;
  top: 45px;
  left: 415px;
  width: 345px;
  height: 60px;
}

div#statemapcallout div.countyname {
  color:#c00;
  font-weight: bold;
}

div#statemapcallout_500 {
  position: absolute;
  top: 45px;
  left: 715px;
  width: 345px;
  height: 60px;
}

div#statemapcallout_500 div.countyname {
  color:#c00;
  font-weight: bold;
}

span.label {
  color:#003;
  font-weight: bold;
}

td.label {
  color:#00c;
  font-weight: bold;
}

p.pubdate {
  font-style: italic;
  font-size: 80%;
}

div#statemapcallout div.info {
  font-size: 90%;
}


ul.notes {
  margin-top: 0;
  list-style: none;
  with: 640px;
}

ul.notes li {
  margin-bottom: 0;
  margin-left: 0em;
  text-indent: -3em;
  width: 640px;
}

table {
  border-collapse: collapse;
}

#legend {
  border: 1px solid black;
  width: 360px;
  display: block;
  font: 12px/18px Helvetica, Arial, sans-serif;   
  position: absolute;
  left: 0px;
  top: 540px;
}

#legend6, #legend7 {
  border: 1px solid black;
  width: 360px;
  display: block;
  font: 12px/18px Helvetica, Arial, sans-serif;   
  position: absolute;
  left: 0px;
  top: 530px;
}

#legend h4, #legend6 h4, #legend7 h4 {
  margin-top: 0;
  text-align: center;
}

#legend table, #legend6 table, #legend7 table {
 margin: 5px;
 width: 350px;
}


#legend tr, #legend6 tr {
  line-height: 15px;
}

#legend7 tr {
  line-height: 12px;
}

#legend tr.separator, #legend6 tr.separator, #legend7 tr.separator {
  line-height: 5px;
}

#legend td.count, #legend6 td.count, #legend7 td.count {
  text-align:right;
  padding-right: 5px;
  border: none;
}

#legend td.color, #legend6 td.color, #legend7 td.color{
  width: 30px;
  border: 1px solid black;
}

#legend td.label, #legend6 td.label, #legend7 td.label {
  padding-left: 5px;
  border: none;
}

#legend td.separator, #legend6 td.separator, #legend7 td.separator {
  border: none;
  height: 5px;
}


table#countiestable, table#markerstable {
  border: 1px solid black;
}

#statisticstable th {
  vertical-align: top;
}

#statisticstable td.smsa {
  width:10em;
}

#statisticstable td.name {
  width:8em;
}

#statisticstable td.population {
  width:6em;
  text-align: right;
}

#preferences table {
 margin-bottom: 1em;
}

#preferences tr {
 border: 1px solid black;
}

#preferences td {
  border: none;
}

#preferences h5 {
  margin-top: 0;
  font-weight: bold;
}

#countiestable tr, td, th {
  border: 1px solid black;
}

#locatortable tr:hover {
  color: #bb6666;
  font-weight: bold;
}

#locatortable tr.th:hover {
  color: #000000;
}

#locatortable tr td.map {
  display: none;
  position: absolute;
}

#locatortable tr:hover td.map {
  display:block;
  width: 300px;
  border-style: none;
}

#locatortable img {
  position: relative;
  border-color: #000;
  border-style: solid;
  top: -110px; 
}

#locatortable img.p5 {
  top: 0px; 
}

#locatortable img.p4 {
  top: -22px; 
}

#locatortable img.p3 {
  top: -44px; 
}

#locatortable img.p2 {
  top: -66px; 
}

#locatortable img.p1 {
  top: -88px; 
}

#locatortable img.m1 {
  top: -132px; 
}

#locatortable img.m2 {
  top: -154px; 
}

#locatortable img.m3 {
  top: -176px; 
}

#locatortable img.m4 {
  top: -198px; 
}

#locatortable img.m5 {
  top: -220px; 
}

#locatortable img.m6 {
  top: -242px; 
}

#locatortable img.m7 {
  top: -264px; 
}

#locatortable img.m8 {
  top: -286px; 
}

a.showLink, a.hideLink {
  text-decoration: none;
  color: #36f;
}
a.showLink {
  display: none;
}
a.showLink:hover, a.hideLink:hover {
  border-bottom: 1px #36f;
}

sup,sub {
 height: 0;
 line-height: 1; 
 vertical-align: baseline;
 _vertical-align: bottom;
 position: relative;
}

sup {
 bottom: 1ex;
}

sub {
 top: .5ex;
}

br.clearall {
 clear: all;
}