body { margin: 0; padding: 0; background: #999; color: #333; font-family: helvetica, arial, sans-serif; font-size: 62.5%; /* Resets 1em to 10px */ }


#container { margin: 0 auto; padding: 0; width: 800px; background: #FFF; }


#header { padding: 20px 20px 20px 20px; background: #6A3329; color: #FFF;  }

#header h1 { font-size: 40px; margin: 0 0 0px 0; }

#header h1 a { color: #FFF; text-decoration: none; }

#header h1 a:hover { color: #FFF; text-decoration: underline; }

#header a { color: #FFF; }

#header h3 { margin-top: 0; /*letter-spacing: 1px;*/ font-weight: normal; }

#header h3 a { text-decoration: none; }

#header h3 a:hover { text-decoration: underline; }


#logo { float: right; margin: -17px -2px 0 0; }


#nav { width: 800px; padding: 0; margin: 0; background: #6A3329; font-size: 14.5px; text-align: left; font-weight: normal; }

#nav ul { margin: 0 0 0 20px; padding: 0; list-style: none; padding: 0px 0 15px 0; }

#nav li { display: inline; margin: 0; pading: 0; }

#nav li a { color: #FFF; text-decoration: none; padding: 0px 8px 15px 0px; margin: 0; }

#nav li a:hover { text-decoration: underline; }


#slideshow { margin: 0 -20px -20px -20px; padding: 0;  }


#headernav { color: #FFF; }

#headernav a { color: #FFF; font-size: 1.0em; text-decoration: none; }

#headernav a:hover { text-decoration: underline; }



#topnav { border: 1px solid #999; padding: 10px; background: #EEE; font-size: 1.0em; text-align: center; }

#topnav ul { margin: 0; padding: 0; }

#topnav li { margin: 0; padding: 1px 0 1px 0; list-style: none; display: inline; }

#topnav ul li ul { margin: 0 0 0 10px; padding: 0; }

#topnav a { color: #6A3329; text-decoration: none; border-right: 1px solid #6A3329; padding: 0 5px 0 1px; }

#topnav a.last { border-right: 0px solid #6A3329; }

#topnav a:hover { text-decoration: underline; }



#main { padding: 0px 20px 20px 20px; background: #FFF; color: #333; font-size: 14px; line-height: 19px; }

#main h2 { color: #6A3329; }

#main h3 { color: #6A3329; }

#main a { color: #6A3329; }


table.photographic img { border: 0; }


#box { border: 2px solid #105a9d; padding: 10px; }

#box h3 { font-size: 1.3em; margin: -10px -10px 10px -10px; padding: 10px; color: #FFF; background: #105a9d; }

#box a { color: #002A51; }



#imageright { width: 300px; float: right; margin: 0 0 0 15px; font-size: 0.9em; }

#photocredit { height: 20px; margin: -23px 0 0 0; padding: 1px 5px 0 0; background: #63773A; color: #FFF; font-size: 0.9em; text-align: right; }

#imagecaption { padding: 7px 9px 7px 9px; margin: 0 0 20px 0; background: #64773A; color: #FFF; }

  
.distributionmap { background: #999; font: normal 12px Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 10px 0 10px 0; }

td.species:hover { background: #FFF; }

.distributionmap tr:hover { background: #ACF; }

.distributionmap tr { background: #FFF; }

.species { font-size: 12px; font-style: italic; }

.speciespresent { font-size: 13px; font-weight: bold; }

.tablehint { font: normal 11px verdana, arial, sans-serif; text-align: center; }


.hidden { display: none; }

.popup { display: block; }


#clearboth { clear: both; }


#footer { background: #6A3329; color: #FFF; padding: 20px; text-align: center; font-size: 12px; }

#footer a { color: #FFF; text-decoration: none; padding: 0 1px 0 1px; }

#footer a:hover { color: #FFF;  text-decoration: underline; }