/* Elements of this design and style sheet used with the kind
permission of Stu Nicholls. His copyright: 

================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

body
{
text-align: center;
background-color: #9298A4;
}

.head {
margin: auto;
}

#nav {padding:0; margin: 0; list-style:none; height:48px; position:relative; z-index:200; width:1050px; left: 24px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:48px; width:133px; text-decoration:none; padding:0; margin: 0; cursor:pointer; 
color: #092A33; font-size: 12pt; font-family: cambria; text-align: center; margin: 0 12px 0 0;}
#nav li a b {margin-left:-999px;}

#nav li a.contact {background:url("images/contact.jpg");}
#nav li a.biome {background:url("images/biome.jpg");}
#nav li a.visit {background:url("images/visit.jpg");}
#nav li a.meet {background:url("images/meet.jpg");}
#nav li a.school {background:url("images/school.jpg");}
#nav li a.calendar {background:url("images/calendar.jpg");}
#nav li a.involve {background:url("images/involved.jpg");}

#nav li:hover a,
#nav a:hover
{background-position: 0 50px;}

#nav table {position: absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin: 0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200; background-color: #6EA550;}

#nav :hover ul.sub
{left:0; top:48px; background: #767349; width:131px; height:auto; z-index:300; line-height: 48px;}
#nav :hover ul.sub li
{display:block; height:49px; position:relative; float:left; width:131px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:48px; width:130px; border-style:solid; border-width:1px; border-color:#000; text-decoration:none; padding:0; cursor:pointer;}

#nav :hover ul.sub li a:hover 
{background-position: 0 48px; position:relative;}

#leaves {
background:url("images/small-leaf.jpg");
background-repeat: no-repeat;
height: 80px;
width: 183px;
text-align: left;
text-decoration: none;
font-family: arial rounded MT bold;
font-size: 10pt;
padding-top: 5px;
}

#afs {
background:url("images/afsmain.jpg");
background-repeat: no-repeat;
font-family: arial rounded MT bold;
font-size: 10pt;
position:relative;
text-decoration: none;
width: 131px;
height: 189px;
}

#sm {
background:url("images/smmain.jpg");
background-repeat: no-repeat;
font-family: arial rounded MT bold;
font-size: 10pt;
text-align:center;
text-decoration: none;
position: relative;
width: 131px;
height: 94px;
}

#hns {
background:url("images/hnsmain.jpg");
background-repeat: no-repeat;
font-family: arial rounded MT bold;
font-size: 10pt;
position: relative;
text-decoration: none;
width: 131px;
height: 169px;
}

#fh {
background:url("images/fhmain.jpg");
background-repeat: no-repeat;
font-family: arial rounded MT bold;
font-size: 10pt;
position: relative;
text-decoration: none;
width: 103px;
height: 155px;
}

#linkup {
background-color: #999;
width: 160px;
height: 230px;
padding: 10px;
margin-left: 30px;
}

#links {	
background:url("contact/Images/oak.gif");
background-repeat: no-repeat;
font-size: 36px;
position: relative;
width: 500px;
height: 188px;
margin-left: 100px;
}

.bottomalign1 {
position: absolute;
bottom: 6px;
left: 15px;
}

.bottomalign2 {
position: absolute;
bottom: 5px;
left: 8px;
}

.bottomalign3 {
position: absolute;
bottom: 5px;
left: 10px;
}

.bottomalign4 {
position: absolute;
bottom: 5px;
left: 22px;
}


.page {
position: relative;
top: -67px;
width: 1003px;
background: #051A09;
color: #FFFFFF;
}


.page a {
color:#FFF;
text-decoration:none;
}

.page a:visited {
color: #FFFFFF;
}

.page a:hover {
cursor: pointer;
}

.template {
position: relative;
top: -67px;
width: 982px;
background: #051A09;
color: #FFFFFF;
text-align: left;
padding-top: 70px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px
}

.remember {
float: left;
margin-top: 7%;
margin-left: 1%;
text-align: left;
}

.center {
text-align: right;
margin-top: 7%;
float: left;
}

.right {
text-align: center;
margin-top: 7%;
}

img {
border: 0;
}

h1 {
font-size: 25pt;
text-align: center;
}

p
{
text-indent:20px;
} 


.bluetheme {
position: relative;
top: -67px;
width: 982px;
background: #6D7E84;
color: #0F313D;
font-family: book antiqua;
text-align: left;
padding-top: 70px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px
}

.tantheme {
position: relative;
top: -67px;
width: 982px;
background: #CFC68D;
color: #395E45;
font-family: comic sans;
font-size: 5;
font-weight: 500;
text-align: left;
padding-top: 70px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
}

.greentheme {
position: relative;
top: -67px;
width: 982px;
background: #8B9D83;
color: #3F493A;
font-family: papyrus, book antiqua;
text-align: center;
padding-top: 70px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px
}

.greengrey {
position: relative;
top: -67px;
width: 982px;
background: #91A879;
color: #4B4B4B;
font-family: cambria;
font-weight: bold;
font-size: 4;
text-align: left;
padding-top: 70px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px
}

.calstyle {
position: relative;
top: -67px;
width: 982px;
background: #91A879;
color: #4B4B4B;
font-family: cambria;
font-weight: bold;
font-size: 4;
text-align: left;
padding-top: 70px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px
}

.darkgreen {
position: relative;
top: -67px;
width: 962px;
background: #051A09;
color: #FFFFFF;
font-family: calibri;
font-size: 5;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.darkgreen a {
color: FFFFFF;
}

.cicada {
position: relative;
top: -67px;
width: 962px;
background: #ADC47D;
color: #000000;
font-family: Comic Sans MS;
font-size: 4;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.black {
position: relative;
top: -67px;
width: 962px;
background: #000000;
color: #EFEDDC;
font-family: Albertus Extra Bold;
font-size: 4;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.winterblue {
position: relative;
top: -67px;
width: 962px;
background: #9694A0;
color: #233649;
font-family: papyrus;
font-size: 5;
font-weight: 700;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.fairy {
position: relative;
top: -67px;
width: 962px;
background: #9B9355;
color: #425800;
font-family: papyrus;
font-weight: bold;
font-size: 5;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.mint {
position: relative;
top: -67px;
width: 962px;
background: #CDF4A9;
color: #000000;
font-family: calibri;
font-weight: bold;
font-size: 5;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.minttable {
position: relative;
top: -67px;
width: 982px;
background: #CDF4A9;
color: #000000;
font-family: calibri;
font-weight: bold;
font-size: 4;
text-align: left;
padding-top: 70px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
margin: 0;
}

.eveningsky {
position: relative;
top: -67px;
width: 982px;
background: #C6C6D9;
color: #000080;
font-family: arial narrow;
font-weight: bold;
font-size: 4;
text-align: left;
padding-top: 70px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
}

.frog {
position: relative;
top: -67px;
width: 962px;
background: #ADC47D;
background-image:url('contact/Images/frog.gif');
background-repeat: no-repeat;
color: #353c26;
font-weight:bold;
font-family: arial narrow;
font-size: 4;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.grey {
position: relative;
top: -67px;
width: 962px;
background: #cfcfcf;
color: #000000;
font-family: calibri;
font-size: 5;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.purple {
position: relative;
top: -67px;
width: 962px;
background: #C5B7CA;
color: #000000;
font-family: comic sans MS;
font-size: 5;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.ohioriver {
position: relative;
top: -67px;
width: 962px;
background: #6C859B;
color: #005B5B;
font-family: papyrus;
font-size: 20px;
font-weight: bold;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.deepblue {
position: relative;
top: -67px;
width: 982px;
background: #78929C;
color: #000000;
font-family: arial narrow;
font-weight: bold;
font-size: 5;
text-align: left;
padding-top: 70px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
}

.arcgreen {
position: relative;
top: -67px;
width: 962px;
background: #8b9e83;
color: #5d5e5b;
font-family: arial narrow;
font-size: 20px;
font-weight: bold;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.kamama {
position: relative;
top: -67px;
width: 962px;
background: #868484;
background-image:url('arc/images/kamama/Big-Bluestem.jpg');
background-repeat: no-repeat;
color: #353c26;
font-weight:bold;
font-family: arial narrow;
font-size: 4;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.kamama a {
color: #C2B171;
}

.chocolate {
position: relative;
top: -67px;
width: 962px;
background: #B09D84;
color: #003300;
font-family: arial narrow;
font-size: 18px;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.simplegreen {
position: relative;
top: -67px;
width: 962px;
background: #96A597;
color: #003300;
font-family: arial narrow;
font-size: 18px;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.mistypurple {
position: relative;
top: -67px;
width: 962px;
background: #A38887;
color: #000000;
font-family: arial narrow;
font-size: 18px;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.prairie {
position: relative;
top: -67px;
width: 962px;
background: #C4AE82;
color: #3d3006;
font-family: arial narrow;
font-size: 4;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.cerulean {
position: relative;
top: -67px;
width: 962px;
background: #A7B8A5;
color: #000000;
font-family: Comic Sans MS;
font-size: 4;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.afs {
position: relative;
top: -67px;
width: 962px;
background: #8DA562;
color: #000000;
font-family: Comic Sans MS;
font-size: 4;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.bluegreen {
position: relative;
top: -67px;
width: 962px;
background: #A8BB8E;
color: #004A4A;
font-family: Comic Sans MS;
font-size: 4;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.bluegreen a {
color: #008080;
}

.beechcliff {
position: relative;
top: -67px;
width: 962px;
background: #DDC593;
color: #552E28;
font-family: arial;
font-size: 4;
font-weight: bold;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}

.cream {
position: relative;
top: -67px;
width: 962px;
background: #EEF0A4;
color: #000000;
font-family: calibri;
font-size: 4;
font-weight: bold;
text-align: left;
padding-top: 70px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;