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

/* Global styles 
-------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 11px;}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	/* background-color:#9fb795; */
	background-color:#b1c6a5; }

h1, h2, h3 {
	font-weight: bold;}

h1 {
	font-size: 18px;}

h2 {
	font-size: 14px;}

h3 {
	font-size: 11px;}

a:link, a:visited {
	text-decoration: none;
	color:#00F;}

a:hover, a:active {
	text-decoration: none;
	color:#F00;}

.readmore {
	text-align: right;
	font-weight: bold;}

.gothere {
	text-align: right;
	font-weight: bold;}

.clear {
	clear: both;}

div.clear {
	padding:0;
	margin:0;
	border:0;}
	
.floatright {
	float: right; }

.floatleft {
	float: left; }


/* Page Containers
-------------------------*/

#page_container {
	width: 972px;
	margin: 0 auto; /* this provides the center float */ 
	margin-top:30px;
	position:relative;}


/* NAV AREA 
-------------------------*/
#nav_container {
	width: 970px;
	height:80px;
	border: 0;
	padding: 0;
	position:static;
	z-index:9999 !important;}

#nav_top {
	width: 970px;
	height:50px;
	border: 0;
	padding: 0;
	position: relative;}

#menu {
	width: 970px;
	height:30px;
	border: 0;
	padding: 0;
	background-color: #003b5d;}

#nav_top #date {
	color:#003b5d;
	font-size:11px;
	position:absolute;
	right:10px;
	bottom:16px;}

#nav_top #logo {
	position:absolute;
	left: -35px;
	top: -22px;}

/* HEADER AREA 
-------------------------*/
#header_container {
	width: 954px;
	/* margin-top:12px; */
	border: 0;
	padding: 8px;
	background-color: #FFF;
	border-bottom:solid 2px #999;
	position:static;
	z-index:1 !important;}

html>body #header_container {
	*padding-bottom: 0px; }  /* IE7-only adjustment */

#header {
	width: 714px;
	height: 216px;
	float:left;
	background-color:#066;}

#header_news {
	width: 212px;
	height: 196px;
	padding:10px;
	float: right;
	position:relative;
	background-color:#d5ecfa;}

#header_news h3 {
	/* color:#930; */  /* removed when date titles removed */
	margin-top:10px; }

#header_news h2 {
	 border-bottom:1px solid Black; }

#header_news p {
	margin-left: 10px; }

#header_news p.readmore {
	position: absolute;
	bottom: 10px;
	margin-left: 0px;}


/* TABBED AREA 
-------------------------*/
#tab_container {
	width: 970px;
	margin-top:12px;
	border: 0;
	padding: 0;
	background-color: #FFF;
	border-bottom:solid 2px #999;}

#tab_links {
	width: 232px;
	height: 216px;
	float: left;
	background-color:#FFF;}

#tab_links h2.title {
	width: 224px;
	height: 22px;
	font-size: 16px;
	font-weight: normal;
	color:#FFF;
	text-align:center;
	padding:4px;
	padding-top:8px;
	/* background-color:#999; */
	background-color:#066; 
	/* background-color:#03523d; */
	border-bottom:solid 1px #666;}

#schoollinks {
	width: 232px;
	padding-left:8px;
	background-color:#FFF;}

#schoollinks p {
	width: 196px;
	height: 22px;
	font-size:12px;
	font-weight:bold;
	padding-left:28px;
	padding-top:6px;
	margin-top:1px;
	vertical-align:middle;
	background-color:#CCC;
    cursor: pointer; }
	
#schoollinks p:hover {
	background-color:#999;}
	
#schoollinks a:link,
#schoollinks a:visited {
	color:#728089;
	text-decoration: none;}

#schoollinks a:hover,
#schoollinks a:active {
	color:#FFF;}

#schoollinks div p {
	vertical-align:middle;
	margin:0;
	padding:0;}

#tabs {
	width: 722px;
	height: 216px;
	float: right;
	position: relative;
	/* background-color:#CCC; */}

#tabs h2 {
	color:#003596;
	margin-top:4px; }


#tabs p {
	margin-top: 5px;
	margin-bottom:6px;
	margin-right:320px;}

#tabs p.tablink {
	margin-top: 1px;
	margin-bottom: 2px;
	margin-left: 10px;}

#tabs p.tablink a:link,
#tabs p.tablink a:visited {
	color:#00F;}
	
#tabs p.tablink a:hover,
#tabs p.tablink a:active {
	color:#F00;
	text-decoration:none;}


#fragment-1 {
	background:url(../images/stanton_elem_bg.jpg) no-repeat;}
#fragment-2 {
	background:url(../images/sheridan_elem_bg.jpg) no-repeat;}
#fragment-3 {
	background:url(../images/upper_elem_bg.jpg) no-repeat;}
#fragment-4 {
	background:url(../images/cm_middle_bg.jpg) no-repeat;}
#fragment-5 {
	background:url(../images/cm_high_bg.jpg) no-repeat;}
#fragment-6 {
	background:url(../images/community_ed_bg.jpg) no-repeat;}

#fragment-1,
#fragment-2,
#fragment-3,
#fragment-4,
#fragment-5,
#fragment-6 {
	background-position:right; }

/* MESSAGE AREA 
-------------------------*/
#message_container {
	width: 970px;
	margin-top:12px;
	border: 0;
	padding: 0;
	/* background-color: #FFF; */}

#message_innerbox_left {
	width: 298px;
	border: 0;
	padding: 8px;
	float: left;
	background-color: #FFF;
	border-bottom:solid 2px #999;}

#message_innerbox_center {
	width: 298px;
	border: 0;
	padding: 8px;
	margin-left:12px;
	float: left;
	background-color: #FFF;
	border-bottom:solid 2px #999;}

#message_innerbox_right {
	width: 302px;
	border: 0;
	padding: 8px;
	float: right;
	background-color: #FFF;
	border-bottom:solid 2px #999;}

#message1 {
	width: 278px;
	height: 160px;
	padding:10px;
	position: relative;
	background-color:#e8f1de;
	background:url(../images/message1_bg.jpg);}

#message2 {
	width: 278px;
	height: 160px;
	padding:10px;
	position: relative;
	background-color:#066;
	background:url(../images/message2_bg.jpg);}

#message3 {
	width: 282px;
	height: 160px;
	padding:10px;
	position: relative;
	/* background-color:#0FF; */
	background-color:#f8e9d6;
	background:url(../images/message3_bg.jpg);}
	/* background:#f8e9d6 url(../images/school_events_bg.jpg) bottom right no-repeat; } */

#message1 p {
	margin-right:110px; }

#message1 p.readmore {
	position: absolute;
	bottom: 10px;}

#message2 h2 {
	color:#FFC; }

#message2 h3 {
	color:#FFF;
	margin-top:10px; }
	
#message2 p {
	color:#FFF;}

#message2 a,
#message2 a:link,
#message2 a:visited {
	color:#FFF;
	font-weight:bold;
	padding-left:5px;}

#message2 a:hover,
#message2 a:active {
	color:#FF0;}

#message3 h3 {
	color:#930;
	margin-top:10px; }

#message3 p {
	margin-left: 10px;
	margin-right: 70px;}

#message3 p.readmore {
	position: absolute;
	/* bottom: 10px; */
	top: 100px;
	right:10px;
	margin-left: 0px;
	margin-right: 0px;}



/* FOOTER 
-------------------------*/
#footer_container {
	width: 954px;
	/* height: 24px; */
	text-align: center;
	border: 0;
	padding: 8px;
	margin-top: 10px;
	margin-bottom: 20px;
	background-color:#f8e9d6;
	border-bottom:solid 2px #999; }

#footer_container {
	*padding-bottom: 0px;} /* Get IE7 to pad correctly */

p.copyright {
	 margin:0;
	 padding:0;
	 float: left;}
	 
p.staff_login {
	 margin:0;
	 padding:0;
	 float: right;}