body { font-family: Arial, Verdana, Helvetica, sans-serif; background-color:#f1f1f1; width: 975px; height: 566px; margin: 0 auto; padding: 0; }
#wrapper{ background-image: url(images/main-bg.png); background-repeat: no-repeat; width: 975px; height: 566px; overflow: hidden; margin-top: 75px; }
#loading{ text-align: center; visibility: hidden; }  
#splash { width: 508px; height: 425px; margin-right: auto; margin-bottom: 13px; margin-left: auto; padding-top: 26px; }
#splash .info{ color: #e1e1e1; font-size: small; width: 508px; height: 230px; }
#splash .nav { background-image: url(images/nav.jpg); background-repeat: repeat; width: 508px; height: 99px; }
#countyb { width: 185px; float: left; margin-right: 98px; }
#countyb a { color: #e2e2e2; font-size: 18px; line-height: 105px; text-decoration: none; width: auto; margin-left: 40px; cursor: pointer; }
#countyb a:hover { color: #80afce; font-size: 18px; text-decoration: none; }
#specieso a { color: #e2e2e2; font-size: 18px; line-height: 105px; text-decoration: none; width: auto; margin-left: 40px; cursor: pointer; }
#specieso a:hover { color: #e78826; font-size: 18px; text-decoration: none; }
#backyard { background-image: url(images/byimg.jpg); background-repeat: no-repeat; width: 495px; height: 102px; }
#top { width: 945px; float: left; margin-top: 14px; margin-left: 13px; }
#main { width: 945px; height: 468px; }
#nav { background-image: url(images/navs.jpg); background-repeat: repeat; width: 307px; height: 60px; float: left; margin-left: 12px; }
.c1 { margin-right: 57px; }
#countyb2 { float: left; margin-right: 57px; }
#countyb2 a { color: #e2e2e2; font-size: 11px; line-height: 65px; text-decoration: none; float: left; margin-left: 23px; cursor: pointer; }
#countyb2 a:hover { color: #80afce; font-size: 11px; text-decoration: none; }
#specieso2 a { color: #e2e2e2; font-size: 11px; line-height: 65px; text-decoration: none; float: left; margin-left: 23px; cursor: pointer; }
#specieso2 a:hover { color: #e78826; font-size: 11px;  text-decoration: none; }
#head { background-image: url(images/headb.gif); background-repeat: no-repeat; width: 494px; height: 54px; float: right; margin-top: 5px; margin-right: 9px; }
#head .key { background-image: url(images/key.gif); width: 105px; height: 37px; float: left; margin-top: 8px; margin-left: 10px; }
#head .key2 { background-image: url(images/key2.gif); width: 106px; height: 47px; float: left; margin-top: 4px; margin-left: 10px; }
#head .title { color: #80afce; font-size: 22px; line-height: 54px; float: right; margin-right: 13px; }
#head .title2 { color: #e78826; font-size: 22px; line-height: 54px; float: right; margin-right: 13px; }

#middle { color: #e1e1e1; font-size: small; width: 945px; height: 365px; float: left; margin-top: 25px; margin-left: 15px; padding-left: 18px; }
#map { background-repeat: no-repeat; width: 492px; height: 292px; float: left; margin-top: 25px; }
#list { width: 435px; height: 300px; float: left; margin-left: 10px; }
a.highlight {color: #80afce;}
#list .title{ color: #80afce; font-size: large; margin-bottom: 10px; }
#list ul{ width: 435px; height: 300px; margin: 5px 0 0; padding: 0; list-style-type: none; }
#list il{ font-size: 12px; display: inline; }
#list a{ color: #e1e1e1; font-size: 12px; text-decoration: none; width: 140px; float: left; cursor: pointer; }
#list a:hover{ color: #80afce; text-decoration: none; }
#middle .species { color: #e1e1e1; font-size: 12px; height: 340px; float: left; white-space: nowrap; }
.col1 { width: 210px; margin-right: 13px; }
.col2 { width: 154px; margin-right: 13px; }
.col3 { width: 178px; margin-right: 13px; }
.col4 { width: 172px; margin-right: 13px; }
.col5 { width: 142px; }
.col6 { width: 142px; }
#middle .title{ color: #80afce; font-size: large; margin-bottom: 3px; }

.splist{ margin-bottom: 1px; }
.ver { float: left; margin-top: 2px; border-width: 0; }
.sp{ float: left; }
.splist a{ color: #e1e1e1; text-decoration: none; cursor: pointer; }
.splist a:hover{ color: #80afce; text-decoration: none; }
.count{ color: #e1e1e1; width: 300px; float: left; clear: left; margin-top: 10px; margin-left: 5px; }
.count span{ color: #80afce; font-weight: bold; }
.space{ height: 39px; float: left; clear: left; margin-top: 10px; }
.count{ width: 300px; float: left; clear: left; margin-top: 10px; margin-left: 5px; }
.idurl{ line-height: 23px; width: 450px; height: 23px; float: left; clear: left; margin-top: 26px; margin-left: 5px; }
.idurl a{ color: #80afce; font-size: small; line-height: 23px; text-decoration: none; float: left; cursor: pointer; }
.idurl a:hover{color: #e1e1e1; }
.idurl img { float: left; margin-right: 10px; border-width: 0; }
#backnav{ width: 300px; float: left; clear: left; margin-top: 35px; margin-left: 25px; }
#backnav a{ color: #454545; font-size: x-large; text-decoration: none; cursor: pointer; }
#backnav a:hover{ color: #6a6a6a; }
#paherp{ background-image: url(images/paherp.gif); background-repeat: no-repeat; width: 180px; height: 25px; float: right; margin-top: 35px; margin-right: 25px; }