body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	
	margin:0;
	padding:0;
}

a {
	color:#666;
}
a:hover {
	color:#C2C4C1;
}
a img {
	border:none;
}

table {
	border:none;
}

#bkgd {
	position:absolute;
	top:295px;
	left:0;
	width:100%;
	z-index:0;
	height:497px;
	background:url(../images/bkgd.jpg) repeat-x;
}

#wrapper {
	width:1024px;
	margin:0 auto;
}
#wrapper div {
	float:left;
}

ul.alerts {
	margin:10px 0;
	padding:8px;
	color:#DB850A;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	border:1px solid #000;
}
ul.alerts li {
	margin:3px 0 3px 1.3em;
}


#header {
	width:1024px;
	height:295px;
}
#header a.contact {
	display:block;
	width:82px;
	height:22px;
	position:relative;
	top:0;
	left:815px;
}

#wrapper div.content {
	width:786px;
	position:relative;
	top:-78px;
	left:95px;
	background-color:#fff;
	padding:0;
}
#wrapper div.content div.cat {
	position:absolute;
	top:-170px;
	left:665px;
	z-index:100;
	width:247px;
	height:643px;
	background:url(../images/cat.png) no-repeat;
}

#wrapper div.content #nav {
	list-style:none;
	width:786px;
	height:35px;
	margin:0;
	padding:0;
	background:url(../images/nav/bkgd.jpg) repeat-x;
}
#wrapper div.content #nav li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#wrapper div.content #nav li a {
	display:block;
	float:left;
	height:35px;
	overflow:hidden;
	text-indent:-999px;
}

#wrapper div.content #nav li a.about_us {
	width:92px;
	background:url(../images/nav/about_us.jpg) 0 -35px no-repeat;
}
#wrapper div.content #nav li a.menus {
	width:128px;
	background:url(../images/nav/menus.jpg) 0 -35px no-repeat;
}
#wrapper div.content #nav li a.bulletin_board {
	width:185px;
	background:url(../images/nav/bulletin_board.jpg) 0 -35px no-repeat;
}
#wrapper div.content #nav li a.newsletters {
	width:122px;
	background:url(../images/nav/newsletters.jpg) 0 -35px no-repeat;
}
#wrapper div.content #nav li a.home {
	width:143px;
	background:url(../images/nav/home.jpg) no-repeat;
}

#wrapper div.content #nav li a:hover {
	background-position:top;
}

#wrapper div.content #subnav {
	width:786px;
	height:43px;
}
#wrapper div.content #subnav ul {
	list-style:none;
	height:43px;
	margin:0;
	padding:0;
}
#wrapper div.content #subnav ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#wrapper div.content #subnav ul li a {
	display:block;
	float:left;
	height:43px;
	overflow:hidden;
	text-indent:-999px;
}
#wrapper div.content #subnav ul li a.student_activities {
	width:103px;
	background:url(../images/subnav/student_activities.jpg) no-repeat;
}
#wrapper div.content #subnav ul li a.parents_corner {
	width:95px;
	background:url(../images/subnav/parents_corner.jpg) no-repeat;
}
#wrapper div.content #subnav ul li a.parents_corner_long {
	width:120px;
	background:url(../images/subnav/parents_corner_long.jpg) no-repeat;
}
#wrapper div.content #subnav ul li a.teachers_blackboard {
	width:123px;
	background:url(../images/subnav/teachers_blackboard.jpg) no-repeat;
}
#wrapper div.content #subnav ul li.teachers_blackboard_blank {
	width:123px;
	height:43px;
	background:url(../images/subnav/teachers_blackboard_blank.jpg) no-repeat;
}


#wrapper div.content #main {
	padding-bottom:15px;
	background:url(../images/main_bkgd.gif) top left repeat-y;
}
#wrapper div.content #main div.left {
	width:256px;
	height:auto;
	min-height:300px;
}
/* Min height for IE */
* html #wrapper div.content #main div.left {
	height: 300px;
}

#wrapper div.content #main div.left #section_nav {
	width:256px;
	list-style:none;
	margin:0;
	padding:0;
}
#wrapper div.content #main div.left #section_nav li {
	display:block;
	float:left;
	padding:0;
	margin:0;
	border-bottom:1px solid #b8b39f;
}
#wrapper div.content #main div.left #section_nav li a {
	display:block;
	float:left;
	width:232px;
	padding:0 0 5px 24px;
	margin:0;
	background-color:#f5f4f2;
	border-top:6px solid #efeeea;
	color:#333;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#wrapper div.content #main div.left #section_nav li a:hover {
	color:#666;
}
#wrapper div.content #main div.right {
	padding:15px 0 20px 25px;
	width:370px;
	height:auto;
	min-height:300px;
	line-height:17px;
}
/* Min height for IE */
* html #wrapper div.content #main div.right {
	height: 300px;
}

#footer {
	width:100%;
	float:left;
	position:relative;
	top:-80px;
	background:url(../images/footer_bkgd.jpg) repeat-x;
}
#footer div.content {
	width:866px;
	margin:0 auto;
}
#footer div.content div {
	float:left;
}
#footer div.content div.left {
	width:15px;
	height:150px;
	background:url(../images/footer_bkgd_left.jpg) no-repeat;
}
#footer div.content div.right {
	width:15px;
	height:150px;
	background:url(../images/footer_bkgd_right.jpg) no-repeat;
}
#footer div.content div.middle {
	width:800px;
	padding:15px 15px 0 20px;
	background:url(../images/footer_bkgd_content.jpg) repeat-x;
}
#footer div.content div.middle div.logos {
	width:450px;
	margin-right:20px;
}
#footer div.content div.middle div.info {
	width:325px;
	padding-top:15px;
	font-size:10px;
	line-height:12px;
}
#footer div.content div.middle div.nav {
	width:795px;
	padding-top:25px;
}
#footer div.content div.middle div.nav a {
	font-size:9px;
	font-weight:bold;
	color:#666;
}
#footer div.content div.middle div.nav a:hover {
	color:#333;
}