<style type="text/css">


html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, 
a {margin: 0; padding: 0; border: 0;} 

@viewport, @-ms-viewport
{zoom: 1.0;
width: extend-to-zoom}

img {max-width: 100%; height: auto;}


/*Code for link attributes*/

a:link 
{text-decoration: none;
background: rgb(145,186,246);
padding: 8px;
border-radius: 10px;
font-weight: bold;
font-style: normal;
font-variant: small-caps;
font-size: 1.15em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(9,46,67);}

a:visited 
{text-decoration: none;
background: rgb(145,186,246);
padding: 8px;
border-radius: 10px;
font-weight: bold;
font-style: normal;
font-variant: small-caps;
font-size: 1.15em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(35,26,101);}

a:hover 
{text-decoration: none;
background: rgb(166,209,209);
padding: 8px;
border: 1px solid rgb(84,130,179);
border-radius: 10px;
font-weight: bold;
font-style: normal;
font-variant: small-caps;
font-size: 1.15em;
font-family: "Book Antiqua", "Times Roman", serif;
color:rgb(63,44,155);}

a:active 
{text-decoration: none;
background: rgb(160,235,246);
padding: 8px;
border-radius: 10px;
font-weight: bold;
font-style: normal;
font-variant: small-caps;
font-size: 1.15em;
font-family: "Book Antiqua", "Times Roman", serif;
color:rgb(19,76,92);}







/*Code for text attributes*/


h1 {font-weight: bold;
font-style: normal;
font-size: 1.5em;
font-family: georgia, serif;
color: rgb(162,239,190);
padding-top: 20px;
text-align: center;}


h2 {font-weight: bold;
font-style: italic;
font-size: 1.3em;
font-family: georgia, serif;
color: rgb(162,239,190);
line-height: 1.5em;
text-align: center;}


h3 {font-weight: bold;
font-style: normal;
font-size: 1.25em;
font-family: georgia, serif;
color: rgb(174,220,190);
padding-top: 20px;
line-height: 1.5em;
text-align: center;}


h4 {font-weight: normal;
font-style: italic;
font-size: 1.05em;
font-family: georgia, serif;
color: rgb(162,239,190);
line-height: 1.25em;
text-align: center;}



blockquote
{background: rgb(42,38,94);
padding: 20px;}




.bold
{font-weight: bold;
font-style: normal;
font-size: 1.05em;}


.boldsm
{font-weight: bold;
font-style: normal;
font-size: .90em;}


.boldit
{font-weight: bold;
font-style: italic;
font-size: .95em;
line-height: 2em;}

.italic
{font-weight: normal;
font-style: italic;
font-size: 1em;}


.small
{font-weight: normal;
font-size: .85em;
font-family: tahoma, helvetica, sans-serif;}


.smallit
{font-weight: normal;
font-size: .85em;
font-style: italic;}

.prpsmit
{background: rgb(122,156,255);
font-weight: bold;
font-size: .65em;
font-style: italic;
color: rgb(50,17,76);}





/*Code for photo attributes*/


.photo1
{padding: 30px;
border: none;
float: left;}


.photo2
{padding: 50px;
border: none;
float: right;}


div.critterphotocap
{background: rgb(0,0,32);
padding: 20px;
border: none;
border-radius: 10px;
text-align: center;}

div.critterphotocap p
{font-size: .95em;
font-style: italic;
font-family: "Times Roman", serif;
color: rgb(187,207,246);
text-align: center;}




div.birdphotocap
{padding: 20px;
border: none;
border-radius: 10px;
text-align: left;}

div.birdphotocap p
{font-size: .95em;
font-style: normal;
font-family: arial, helvetica, sans-serif;
text-align: left;}



/*Navigation Bar*/


/*Dropdown Button*/
.dropbtn 
{width: 250px;
background-color: rgb(166,209,209);
color: rgb(0,0,0);
padding: 20px;
font-size: 1em;
border: none;
cursor: pointer;}


/*The container <div> - needed to position the dropdown content*/
.dropdown
{position: relative;
float: left;}


/*Dropdown Content (Hidden by Default)*/
.dropdown-content 
{display: none;
position: absolute;
background-color: rgb(133,198,212);
font-family: verdana, helvetica, sans-serif;
font-size: 1em;
line-height: 1em;
color: rgb(0,0,0);
min-width: 250px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;}


/*Links inside the dropdown*/
.dropdown-content a 
{color: rgb(24,17,70);
padding: 12px 16px;
text-decoration: none;
display: block;}


/*Change color of dropdown links on hover*/

.dropdown-content a:hover 
{background-color: rgb(176,229,254);}

.dropdown-content a:active
{background: rgb(151,204,247);}


/*Show the dropdown menu on hover*/
.dropdown:hover .dropdown-content 
{display: block;}



/*Change the background color of the dropdown button when the dropdown content is shown*/
.dropdown:hover .dropbtn 
{background-color: rgb(153,205,203);}



#navspace
{width: 100%;
height: auto;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
clear: left;}




/*Critters, Bugs, and Stuff - Index*/

#critterscontents
{width: 95%;
height: auto;
background: rgb(53,102,169);
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
border: 1px solid rgb(94,121,210);
position: relative;
text-align: center;}


#critterstitle
{width: 75%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(187,207,246);
padding: 50px;
border: 5px solid rgb(94,121,210);
border-radius: 10px;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 2.25em;
line-height: 2em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(23,23,126);
text-align: center;}


#crittersmain1
{width: 70%;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(187,207,246);
padding: 100px;
border: 1px solid rgb(152,242,224);
font-weight: normal;
font-style: normal;
font-size: 1.5em;
line-height: 1.75em;
font-family: tahoma, helvetica, sans-serif;
color: rgb(42,38,94);
text-align: center;}

#crittersmain2
{width: 70%;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(53,102,169);
padding: 100px;
border: 1px solid rgb(152,242,224);
font-weight: normal;
font-style: normal;
font-size: 1.5em;
line-height: 1.75em;
font-family: tahoma, helvetica, sans-serif;
color: rgb(201,214,237);
text-align: left;}


#critterslinks
{width: 75%;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(142,191,203);
padding: 60px;
border: 1px solid rgb(152,242,224);
font-weight: bold;
font-style: italic;
font-size: 1.25em;
line-height: 3em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(36,34,83);
text-align: left;}



#crittersfooter 
{width: 50%;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(142,191,203);
padding: 40px;
border: 1px solid rgb(152,242,224);
border-radius: 10px;
font-weight: normal;
font-style: normal;
font-size: .95em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(6,11,78);
line-height: 1em;
text-align: left;}



/*Critters, Bugs, and Stuff - Arachnids*/

#arachnidscontents
{width: 95%;
height: auto;
background: rgb(53,102,169);
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
border: 1px solid rgb(94,121,210);
position: relative;
text-align: center;}


#arachnidstitle
{width: 70%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(187,207,246);
padding: 50px;
border: 5px solid rgb(94,121,210);
border-radius: 10px;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 2.25em;
line-height: 2em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(23,23,126);
text-align: center;}


#arachnidsmain
{width: 70%;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(187,207,246);
padding: 100px;
border: 2px solid rgb(94,121,210);
font-weight: normal;
font-style: normal;
font-size: 1.35em;
line-height: 1.5em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(42,38,94);
text-align: center;}


#arachnidslinks
{width: 75%;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(142,191,203);
padding: 60px;
border: 1px solid rgb(152,242,224);
font-weight: bold;
font-style: italic;
font-size: 1.25em;
line-height: 3em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(36,34,83);
text-align: left;}


#arachnidsfooter 
{width: 50%;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(142,191,203);
padding: 40px;
border: 1px solid rgb(152,242,224);
border-radius: 10px;
font-weight: normal;
font-style: normal;
font-size: .95em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(6,11,78);
line-height: 1em;
text-align: left;}



/*Critters, Bugs, and Stuff - Reptiles and Amphibians*/

#herpscontents
{width: 95%;
height: auto;
background: rgb(53,102,169);
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
border: 1px solid rgb(94,121,210);
position: relative;
text-align: center;}


#herpstitle
{width: 70%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(187,207,246);
padding: 50px;
border: 5px solid rgb(94,121,210);
border-radius: 10px;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 2.25em;
line-height: 2em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(23,23,126);
text-align: center;}


#herpsmain
{width: 70%;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(187,207,246);
padding: 100px;
border: 2px solid rgb(94,121,210);
font-weight: normal;
font-style: normal;
font-size: 1.35em;
line-height: 1.5em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(42,38,94);
text-align: center;}


#herpslinks
{width: 75%;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(142,191,203);
padding: 60px;
border: 1px solid rgb(152,242,224);
font-weight: bold;
font-style: italic;
font-size: 1.25em;
line-height: 3em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(36,34,83);
text-align: left;}


#herpsfooter 
{width: 50%;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(142,191,203);
padding: 40px;
border: 1px solid rgb(152,242,224);
border-radius: 10px;
font-weight: normal;
font-style: normal;
font-size: .95em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(6,11,78);
line-height: 1em;
text-align: left;}



/*Critters, Bugs, and Stuff - Insects*/

#insectscontents
{width: 95%;
height: auto;
background: rgb(53,102,169);
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
border: 1px solid rgb(94,121,210);
position: relative;
text-align: center;}


#insectstitle
{width: 70%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(187,207,246);
padding: 50px;
border: 5px solid rgb(94,121,210);
border-radius: 10px;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 2.25em;
line-height: 2em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(23,23,126);
text-align: center;}


#insectsmain
{width: 70%;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(187,207,246);
padding: 100px;
border: 2px solid rgb(94,121,210);
font-weight: normal;
font-style: normal;
font-size: 1.35em;
line-height: 1.5em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(42,38,94);
text-align: center;}


#insectslinks
{width: 75%;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(142,191,203);
padding: 60px;
border: 1px solid rgb(152,242,224);
font-weight: bold;
font-style: italic;
font-size: 1.25em;
line-height: 3em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(36,34,83);
text-align: left;}


#insectsfooter 
{width: 50%;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(142,191,203);
padding: 40px;
border: 1px solid rgb(152,242,224);
border-radius: 10px;
font-weight: normal;
font-style: normal;
font-size: .95em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(6,11,78);
line-height: 1em;
text-align: left;}



/*Critters, Bugs, and Stuff - Mammals*/

#mammalscontents
{width: 95%;
height: auto;
background: rgb(53,102,169);
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
border: 1px solid rgb(94,121,210);
position: relative;
text-align: center;}


#mammalstitle
{width: 70%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(187,207,246);
padding: 50px;
border: 5px solid rgb(94,121,210);
border-radius: 10px;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 2.25em;
line-height: 2em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(23,23,126);
text-align: center;}


#mammalsmain
{width: 70%;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(187,207,246);
padding: 100px;
border: 2px solid rgb(94,121,210);
font-weight: normal;
font-style: normal;
font-size: 1.35em;
line-height: 1.5em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(42,38,94);
text-align: center;}


#mammalslinks
{width: 75%;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(142,191,203);
padding: 60px;
border: 1px solid rgb(152,242,224);
font-weight: bold;
font-style: italic;
font-size: 1.25em;
line-height: 3em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(36,34,83);
text-align: left;}



#mammalsfooter 
{width: 50%;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(142,191,203);
padding: 40px;
border: 1px solid rgb(152,242,224);
border-radius: 10px;
font-weight: normal;
font-style: normal;
font-size: .95em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(6,11,78);
line-height: 1em;
text-align: left;}



/*Critters, Bugs, and Stuff - Plants*/

#plantscontents
{width: 95%;
height: auto;
background: rgb(53,102,169);
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
border: 1px solid rgb(94,121,210);
position: relative;
text-align: center;}


#plantstitle
{width: 70%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(187,207,246);
padding: 50px;
border: 5px solid rgb(94,121,210);
border-radius: 10px;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 2.25em;
line-height: 2em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(23,23,126);
text-align: center;}


#plantsmain
{width: 70%;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(187,207,246);
padding: 100px;
border: 2px solid rgb(94,121,210);
font-weight: normal;
font-style: normal;
font-size: 1.35em;
line-height: 1.5em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(42,38,94);
text-align: center;}


#plantslinks
{width: 75%;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(142,191,203);
padding: 60px;
border: 1px solid rgb(152,242,224);
font-weight: bold;
font-style: italic;
font-size: 1.25em;
line-height: 3em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(36,34,83);
text-align: left;}


#plantsfooter 
{width: 50%;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(142,191,203);
padding: 40px;
border: 1px solid rgb(152,242,224);
border-radius: 10px;
font-weight: normal;
font-style: normal;
font-size: .95em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(6,11,78);
line-height: 1em;
text-align: left;}



/*Fish - Utopia Fish*/

#fishcontents
{width: 95%;
height: auto;
background: rgb(187,207,246);
background:url(ltblbk1.jpg);
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
border: 1px solid rgb(157,206,213);
position: relative;
text-align: center;}


#fishtitle
{width: 80%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(94,121,210);
padding: 40px;
border-bottom: 20px solid rgb(157,206,213);
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 2.25em;
line-height: 2em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(187,207,246);
text-align: center;}



#fishheading
{width: 80%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(145,205,215);
padding: 40px;
border: none;
font-weight: normal;
font-style: normal;
font-size: 1.35em;
line-height: 1.75em;
font-family: tahoma, arial, helvetica, sans-serif;
color: rgb(50,50,106);
text-align: left;}


#fishmain
{width: 80%;
height: auto;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(145,205,215);
padding: 40px;
border-top: 1px solid rgb(50,50,106);
font-weight: normal;
font-style: normal;
font-size: 1.35em;
line-height: 1.75em;
font-family: tahoma, arial, helvetica, sans-serif;
color: rgb(50,50,106);
text-align: left;}


#fishlinks
{width: 80%;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(187,207,246);
padding: 40px;
border: 1px solid rgb(50,50,106);
font-weight: bold;
font-style: italic;
font-size: 1.15em;
line-height: 2.65em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(50,50,106);
text-align: left;}


#fishfooter 
{width: 50%;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(157,206,213);
padding: 40px;
border: 1px solid rgb(152,242,224);
font-weight: normal;
font-style: normal;
font-size: .95em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(50,50,106);
line-height: 1em;
text-align: left;}




/*Bat Flight*/

#batscontents
{width: 95%;
height: auto;
background: rgb(53,102,169);
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
border: 1px solid rgb(94,121,210);
position: relative;
text-align: center;}


#batstitle
{width: 70%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(187,207,246);
padding: 50px;
border: 5px solid rgb(94,121,210);
border-radius: 10px;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 2.25em;
line-height: 2em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(23,23,126);
text-align: center;}


#batsmain
{width: 70%;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(187,207,246);
padding: 100px;
border: 2px solid rgb(94,121,210);
font-weight: normal;
font-style: normal;
font-size: 1.35em;
line-height: 1.5em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(42,38,94);
text-align: center;}


#batslinks
{width: 75%;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(142,167,212);
padding: 40px;
border: 1px solid rgb(0,0,32);
font-weight: bold;
font-style: italic;
font-size: 1.25em;
line-height: 3em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(36,34,83);
text-align: left;}



#batsfooter 
{width: 50%;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(166,166,231);
padding: 40px;
border: 1px solid rgb(152,242,224);
font-weight: normal;
font-style: normal;
font-size: .95em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(23,23,126);
line-height: 1em;
text-align: left;}







</style>