/* -- body -------------------------------------------------------------------------------------------------- */

body
 {margin: 0;  padding: 0 5% 0 0;
  background: #867e73 url(images/sky011.jpg) fixed top left no-repeat;
  font-family: Verdana, Geneva, sans-serif;  font-size: small;  font-style: normal;  font-weight: normal;
  text-align: left;  color: black}


/* -- defaults/misc ----------------------------------------------------------------------------------------- */

a:link, a:visited
 {text-decoration: none;  font-weight: bold;  color: #184569}

a:hover
 {text-decoration: none;  font-weight: bold;  color: #CC0033}

a[href^="email.htm"], a[href^="javascript:popupMail"], a[href^="error-email.htm"]  /* display 'envelope' icon for email links */
 {background: transparent url(images/letter.png) top right no-repeat;  padding-right: 15px}

a[href^="http"]  /* display 'new window' icon for external links */
 {background: transparent url(images/external.png) top right no-repeat;  padding-right: 12px}

p
 {padding: 0;  border: none;  margin: 0.75em 0 0.75em 0;  text-align: justify;  line-height: 1.25}

p.notes
 {font-size: 0.8em}

span.label  /* heading at start of text line */
 {color: #CC0033; font-weight: bold}

span.latin, span.subspecies  /* italic font for scientific names/subspecies */
 {font-style: italic}

img
 {border: none}
 
em
 {font-weight: bold;  font-style: normal}

div.spacer
 {clear: both;  line-height: 1px;  margin: 0;  border: none;  padding: 0}

div.plain
 {background-color: white;  padding: 1em 2em 1em 2em}

h1
 {margin: 0 0 25px 0;  border: none;  padding: 30px 0 0 110px;  min-height: 80px;
  background: transparent url(images/heading-logo.png) top left no-repeat;
  font-size: 3em;  font-weight: normal;  font-family: Georgia, Verdana, Geneva, sans-serif;
  line-height: 1.1;  letter-spacing: 0.1em;  color: #CC0033}

* html h1
 {background-image: url(images/heading-logo.jpg);  /* IE6 doesn't support PNG images */
  height: 110px}  /* IE6 doesn't support min-height */

h1 span  /* sub-heading */
 {display: block;  margin: 0;  padding: 0;
  font-size: 0.5em;  letter-spacing: 6px}

h2
 {margin: 2em 0 0.5em 0;  border: none;  padding: 0;
  font-size: 1.75em;  font-weight: bold;  font-family: Georgia, Verdana, Geneva, sans-serif;  color: #226193}

h2.top
 {margin-top: 0}

h3
 {margin: 2em 0 1em 0;  border: none;  padding: 0;
  font-size: 1.25em;  font-weight: bold;  font-family: Georgia, Verdana, Geneva, sans-serif;  color: black}

span.emh
 {display: none}

span.ems
 {display: inline}

ol
 {list-style-type: decimal}

ol ol
 {list-style-type: lower-roman}


/* -- general content --------------------------------------------------------------------------------------- */

div.content-region  /* whole page except for navig column */
 {margin: 50px 0 50px 240px;  padding: 0;  border: none;  min-width: 500px;
  background-color: transparent}

div.main-content  /* outlined area */
 {margin: 0;  padding: 1.5em 5% 2em 5%;  border: solid #888888 1px;  min-height: 500px;
  background: #cecac7 url(images/sky011b.jpg) fixed top left no-repeat}

* html div.main-content
 {height: 500px}  /* IE6 doesn't support min-height */

div.right-pic
 {float: right;  margin: 0 0 1px 20px;  padding: 0;  border: none}

div.lowerright-pic
 {float: right;  clear: right;  margin: 5px 0 1px 20px;  padding: 0;  border: none}

div.left-col  /* left half of main-content */
 {float: left;  margin: 0;  padding: 0;  border: none;  width: 55%}

div.right-col  /* right half of main-content */
 {float: right;  margin: 0;  padding: 0;  border: none;  width: 39%}


/* -- footer ------------------------------------------------------------------------------------------------ */

div.footer  /* footnote below main-content */
 {margin: 10px;  padding: 0;
  text-align: center;
  background-color: transparent;  border: none}

div.footer p
 {margin: 2px 0 2px 0;  border: none;  padding: 0;  text-align: center;
  font-size: 0.75em;  font-weight: normal;  font-family: Georgia, Verdana, Geneva, sans-serif;  color: black}


/* -- navig region -------------------------------------------------------------------------------------------- */

div.navig-region  /* links on left of page */
 {margin: 325px 0 0 10px;  padding: 0;  border: none;  width: 220px;
  position: absolute;  top: 0;  left: 0;
  font-size: medium;  font-weight: bold;  text-align: right;  color: white;
  background-color: transparent}

* html div.navig-region
 {height: 1%}  /* bug fix for IE6 */

div.navig-region a:link, div.navig-region a:visited
 {font-weight: bold;  color: white}

div.navig-region a:hover
 {font-weight: bold;  color: #CC0033}

div.navig-region ul
 {margin: 0 0 2em 0;  padding: 0;  list-style-type: none}

div.navig-region ul li
 {line-height: 1.01;  margin-bottom: 0.3em}


/* -- featured bird ----------------------------------------------------------------------------------------- */

#d1, #d2  /* two overlapping 'slices' */
 {margin: 0;  padding: 0;  border: solid #888888 1px;
  position: absolute;  top: 10px;  left: 10px;
  background: #202427 url(images/ringed-plover.jpg) top left no-repeat}

#d1  /* top slice */
 {border-bottom: none;  width: 300px;  height: 39px}

#d2  /* left-hand slice */
 {border-right: none;  width: 229px;  height: 300px;}

#d2:hover
 {background-image: url(images/ringed-plover-credit.jpg)}

/* -- 'spare' divs ------------------------------------------------------------------------------------------ */

#d3, #d4, #d5
 {display: none}

/* -- stuff from old stylesheet ----------------------------------------------------------------------------- */

UL.nospace
{margin-top: 0}

TABLE.boxed
{border: thin solid rgb(120,180,255)}

TABLE.invisible
{border-style: none; width: 100%}

TABLE.phototable
{border-style: none}

.heading1
{font-size: 160%; color: blue; font-weight: normal}