@charset "UTF-8";

#nav {
	height: 21px;
	background-color: #EE6618;
	background-image: url(file:///Poole/670/My%20Documents/wwonline%20materials/website%20css/nav_bg.gif);
	background-repeat: repeat;
	background-position: 0 0;
	font-family: "Comic Sans MS", cursive;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
}
#nav ul li a, #nav ul li a:visited {
	color: #fff;
	display: block;
	height: 21px;
	float: left;
	line-height: 21px;
	text-decoration: none;
	padding: 0 5px 0 5px;
	background-color: #EE6619;
	background-image: url(file:///Poole/670/My%20Documents/wwonline%20materials/website%20css/nav_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
}
#nav ul li a:hover {
	border-right-color: #EE6619;
	background-color: #000;
	background-image: url(file:///Poole/670/My%20Documents/wwonline%20materials/website%20css/nav_bg-over.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#nav ul li a.active {
	background-image: url(file:///Poole/670/My%20Documents/wwonline%20materials/website%20css/nav_bg-over.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

body {
	background-color: #000;
}
.page {
	margin: auto;
	left: 10%;
	right: 10%;
	position: absolute;
	visibility: visible;
	height: 840px;
	width: 765px;
	border: 1px solid #CCC;
	top: 1px;
	background-color: #FFF;
}
.headerimage1 {
	float: left;
	width: 141px;
	position: absolute;
	visibility: visible;
	height: 144px;
	left: 73px;
	top: 4px;
}
.headerimage2 {
	float: left;
	width: 141px;
	position: absolute;
	visibility: visible;
	height: 140px;
	left: 268px;
	top: 9px;
}
.menuholder {
	float: left;
	width: 406px;
	position: absolute;
	visibility: visible;
	top: 134px;
	height: 22px;
	left: 180px;
}
.headerimage3 {
	float: left;
	width: 141px;
	position: absolute;
	visibility: visible;
	height: 151px;
	left: 528px;
	top: 4px;
}
.topcontainer {
	float: left;
	width: 765px;
	position: absolute;
	visibility: visible;
	height: 155px;
	background-color: #EE6619;
}
.bottomcontainer {
	float: left;
	width: 750px;
	position: absolute;
	visibility: visible;
	height: 54px;
	left: 9px;
	top: 781px;
	font-family: "Comic Sans MS", cursive;
	font-size: 9px;
	color: #FFF;
	text-align: center;
	background-color: #EE6619;
}
.spacercontainer {
	float: left;
	width: 781px;
	position: absolute;
	visibility: visible;
	height: 31px;
	left: 1px;
	top: 744px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #999;
	text-align: center;
	background-image: url(file:///Poole/670/My%20Documents/wwonline%20materials/website%20css/index_r16_c9.gif);
	background-repeat: repeat-x;
}
.pagebody {
	float: left;
	width: 750px;
	position: absolute;
	visibility: visible;
	left: 9px;
	top: 162px;
	height: 603px;
}
.linkcontainer2 {
	float: left;
	width: 498px;
	position: absolute;
	visibility: visible;
	left: 129px;
	top: 469px;
	height: 58px;
}
.column1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #006;
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 145px;
	position: absolute;
	visibility: visible;
	height: 603px;
	left: 0px;
	top: 0px;
	background-color: #CCC;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.column2container {
	float: left;
	width: 459px;
	position: absolute;
	visibility: visible;
	height: 603px;
	left: 146px;
	top: 0px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.column3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #006;
	background-color: #CCC;
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 145px;
	position: absolute;
	visibility: visible;
	height: 603px;
	left: 606px;
	top: -0px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.middlebanner3 {
	font-family: "Comic Sans MS", cursive;
	font-size: 12px;
	color: #FFF;
	background-color: #000;
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 459px;
	position: absolute;
	visibility: visible;
	height: 110px;
	left: 0px;
	top: 490px;
}
.middlebanner {
	float: left;
	width: 459px;
	position: absolute;
	visibility: visible;
	height: 150px;
	border-bottom-width: thin;
	border-bottom-style: double;
	border-bottom-color: #EE6619;
}
.middlebanner2 {
	float: left;
	width: 454px;
	position: absolute;
	visibility: visible;
	height: 333px;
	border-bottom-width: thin;
	border-bottom-style: double;
	border-bottom-color: #EE6619;
	left: 0px;
	top: 153px;
	background-image: url(http://www.harcoboe.com/WestMilfordElementarySchool/uploads/image/100_1570.jpg);
	font-family: "Comic Sans MS", cursive;
	color: #333;
	font-size: 13px;
	padding-left: 5px;
}
.rightcolumntop {
	float: left;
	height: 60px;
	width: 145px;
	position: absolute;
	visibility: visible;
}
.leftcolumntop {
	float: left;
	height: 60px;
	width: 145px;
	position: absolute;
	visibility: visible;
}
#centertext {
	text-align: center;
}