body
{
  margin-top: 10px;
  background-color: black;
  font-family: arial, helvetica, sans-serif;
  color: white;
}

p, td, li, div
{
  font-size: 10pt;
}

p
{
  margin-top: 0;
  margin-bottom: 15px;
}

p a:link    { color: white; text-decoration: underline }
p a:visited { color: white; text-decoration: underline }
p a:hover   { color: red; text-decoration: underline }
p a:active  { color: white; text-decoration: underline }

td a:link    { color: white; text-decoration: underline }
td a:visited { color: white; text-decoration: underline }
td a:hover   { color: red; text-decoration: underline }
td a:active  { color: white; text-decoration: underline }

li a:link    { color: white; text-decoration: underline }
li a:visited { color: white; text-decoration: underline }
li a:hover   { color: red; text-decoration: underline }
li a:active  { color: white; text-decoration: underline }

div a:link    { color: white; text-decoration: underline }
div a:visited { color: white; text-decoration: underline }
div a:hover   { color: red; text-decoration: underline }
div a:active  { color: white; text-decoration: underline }

img
{
  border: 0;
  vertical-align: top;
}

#main-menu
{
  position: fixed;
  float: left;
  width: 13.35%;
  left: 1.1%;
}

#main-menu img
{
  margin-bottom: 5px;
}

#main-menu .option
{
  font-size: 12pt;
  font-weight: bold;
  padding-bottom: 3px;
  padding-top: 3px;
  padding-right: 3px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom: red 1px solid;
  width: 100%;
}

#main-menu .option a:link    { color: white; text-decoration: none }
#main-menu .option a:visited { color: white; text-decoration: none }
#main-menu .option a:hover   { color: red; text-decoration: none }
#main-menu .option a:active  { color: white; text-decoration: none }

div.menu
{
  z-index: 2;
}

div.submenu
{
  position: absolute;
  visibility: hidden;
  z-index: 3;
}

#main-menu div.submenu
{
  margin: 0;
  background-color: black;
  border: 1px red solid;
  padding: 0;
}

#main-menu div.submenu div.option /* need the #main-menu to override */
{                                 /* the #main-menu styling above    */
  border: 0;
}

div.sitemeter
{
  margin-top: 15px;
  width: 80%;
  text-align: center;
}

div.sitemeter p
{
  margin-top: 0;
  margin-bottom: 0;
  font-size: 7.15pt;
  text-align: center;
}

#main-content
{
  position: absolute;
  left: 17.38%;
  padding-bottom: 20pt;
  width: 80.62%;
  overflow: auto;
  z-index: 1;
}

div.fixed-content h1
{
  margin-top: 10px;
  font-size: 18pt;
  margin-bottom: 10pt;
}

div.fixed-content h2
{
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 10pt;
}

div.fixed-content h3
{
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 0;
}

div.consumable-content h1
{
  margin-top: 10px;
  font-size: 18pt;
  margin-bottom: 10pt;
}

div.consumable-content h2
{
  border-bottom: 1px solid red;
  font-size: 10pt;
  font-weight: bold;
  margin-top: 10pt;
  margin-bottom: 10pt;
}

div.short-items h2
{
  margin-bottom: 2pt;
}

div.medium-items h2
{
  margin-bottom: 2pt;
}

div.consumable-content h2 span.sep1
{
  margin-left: 4px;
  margin-right: 4px;
}

div.consumable-content h2 span.details
{
  font-size: 7.15pt;
}

div.consumable-content h2 a:link    { color: white; text-decoration: none }
div.consumable-content h2 a:visited { color: white; text-decoration: none }
div.consumable-content h2 a:hover   { color: red; text-decoration: none }
div.consumable-content h2 a:active  { color: white; text-decoration: none }

div.consumable-content h3
{
  font-size: 10pt;
  font-weight: normal;
  text-decoration: underline;
  margin-bottom: 10pt;
}

h4
{
/*
  font-size: 10pt;
  font-weight: normal;
  text-decoration: underline;
  margin-bottom: 10pt;
*/
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 0;
}

p.image-credit
{
  text-align: right;
  vertical-align: top;
  margin-top: 0px;
  border-top: 0px;
  padding-top: 0px;
  font-size: 7.15pt;
  font-style: italic;
  margin-bottom: 0px;
}

table
{
  border-collapse: collapse;
}

table td
{
  vertical-align: top;
}

table.address-and-phone-numbers
{
  border-collapse: collapse;
}

table.address-and-phone-numbers th
{
  text-align: left;
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 40px;
  padding-bottom: 10px;
}

table.address-and-phone-numbers tr td
{
  padding-right: 40px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}

table.phone-numbers
{
  border-collapse: collapse;
  margin-bottom: 5px;
}

table.phone-numbers tr td
{
  padding-right: 4px;
}

table.untitled
{
  margin-bottom: 10pt;
}

div.quoted
{
  margin-left: 20px;
  margin-right: 20px;
}

div.quoted h1
{
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 10pt;
}

div.quoted h2
{
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 10pt;
  border-bottom: 0;
}

table.untitled td
{
  padding-right: 1em;
}

table.key td
{
  padding-bottom: 4px;
}

td.cat1
{
  color: red;
  font-weight: bold;
}

div.thumbnails img
{
  margin-bottom: 5px;
}

div.gallery
{
  margin-top: 15px;
  margin-bottom: 30px;
}

div.gallery>div
{
  float: left;
  text-align: center;
  margin-right: 4px;
  margin-bottom: 4px;
}

div.gallery div.clear
{
  float: none;
  clear: both;
  height: 0;
}

div.lek-issues>div
{
  width: 10em;
  margin-right: 1em;
}

div.birds-in-durham-issues>div
{
  height: 165px;
  width: 85px;
  margin-right: 1em;
}

div.sightings>div
{
  height: 120px;
  width: 100px;
  margin-right: 1em;
  font-size: 12pt;
  font-weight: bold;
}

div.sightings a:link    { color: white; text-decoration: none }
div.sightings a:visited { color: white; text-decoration: none }
div.sightings a:hover   { color: red; text-decoration: none }
div.sightings a:active  { color: white; text-decoration: none }

div.siteguides>div
{
  height: 120px;
  width: 115px;
  margin-right: 1em;
  font-size: 12pt;
  font-weight: bold;
}

div.siteguides a:link    { color: white; text-decoration: none }
div.siteguides a:visited { color: white; text-decoration: none }
div.siteguides a:hover   { color: red; text-decoration: none }
div.siteguides a:active  { color: white; text-decoration: none }

span.price
{
  font-weight: bold;
  color: red;
}

div.shop div
{
  width: 15em;
  margin-right: 1em;
}

table.calendar td
{
  padding-bottom: 10px;
}

table.membership-rates td
{
  font-weight: bold;
}

div.species-title
{
  font-size: 10pt;
  font-weight: bold;
}

.sci
{
  font-style: italic;
}

table.sightings
{
  margin-left: 1px; /* needed for Firefox for some reason! */
}

table.sightings th
{
  background-color: #606060;
  border: 1px white solid;
  text-align: left;
  font-size: 10pt;
  font-weight: bold;
}

table.sightings td
{
  border: 1px white solid;
}

div.float-right
{
  float: right;
  margin-left: 1em;
  margin-bottom: 8pt;
}

div.float-right div
{
  width: 100%;
  text-align: center;
  margin-bottom: 4px;
}

div.gallery-link
{
  display: inline;
  font-weight: bold;
  margin-right: 2em;
}

div.prev
{
  text-align: left;
}

div.next
{
  text-align: right;
}

div.top
{
  text-align: center;
}

div.gallery-link a:link    { color: white; text-decoration: none; }
div.gallery-link a:visited { color: white; text-decoration: none; }
div.gallery-link a:hover   { color: red; text-decoration: none; }
div.gallery-link a:active  { color: white; text-decoration: none; }

table.article
{
  margin-bottom: 10pt;
  width: 100%;
}

table.article td.link
{
  width: 45px;
  padding-right: 5px;
}

div.caption
{
  margin-left: 12px;
  text-align: center;
  font-size: 8pt;
  font-weight: bold;
}

table.article a:link    { color: white; text-decoration: none; }
table.article a:visited { color: white; text-decoration: none; }
table.article a:hover   { color: red; text-decoration: none; }
table.article a:active  { color: white; text-decoration: none; }

table.article td h2
{
  margin-top: 4pt;
  border-top: 1px #888 solid;
  border-bottom: 1px #888 solid;
}

table.article td h2 span.sep1
{
  display: none;
}

table.article td h2 span.details
{
  display: block;
  font-size: 8pt;
  font-weight: normal;
}

table.links
{
}

td.link-category-name
{
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  padding-right: 10px;
  padding-bottom: 4px;
}

td.link-name
{
  padding-right: 10px;
  padding-bottom: 4px;
}

table.downloads
{
  width: 100%;
}

td.dl-button
{
  width: 34px;
  text-align: center;
  vertical-align: middle;
  padding-right: 10px;
  padding-bottom: 8px;
}

td.dl-descrip
{
  vertical-align: middle;
  padding-bottom: 8px;
}

td.tick
{
  font-family: wingdings;
}

p.footnote
{
  font-size: 7.15pt;
}

/* Extra style specification for old HTML */

.old-html
{
  font-size: 10pt;
}

.old-html a:link    { color: white; text-decoration: underline }
.old-html a:visited { color: white; text-decoration: underline }
.old-html a:hover   { color: red; text-decoration: underline }
.old-html a:active  { color: white; text-decoration: underline }

.old-html h3
{
  text-decoration: none;
}

.old-html tr
{
  margin-top: 0px;
}

.old-html td
{
  margin-top: 0px;
  font-size: 10pt;
  margin-bottom: 15px;
}

.old-html td h3
{
  text-decoration: none;
}

.old-html td a:link    { color: white; text-decoration: none }
.old-html td a:visited { color: white; text-decoration: none }
.old-html td a:hover   { color: red; text-decoration: none }
.old-html td a:active  { color: white; text-decoration: none }

.old-html td a.ull:link    { color: white; text-decoration: underline }
.old-html td a.ull:visited { color: white; text-decoration: underline }
.old-html td a.ull:hover   { color: red; text-decoration: underline }
.old-html td a.ull:active  { color: white; text-decoration: underline }