@charset "utf-8";
/* CSS Document */

body, html {
margin:0px;
padding:0px;
background-color:#e2e7ea;
background-image:url(images/mainbg.gif);
background-position:center;
background-repeat:repeat-y;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}

h1 {
display:inline;
margin:0px;
padding:0px;
font-size:130%;
color:#006600;
}

h2 {
margin-bottom:5px;
font-size:110%;
color:#333333;
}

h3 {
margin-bottom:5px;
margin-top:20px;
font-size:130%;
color:#990000;
}

.more {
	color:#CC6600;
	font-size:90%;
}

.more a:link, a:visited, a:active {
	color:#CC6600;
	font-size:90%;
	text-decoration:none;
}

.more a:hover {
	color:#CC0000;
	font-size:90%;
	text-decoration:none;
}

.tourbutton{
width:300px;
height:100px;
display:block;
text-decoration:none;
background-image:url(images/onlinetourbutton.gif);
}

.tourbutton:hover{
width:300px;
height:100px;
display:block;
text-decoration:none;
background-image:url(images/onlinetourbuttonhover.gif);
}


.absenteesbutton{
width:300px;
height:100px;
display:block;
text-decoration:none;
background-image:url(images/absenteesbutton.gif);
}

.absenteesbutton:hover{
width:300px;
height:100px;
display:block;
text-decoration:none;
background-image:url(images/absenteesbuttonhover.gif);
}

#teachertable {
width:100%;
margin-top:20px;
}

.teachercell {
text-align:center;
width:33%;
height:300px;
}

#container {
margin:0 auto;
width:900px;
background-color:#eaeee8;
}

#header {
width:900px;
height:362px;
background-image:url(images/header.jpg);
}

#menubar {
height:40px;
width:900px;
background-image:url(images/buttons/btnbg.gif);
}

#content {
width:900px;
}

#textarea {
margin-left:40px;
margin-top:20px;
margin-right:40px;
font-size:80%;
color:#333333;
line-height:150%;
}

#rightbar {
width:300px;
margin-right:20px;
margin-left:10px;
margin-top:10px;
float:right;
}

#footer {
	background-image:url(images/footerbg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	font-size:70%;
	text-align:center;
	color:#999999;
	width: 900px;
}

#footer a:link, a:visited, a:active {
	text-decoration:none;
	color:#666666;	
	font-size:1em;
}

#footer a:hover {
	text-decoration:none;
	color:#999999;	
	font-size:1em;
}
#menu {
display:block; 
height:40px; 
margin:0 auto; 
width:877px;
}

#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; margin:0px; display:block; /*width:115px;*/ height:40px;}

#menu li.list1 {background:transparent url(images/buttons/activehome.gif); width:58px;}
#menu li.list2 {background:transparent url(images/buttons/activeabout.gif); width:84px;}
#menu li.list3 {background:transparent url(images/buttons/activetour.gif); width:107px;}
#menu li.list4 {background:transparent url(images/buttons/activegoals.gif); width:141px;}
#menu li.list5 {background:transparent url(images/buttons/activeevents.gif); width:68px;}
#menu li.list6 {background:transparent url(images/buttons/activenewsletters.gif); width:112px;}
#menu li.list7 {background:transparent url(images/buttons/activestaff.gif); width:111px;}
#menu li.list8 {background:transparent url(images/buttons/activeero.gif); width:118px;}
#menu li.list9 {background:transparent url(images/buttons/activecontact.gif); width:78px;}

#menu a {display:block; /*width:115px;*/ padding-top:40px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:40px; he\ight:0;}

#menu a#item1 {background-image:url(images/buttons/home.gif); background-position:top left;}
#menu a#item2 {background-image:url(images/buttons/about.gif); background-position:top left;}
#menu a#item3 {background-image:url(images/buttons/tour.gif); background-position:top left;}
#menu a#item4 {background-image:url(images/buttons/goals.gif); background-position:top left;}
#menu a#item5 {background-image:url(images/buttons/events.gif); background-position:top left;}
#menu a#item6 {background-image:url(images/buttons/newsletters.gif); background-position:top left;}
#menu a#item7 {background-image:url(images/buttons/staff.gif); background-position:top left;}
#menu a#item8 {background-image:url(images/buttons/ero.gif); background-position:top left;}
#menu a#item9 {background-image:url(images/buttons/contact.gif); background-position:top left;}

#menu a#item1:hover {background-position:0px -40px; z-index:50;}
#menu a#item2:hover {background-position:0px -40px; z-index:50;}
#menu a#item3:hover {background-position:0px -40px; z-index:50;}
#menu a#item4:hover {background-position:0px -40px; z-index:50;}
#menu a#item5:hover {background-position:0px -40px; z-index:50;}
#menu a#item6:hover {background-position:0px -40px; z-index:50;}
#menu a#item7:hover {background-position:0px -40px; z-index:50;}
#menu a#item8:hover {background-position:0px -40px; z-index:50;}
#menu a#item9:hover {background-position:0px -40px; z-index:50;}

* html #menu a:hover {height:40px; he\ight:0;}