body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	background: url(images/background.gif);
	font: 16px Helvetica, Arial, Sans-Serif; color: #636363; line-height: 24px;
}

#container {
	width: 960px; margin: 0 auto;
}

ul#nav {
	margin: 15px 0 0 25px ;
	padding:0;
	height:70px;
	list-style:none;
}

ul#nav li {
	float:left;
}

ul#nav #home:hover {
	background-position: 0 -198px;
}

ul#nav #philosophy:hover {
	background-position: 0 -198px;
}

ul#nav #gallery:hover {
	background-position: 0 -198px;
}

ul#nav #links:hover {
	background-position: 0 -198px;
}

ul#nav #contact:hover {
	background-position: 0 -198px;
}

#home {
	width:180px;
	height:70px;
	background: url(images/homenote.gif);
}

#philosophy {
	width:180px;
	height:70px;
	background: url(images/philosophynote.gif);
}

#gallery {
	width:180px;
	height:70px;
	background: url(images/gallerynote.gif);
}

#links {
	width:180px;
	height:70px;
	background: url(images/linksnote.gif);
}

#contact {
	width:180px;
	height:70px;
	background: url(images/contactsnote.gif);
}

ul#nav li a {
	display:block;
	width:100%;
	height:100%;
}

#contenttop {
	margin: 0 0 0 0 ;
	width: 960px; height: 50px; float: left;
	background: url(images/boardtop.gif);
}

#contentmiddle {
  background: url(images/boardmiddle.gif) repeat-y;
  width: 960px; float:left;
}

#cntleft {
  float: left;
  position: relative;
}

.holiday {
  margin: 0 0 0 40px;
}

#book {
  display:block;
  width: 250px; height: 480px;
  margin: 0 0 0 40px;
  background: url(images/handbook.gif);
}

#kristen {
  display:block;
  width: 450px; height: 350px;
  margin: 0 0 0 40px;
  background: url(images/kristen.gif);
}

#hannah {
  display:block;
  width: 450px; height: 350px;
  margin: 0 0 0 270px;
  background: url(images/hannah.gif);
}

#janet {
  display:block;
  width: 380px; height: 317px;
  margin: 20px 0 0 20px;
  background: url(images/janet.png);
}

#cntleft #paper {
  margin: 0 0 0 40px;
  background: url(images/paper.gif) repeat-y;
}

#cntleft .pic1 {
  float: left;
  margin: 0 0 0 40px;
  height: 145px; width: 125px;
  background: url(images/kristenpic.gif);
}

#cntleft .pic2 {
  float: left;
  margin: 0 0 0 40px;
  height: 145px; width: 125px;
  background: url(images/hannahpic.gif);
}

#cntleft .pic3 {
  float: left;
  margin: 0 0 0 40px;
  height: 145px; width: 125px;
  background: url(images/janetpic.gif);
}

#cntleft .pic4 {
  float: left;
  margin: 0 0 0 40px;
  height: 145px; width: 125px;
  background: url(images/kimpic.gif);
}

#cntmiddle {
  float: left;
  position: relative;
}
#paper {
  background: url(images/paper.gif) repeat-y;
}

.text1 {
  font-size:14px;
  margin: 0 110px 25px 0;
  text-align:center;

}

.text2 {
  width: 460px;
  margin: 0 25px 0 25px;
  font-size:14px;
  text-align:center;
}
.pic {
  float: left;
  height: 145px; width: 125px;
  background: url(images/kathy.gif);
}

.banner {
  margin: 10px 0 0 0;
  float: left;
  height: 50px; width: 365px;
  background: url(images/banner.gif);
}

.eventlist {
  margin: 100px 100px 40px 100px;
}

h3 {
  text-align:center;
}

.supply {
  margin: 0 0 0 0;
}

#cntright {
  float: left;
  position: relative;
}

#cnttop{
  float: left;
  position: relative;
}

#cntbottom{
  float: left;
  position: relative;
  text-align:center;
}

.note {

}

#cntleft #teachers:hover {
	background-position: 0 -180px;
}

#teachers {
  display:block;
  width: 173px; height: 180px;
  margin: 0 0 0 40px;
  background: url(images/teachernote.gif);
}


#cntleft #parents:hover {
	background-position: 0 -180px;
}

#parents {
  display:block;
  width: 173px; height: 180px;
  margin: 0 0 0 40px;
  background: url(images/parentsnote.gif);
}

#cntright #event:hover {
	background-position: 0 -180px;
}

#event {
  display:block;
  width: 173px; height: 180px;
  margin: 0 0 0 0;
  background: url(images/eventsnote.gif);
}

#seal {
  display:block;
  width: 175px; height: 180px;
  margin: 10px 0 0 0;
}

#apple {
  display:block;
  width: 175px; height: 180px;
  margin: 10px 0 0 0;
}

#news {
  display:block;
  width: 320px; height: 480px;
  margin: 0 0 0 10px;
  background: url(images/letter.gif);
}

#cntmiddle #health:hover {
	background-position: 0 -245px;
}

#health {
  display:block;
  width: 245px; height: 243px;
  margin: 260px 0 0 40px;
  background: url(images/healthnote.gif);
}

#cntright #care:hover {
	background-position: 0 -245px;
}

#care {
  display:block;
  width: 245px; height: 243px;
  margin: 0 0 0 40px;
  background: url(images/carenote.gif);
}

#cntleft #scholastic:hover {
	background-position: 0 -245px;
}

#scholastic {
  display:block;
  width: 245px; height: 243px;
  margin: 0 0 0 60px;
  background: url(images/scholasticnote.gif);
}

#cntright #google:hover {
	background-position: 0 -245px;
}

#google{
  display:block;
  width: 245px; height: 243px;
  margin: 0 0 0 40px;
  background: url(images/googlenote.gif);
}

#cntleft #face:hover {
	background-position: 0 -245px;
}

#face {
  display:block;
  width: 245px; height: 243px;
  margin: 0 0 0 60px;
  background: url(images/facenote.gif);
}

#phone {
  display:block;
  margin: 260px 0 0 40px;
  background: url(images/phone.gif);
}

#kristenclass1 {
  float: left;
  display:block;
  width: 175px; height: 180px;
  margin: 0 0 0 0;
}

#kristenclass2 {
  display:block;
  width: 175px; height: 180px;
  margin: 0 0 0 175px;
}

#kristenclass3 {
  float: left;
  display:block;
  width: 175px; height: 180px;
  margin: 100px 0 0 0;
}

#kristenclass4 {
  float: left;
  display:block;
  width: 175px; height: 180px;
  margin: 100px 0 0 0;
}

#hannahclass1 {
  float: left;
  display:block;
  width: 175px; height: 180px;
  margin: 0 0 0 0;
}

#hannahclass2 {
  display:block;
  width: 175px; height: 180px;
  margin: 0 0 0 175px;
}

#hannahclass3 {
  float: left;
  display:block;
  width: 175px; height: 180px;
  margin: 100px 0 0 0;
}

#hannahclass4 {
  float: left;
  display:block;
  width: 175px; height: 180px;
  margin: 100px 0 0 0;
}

#janetclass1 {
  float: left;
  display:block;
  width: 175px; height: 180px;
  margin: 0 0 0 0;
}

#janetclass2 {
  display:block;
  width: 175px; height: 180px;
  margin: 0 0 0 175px;
}

#janetclass3 {
  float: left;
  display:block;
  width: 175px; height: 180px;
  margin: 100px 0 0 0;
}

#janetclass4 {
  float: left;
  display:block;
  width: 175px; height: 180px;
  margin: 100px 0 0 0;
}

#kimclass1 {
  float: left;
  display:block;
  width: 175px; height: 180px;
  margin: 0 0 0 0;
}

#kimclass2 {
  display:block;
  width: 175px; height: 180px;
  margin: 0 0 0 175px;
}

#kimclass3{
  float: left;
  display:block;
  width: 175px; height: 180px;
  margin: 100px 0 0 0;
}

#kimclass4 {
  float: left;
  display:block;
  width: 175px; height: 180px;
  margin: 100px 0 0 0;
}

#contentbottom {
  margin: 0 0 10px 0;
  width: 960px; height: 70px; float:left;
	background: url(images/boardbottom.gif);
}