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

body {
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	padding:0px;
	margin:0px
}

#outerContainer {
	margin:auto
}

#header {
	margin:auto;
	width:800px;
	height:110px;
	display:block
}

#interactive {
	margin:auto;
	width:800px;
	height:323px
}

#flash {
	float:left;
	width:555px;
	height:323px;
	background-color:#FFF
}

#links {
	float:right;
	width:245px;
	height:323px
}

#links img {
	display:block
}

#main {
	margin:auto;
	width:800px;
	min-height:371px;
}

#inMain {
	min-height:356px;
	padding-top:15px;
	padding-left:11px;
	padding-right:11px;
	background-image:url(images/contentBG.jpg);
	background-repeat:no-repeat;
	border-left:1px #000000 solid;
	border-right:1px #000000 solid;
	background-color:#fafafa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000
}

#inMain a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#213C75;
}

#inMain a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#213C75;
	text-decoration:none;
}

.bold {
	font-size:14px;
	font-weight:bold;
	color:#213C75
}

#leftLinks {
	float:left;
	width:46%;
	padding:10px;
	min-height:768px;
	background-color:#d1defa;
	border:1px #cccccc solid
}

#rightLinks {
	float:right;
	width:46%;
	padding:10px;
	min-height:768px;
	background-color:#d1defa;
	border:1px #cccccc solid
}

#news {
	float:left;
	width:251px;
	height:371px;
	background-image:url(images/newsBG.jpg);
	background-repeat:no-repeat
}

#inNews {
	width:229px;
	height:290px;
	padding-top:50px;
	padding-left:11px;
	padding-right:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px
}

#inNews a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#213C75;
}

#inNews a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#213C75;
	text-decoration:none
}

#survey {
	width:229px;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:top;
	color:#FFF
}

#survey a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF
}

#survey a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	text-decoration:none
}

#homepage {
	float:right;
	width:549px;
	height:371px;
	background-image:url(images/homepageBG.jpg);
	background-repeat:no-repeat
}

#inHomepage {
	padding-top:45px;
	padding-left:11px;
	padding-right:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px
}

#mission {
	width:260px;
	padding-top:20px;
	padding-left:11px;
	padding-right:11px;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	text-align:center
}

#footer {
	min-height:111px;
	background-color:#213c75
}

#inFooter {
	margin:auto;
	width:800px
}

#footerText {
	float:left;
	width:556px;
	padding-top:52px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF
}

#footerText a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-decoration:underline
}

#footerText a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-decoration:none
}

#powerSchool {
	float:right;
	width:244px;
	height:111px	
}


/************************************ OUR STAFF *******************************************************************************/

.staff {
	width:778px
}

.area {
	float:left;
	margin-top:15px;
	width:750px;
	padding:5px;
	font-size:14px;
	font-weight:bold;
	color:#213C75
}

.name {
	float:left;
	width:180px;
	padding:5px;
	font-weight:bold;
	background-color:#d1defa;
	border-bottom:1px #FFF solid
}

.position {
	float:left;
	width:253px;
	padding:5px;
	background-color:#d1defa;
	border-bottom:1px #FFF solid
}

.web {
	float:left;
	width:85px;
	padding:5px;
	background-color:#d1defa;
	border-bottom:1px #FFF solid
}

.email {
	float:left;
	width:220px;
	padding:5px;
	background-color:#d1defa;
	border-bottom:1px #FFF solid
}

.name2 {
	float:left;
	width:180px;
	padding:5px;
	font-weight:bold;
	background-color:#bbbbbb;
	border-bottom:1px #FFF solid
}

.position2 {
	float:left;
	width:253px;
	padding:5px;
	background-color:#bbbbbb;
	border-bottom:1px #FFF solid
}

.web2 {
	float:left;
	width:85px;
	padding:5px;
	background-color:#bbbbbb;
	border-bottom:1px #FFF solid
}

.email2 {
	float:left;
	width:220px;
	padding:5px;
	background-color:#bbbbbb;
	border-bottom:1px #FFF solid
}

/************************************ END OUR STAFF **************************************************************************/



/************************************ LUNCH MENU, CALENDAR *******************************************************************/
.calendarTable {
	border-color:#ccc;
	border-style:solid;
	border-width:0 0 1px 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:45px;
	width:778px;
}
.calendarTable td {
	background-color:#fafafa;
	border-color:#ccc;
	border-style:solid;
	border-width:1px 1px 0 0;
	margin:0;
	padding:2px 0 12px 2px;
	text-align:left;
	vertical-align:top;
	height:173px;
	width:110px;
}
.calendarTable td.weekend {background-color:#d1defa;}
.calendarTable td.hdr {
	background-color:#213C75;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	height:30px;
	padding:5px 0;
}

#calendarBack, #calendarMonth, #calendarNext {
	margin-bottom:10px;
	height:45px;
	background:none;
	border:none;
}

#calendarBack {text-align:left;}
#calendarMonth {text-align:center; font-size:20px; font-weight:bold}
#calendarNext {text-align:right;}
/***************************************************** END LUNCH MENU, CALENDAR ******************************************/