body             { background-color: black; margin: 0px; }  

/* COMMON STYLES */
p                     { color: white; font: bold 13px verdana, arial, sans-serif; text-align: center; }
td                    { color: white; font: bold 13px verdana, arial, sans-serif; text-align: left; }
p.whitetitle          { color: white; font: bold 18px verdana, arial, sans-serif; text-align: center; margin-top: 10px; }
p.bluetitle           { color: #6699ff; font: bold 18px verdana, arial, sans-serif; text-align: center; margin-top: 10px; }
.pagenote             { color: white; font: bold 10px verdana, arial, sans-serif; text-align: center; }
p.pagenotegray        { color: #cccccc; font: bold 12px verdana, arial, sans-serif; text-align: center; }
p.backspacekey        { color: #ffcc00; font: bold 10px verdana, arial, sans-serif; text-align: center; }
p.navtitle            { color: white; font: bold 12px verdana, arial, sans-serif; text-align: left; }
p.copyright           { color: #ff0000; font: bold 11px verdana, arial, sans-serif; text-align: center; }
span.whitetitlenote   { color: white; font: bold 12px verdana, arial, sans-serif; }
span.yellowtitlenote  { color: #ffcc00; font: bold 12px verdana, arial, sans-serif; }
span.updated          { color: white; font: bold 11px verdana, arial, sans-serif; }

/* HEADER.INC STYLES */
div#header            { position: absolute; top: 0px; left: 0px; width: 100%; }
td.logo               { text-align: left; } 
td.browser            { color: black; text-align: center; font: normal 10px arial, sans-serif; }
td.emailme a:link, td.emailme a:visited  { color: #ffcc99; font: bold 11px verdana, arial, sans-serif; text-decoration: none; text-align: center; }
td.emailme a:hover    { color: white; font: bold 11px verdana, arial, sans-serif; background-color: black; }
td.headlinks a:link, td.headlinks a:visited   { color: white; font: bold 11px verdana, arial, sans-serif; text-decoration: none; }
td.headlinks a:hover  { color: white; font: bold 11px verdana, arial, sans-serif; background-color: black; }
td.headlinks a:active { color: white; font: bold 11px verdana, arial, sans-serif; }

/* PAGES WITHOUT NAVIGATION */
div#container         { position: absolute; top: 52px; left: 0px; width: 100%; height: 88%; } 

/* PAGES WITH RIGHT-SIDE MAIN CONTENT */
div#rightcontent      { position: absolute;	top: 52px; left: 155px; height: 88%; overflow: hidden;	}
iframe                { width: 100%; height: 100%; }

/* PAGES WITH LEFT-SIDE NAVIGATION */
div#leftnav           { position: absolute; top: 52px; left: 0px; width: 150px; height: 88%; overflow-y: auto; }
div#listtitlebox      { color: #f9bc48; font: bold 15px verdana, arial, sans-serif; text-align: left; }
div#listtitlebox a:link, div#listtitlebox a:visited  { color: #996; text-decoration: none; }
div#listtitlebox a:hover, div#listtitlebox a:hover   { color: #dfaf6f; }
div#listtitlebox a.pg:link, div#listtitlebox a.pg:visited   { background-color: #7b4565; text-decoration: none; }
div#listtitlebox a.pg:hover, div#listtitlebox a.pg:active   { color: #800080; background-color: #ccc; }
p.navitem, p.navblock { margin: 4px; margin-top: 0px; text-align: left; }      
p.navitem a:link, p.navitem a:visited { color: #999999; font: bold 10px verdana, arial, sans-serif; text-decoration: none; }
p.navitem a:hover, p.navitem a:active { color: #dfaf6f; font: bold 10px verdana, arial, sans-serif; text-decoration: underline; }
p.navblock a:link, p.navblock a:visited, p.navblock a:hover, p.navblock a:active { color: white; text-align: left; }

/* STYLES FOR WILDFLOWERS AND BUTTERFLY THUMBNAILS */
td.descript, td.descript2  { color: white; font: normal 13px "times new roman"; text-align: center; vertical-align: top; }
td.descript img            { border: none; margin-top: 3px; }

/* STYLES FOR FIELDSCAPE AND WATERFALL THUMBNAILS */
td.fs           { text-align: center; vertical-align: bottom; padding: 5px 0px 15px; 
                  color: white; font: bold 12px verdana, arial, sans-serif; }
td.fs image     { margin-bottom: 8px; }
td.fs a:link    { color: #99ccff; font: normal 13px arial; text-decoration: underline; }
td.fs a:visited { color: #99ccff; font: normal 13px arial; text-decoration: underline; }
td.fs a:hover   { color: #ffcc00; font: normal 13px arial; text-decoration: underline; }

/* DEFAULT STYLE FOR LINKS */
p.forlinks         { color: white; font: bold 13px verdana, arial, sans-serif; text-align: center; }
a:link, a:visited  { color: #999999; font: bold 13px verdana, arial, sans-serif; text-decoration: underline; }
a:hover, a:active  { color: #ffcc00; font: bold 13px verdana, arial, sans-serif; text-decoration: underline; }