﻿body { padding-left: 10px; padding-right: 10px; margin: 0px; font-family: helvetica, arial, sans serif; background-color: #FFCC99; background-image: url('img/back2.gif'); background-repeat: repeat-y; background-position: 10px 120px; background-attachment: fixed; }

div#header { height: 70px; background-color: #FFCC99; background-image: url('img/lback.gif'); background-position: top left; background-repeat: no-repeat; padding: 10px; text-align: right; }

div#navbar { height: 30px; background-color: #990033; padding-left: 220px; padding-top: 10px; overflow: auto;}

div#content { padding-left: 260px; padding-bottom: 20px; font-family: times new roman; }

div#mission { background-color: #FFFFFF; background-image: url('img/missback.gif'); background-repeat: no-repeat; background-position: bottom center; font-size: smaller; color: #000000; font-family: helvetica; width: 170px; padding: 4px; height: 220px; margin-top: 20px; }

div#leftnav { position: absolute; left: 10px; top: 120px; width: 200px; padding-top: 35px; padding-left: 20px; background-color: #990033; }


div.topnav { display: inline; height: 20px; width: 100px; float: left; background-color: #CC0033; margin-right: 10px; margin-bottom: 5px; text-align: center; }

div.photo {width: 350px; text-align: center; }

div.event { background-color: #FCDFC3; padding: 5px; margin-bottom: 5px; }

div.news     { margin-right: 5px; margin-bottom: 5px; margin-top: 5px; padding: 5px; float: left; width: 350px; }
div.animal   { margin-left: 365px; margin-top: 5px; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; width: 340px;}
div.mainpage { margin-right: 5px; margin-bottom: 5px; margin-top: 5px; padding: 5px; float: left; width: 350px; }
div.gold     { background-color: #000000; position: absolute; left: 250px; margin-right: 5px; margin-bottom: 5px; margin-top: 5px; padding: 5px;  width: 400px; }
div.silver   { background-color: #000000; position: absolute; left: 670px; margin-right: 5px; margin-bottom: 5px; margin-top: 5px; padding: 5px;  width: 400px; }


div.animal img { padding-left: 25px; padding-right: 25px; } 


ul#leftnavl { padding: 0px; margin: 0px; }
ul#leftnavl li { padding-bottom: 15px; list-style-type: none; }
ul#subnav li { padding-bottom: 5px; list-style-type: disc; }
ul#sitemap li { padding-bottom: 5px; }
ul.subsite li { padding-bottom: 0px; }

p.caption { font-style: italic; display: inline; font-size: small; }
p.gold { text-align:center; color:gold; }
p.silver { text-align:center; color:silver; }

span#em { font-weight: bold; font-variant: small-caps; }
span#itl { font-style: italic; }
span.event { font-weight: bold; font-style: italic; }
span.itl { font-style: italic; font-size: small; }
span.em { font-weight: bold; }

a.toplink:link { color: #FFFFFF; text-decoration: none; font-weight: bold; }
a.toplink:visited { color: #CCCCCC; text-decoration: none; font-weight: bold; }
a.toplink:hover { color: #FFFFFF; text-decoration: none; font-weight: bold; }
a.toplink:active { color: #FFFFFF; text-decoration: none; font-weight: bold; }

a.leftlink:link { color: #FFFFFF; text-decoration: none; font-weight: bolder; }
a.leftlink:visited { color: #CCCCCC; text-decoration: none; font-weight: bolder; }
a.leftlink:hover { color: #FFFFFF; text-decoration: underline; font-weight: bolder; }
a.leftlink:active { color: #FFFFFF; text-decoration: underline; font-weight: bolder; }

a.subnav:link { color: #FFFFFF; font-style: italic; text-decoration: none; font-size: smaller;}
a.subnav:visited { color: #CCCCCC; font-style: italic; text-decoration: none; font-size: smaller;}
a.subnav:hover { color: #FFFFFF; text-decoration: underline; font-size: smaller; }
a.subnav:active { color: #FFFFFF; text-decoration: underline; font-size: smaller; }

a.bodylink:link { color: #990033; text-decoration: none; font-weight: bold; }
a.bodylink:visited { color: #CC3333; text-decoration: none; font-weight: bold; }
a.bodylink:hover { color: #CC3333; text-decoration: underline; font-weight: bold; }
a.bodylink:active { color: #CC3333; text-decoration: underline; font-weight: bold; }

div.news a:link { color: #990033; text-decoration: none; font-weight: bold; }
div.news a:visited { color: #CC3333; text-decoration: none; font-weight: bold; }
div.news a:hover { color: #CC3333; text-decoration: underline; font-weight: bold; }
div.news a:active { color: #CC3333; text-decoration: underline; font-weight: bold; }

ul.subsite a:link { color: #990033; text-decoration: none; }
ul.subsite a:visited { color: #CC3333; text-decoration: none; }
ul.subsite a:hover { color: #CC3333; text-decoration: underline; }
ul.subsite a:active { color: #CC3333; text-decoration: underline; }

img.headerpic { padding-top: 5px; display: inline; }



h1 { padding: 10px; font-family: book antiqua; }
h3 { display: inline; }
h3#invis { visibility: hidden; }
h4 { font-size: larger; color: #FF0000; display: inline; }
h5 { display: inline; font-family: helvetica, arial, sans serif; font-size: 12pt; text-align: center; }


