@charset "utf-8";

* {

	padding: 0;

	margin: 0;

}

html, body {

	background-image: url(images/body_background.jpg);

	background-repeat: repeat-y;

	background-position: center top;

	background-color: #ECE9E4;

	font-family:Verdana, Arial, Helvetica, sans-serif;

}

#wrapper {
	width: 800px;
	margin: 0 auto;
	min-height: 650px;
	height: 100%;
}

#header {

	height: 249px;

	width: 800px;

	margin: 0 auto;

	position: relative;

}

#flash {

	position: relative;

	left: 8px;

	width: 790px;

	height: 249px;

}



#container {
	width: 800px;
	min-height: 650px;
	height: 100%;
	float: left;
}

#navContainer {
	background-image: url(images/nav_background.jpg);
	float: left;
	height: 530px;
	width: 234px;
	background-repeat: no-repeat;

}

#navContainer .nav {

	list-style-type: none;

	padding-top: 20px;

}

#navContainer .nav li {

	display: block;

	margin: 0 auto;

	width: 213px;

}



#navContainer .nav a {

	line-height: 30px;

	color: #66583f;

	font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif;

	font-size: 15px;

	text-decoration: none;

	font-weight: normal;

	width: 197px;

	display: block;

	padding-left: 8px;

}

#navContainer .nav a:hover {

	color: #3D3425;

	background-color: #C1C9B2;

}







#contentContainer {
	width: 545px;
	float: right;
	height: 100%;
	min-height: 650px;
}



#content {
	height: 100%;
	width: 100%;
	min-height: 650px;
}

#content h1 {

	font-size: 22px;

	color: #617756;

	font-weight: normal;

	text-decoration: none;

	padding-top:8px;

	padding-bottom:10px;

}



#content h2 {

	font-size: 16px;

	color: #617756;

	font-weight: bold;

	text-decoration: none;

	padding-top:5px;

	padding-bottom:5px;

}

#content p {

	color: #66583f;

	text-decoration: none;

	font-size: 15px;

	font-weight: normal;

	padding-right: 10px;

}



#content a:link, a:visited, a:active {

	color:#333;

	font-size:1em;

	font-weight:100;

	text-decoration:none;

	letter-spacing:normal;

	text-transform:none;

	line-height:normal;

	padding:0px;

	display:inline;

	}

	

#content a:hover {

	color:#999;

	font-size:1em;

	font-weight:100;

	text-decoration:none;

	letter-spacing:normal;

	text-transform:none;

	line-height:normal;

	padding:0px;

	display:inline;

	}



.boxcontent {

	margin:0 auto;

	width:100%;

	text-align:justify;

	font-size:80%;

	line-height:20px;

	color:#444444;

	min-height: 120px;

}

.eroimageright {

	float:right;

	margin-left:20px;

	margin-top: 10px;

	margin-right: 10px;

}

.boxcontent1 {
	margin:0 auto;
	width:100%;
	text-align:justify;
	font-size:80%;
	line-height:20px;
	color:#444444;
	min-height: 120px;
	height: 70px;
	margin-top: 20px;

	}

	

.boxcontent2 {
	margin:0 auto;
	width:100%;
	text-align:justify;
	font-size:80%;
	line-height:20px;
	color:#444444;
	min-height: 120px;
	height: 70px;

	}

.boxcontent3 {
	margin:0 auto;
	width:100%;
	text-align:justify;
	font-size:80%;
	line-height:20px;
	color:#444444;
	min-height: 120px;
	height: 70px;

	}

.boxcontent4 {

	margin:0 auto;

	width:100%;

	text-align:justify;

	font-size:80%;

	line-height:20px;

	color:#444444;

	min-height: 120px;

	height: 185px;

	margin-top: 20px;

	}

.values {

	font-size: 13px;

}

#spacer {

	clear: both;

	padding-top: 130px;

}

#goalscontainer {

	height: 570px;

	float: left;

}

#goalscontainer2 {

	clear: left;

}



.pagephotoright {

	float:right;

	margin-left:20px;

	margin-top: 10px;

	margin-right: 10px;

}





.pagephotoleft {

	float:left;

	margin-right:20px;

	margin-top: 10px;

}



.boardtrusteephotoright {

	float:right;

	margin-left:20px;

	margin-top: 10px;

	margin-right: 40px;

}

.boardtrustees {

	height: 150px;

}







#footer {

	width: 790px;

	height: 20px;

	clear: both;

	margin: 0 auto;

	background-color: #e1d4c1;

	text-align: center;

	float: left;

	margin-left: 5px;

}

#footer a {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #a06a48;

	text-decoration: none;

	line-height: 20px;

}

#footer a:hover {

	color: #8E5E40;

}

.clear {

        clear:both;

        height: 5px;

}

#staff {

	color: #66583f;

}

#supportstaff {

	color: #66583f;

	clear: both;

}

.staffname {

	float: left;

	width: 220px;

	line-height: 25px;

}

.staffrole {
	float: right;
	width: 250px;
	margin-right: 60px;
	line-height: 25px;
	clear: right;

}



#form {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        font-size: 14px;

}

fieldset {

	padding: 10px 5px 5px 10px;

	border: 0px;

}

.col1 {

	float:left;

	width:130px;

	padding-left: 15px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #66583F;

}

.col2 {

	float:left;

	width:200px;

}

input {

	padding: 2px;

}

#buttons {

	width: 260px;

	margin: 0 auto;

	margin-top: 10px;

}

.errorMessage {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #666666;

	font-style: italic;

}



.classroom {

	border: 1px solid #333333;

}

.classroom img {

	float: right;

}

.back {

	text-decoration:none;

	color:#666666;

	margin-left: 0px;

	font-size: 8px;

}

.back a, visited{

	text-decoration:none;

	color: #999999;

}



.back a:hover, a:active{

	text-decoration:none;

	color:#333333;

}



#box {

	height: 100%;

	width: 545px;

	position: relative;

}

.tourimg {

	padding-right: 5px;

	padding-bottom: 5px;

}



#box #map {

	width: 545px;

	background-image: url(images/map.jpg);

	position: relative;

	list-style-type: none;

	height: 415px;

}

#box #map li {

	position:absolute;

}

#box #map #hall {	top: 10px;	left: 412px; height:115px; width:60px;}

#box #map #hall a { height:115px; width:60px; display:block;}



#box #map #room14 {	top: 40px;	left: 335px; height:60px; width:30px;}

#box #map #room14 a { height:60px; width:40px; display:block;}



#box #map #room13 {	top: 90px;	left: 358px; height:30px; width:15px;}

#box #map #room13 a { height:30px; width:15px; display:block;}



#box #map #room12 {	top: 105px;	left: 313px; height:50px; width:50px;}

#box #map #room12 a { height:50px; width:50px; display:block;}



#box #map #room11 {	top: 130px;	left: 288px; height:50px; width:40px;}

#box #map #room11 a { height:50px; width:40px; display:block;}



#box #map #room10 {	top: 140px;	left: 250px;	height:35px;	width:37px;}

#box #map #room10 a { height:35px; width:37px; display:block;}



#box #map #room9 {	top: 140px;	left: 200px; height:40px; width:50px;}

#box #map #room9 a { height:40px; width:50px; display:block;}



#box #map #staffroom { top: 140px; left:150px; height:40px; width:46px;}

#box #map #staffroom a { height:40px; width:46px; display:block;}



#box #map #office {	top: 136px;	left: 134px; height:22px; width:22px;}

#box #map #office a { height:22px; width:22px; display:block;}



#box #map #prin {	top: 140px;	left: 200px; height:40px; width:50px;}

#box #map #prin a { height:40px; width:50px; display:block;}



#box #map #dental {	top: 223px;	left: 6px;	height:26px;	width:85px; }

#box #map #dental a { height:26px; width:85px; display:block;}



#box #map #tech {	top: 311px;	left: 52px;	height:86px;	width:147px; }

#box #map #tech a { height:86px; width:147px; display:block;}



#box #map #library {	top: 315px;	left: 211px;	height:47px;	width:55px; }

#box #map #library a { height:47px; width:55px; display:block;}



#box #map #room8 {	top: 315px;	left: 268px;	height:48px;	width:34px; }

#box #map #room8 a { height:48px; width:34px; display:block;}



#box #map #room7 {	top: 316px;	left: 301px;	height:45px;	width:38px; }

#box #map #room7 a { height:45px; width:38px; display:block;}



#box #map #room6 {	top: 315px;	left: 339px;	height:46px;	width:32px;}

#box #map #room6 a { height:46px; width:32px; display:block;}



#box #map #room5 {	top: 315px;	left: 371px;	height:45px;	width:38px;}

#box #map #room5 a { height:45px; width:38px; display:block;}



#box #map #room4 {	top: 202px;	left: 395px;	height:47px;	width:56px;}

#box #map #room4 a { height:47px; width:56px; display:block;}



#box #map #room3 {	top: 201px;	left: 451px;	height:26px;	width:20px;}

#box #map #room3 a { height:26px; width:20px; display:block;}



#box #map #room2 {	top: 201px;	left: 470px;	height:45px;	width:38px;}

#box #map #room2 a { height:45px; width:38px; display:block;}



#box #map #room1 {	top: 202px;	left: 509px;	height:45px;	width:30px;}

#box #map #room1 a { height:45px; width:30px; display:block;}