body {
	margin:auto;
	padding:5px 0px 0px 0px;
    background-color: #ffffff;
}

#container{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin-top: auto;
	margin-bottom: auto;
	
}

/* Header */
#header{
 width:800px;
 height:246px;
 margin:0px;
 padding:0px;
 position:relative;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

#top{ width:800px; height:15px; margin:0px; padding:0px; background:url(css_images/header_top.jpg) no-repeat; position:relative;;
}

#banner {width:587px; height:71px; padding:0px; margin:0px;background:url(css_images/banner.jpg) no-repeat;position:relative;}

#collage{ width:587px; height:136px; padding:0px; margin:0px; position:relative;}
#collage img{ padding:0px; margin:0px;}

#header_right{position:absolute; top:15px!important; top:18px; left:587px!important; left: 587px; z-index: 25; margin:0px; padding:0px;}

#menu { width:800px; height:22px; background:url(css_images/menu.jpg) repeat-x; position:relative; }
#menu ul { padding: 0; margin: 0; list-style: none;}
#menu li { /* all list items */ float: left; padding: 0px 10px 0px 10px; position: relative;}
#menu a { color: #fec002; text-decoration: none; font-weight: bold; display: block; padding:2px 5px 2px 5px; font-size:13px;}
#menu a.here { color:#ffebae; text-decoration:none; font-weight: bold;}
#menu a:hover {color:#ffebae; text-decoration: none; font-weight: bold;}



/*end of header classes*/

/*Content Area*/
#content { width:798px; padding:0px !important; padding:4px 0px 0px 2px;  position:relative;margin:0px; float:left;
/*border:1px solid #990033;*/}

#content_left{ width:118px; height:300px; margin:0px; padding:4px 4px 4px 4px; position:relative; float:left;}
#content_left table{ text-align:center;}
#content_left td,tr{ text-align:center;}

#content_mid{ width:488px; margin:0px; padding:0px; float:left; position:relative;}
/*#content_mid_top{ width:486px; height:20px; margin:0px; padding:0px; position:relative; float:left; background:url(css_images/content_m_top.jpg) no-repeat;}*/
#content_mid h1 {font-size:18px; margin: 0px 0px 0px 0px; width:476px; height:20px; padding: 10px 0 0 10px; position:relative; float:left; background:#ffebae url(css_images/content_m_top.jpg) no-repeat;}
#content_mid h2 {font-size: 18px;  margin: 10px 0 0 10px;}
#content_mid h3{ border-bottom: 1px solid #3a1f1c; width:470px; margin:6px 0px 2px 9px;	padding:0px 0px 2px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px ;padding-top: 0px;text-align:left; letter-spacing: 0px;}
#content_mid h4 {font-size:18px; margin: 0px 0px 0px 0px; width:476px; height:20px; padding: 2px 0px 0 10px; position:relative; float:left; background:#ffebae url(css_images/content_m_top.jpg) no-repeat;
text-align:center; text-decoration:blink; font-style:italic;}
#content_mid h5 {font-size: 18px;  margin: 6px 0 0 10px;}
#content_mid h6{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;padding: 2px 0px 0 10px; margin:0px;}

#content_mid_body{width:486px;  margin:0px; padding:0px; position:relative; float:left; background:url(css_images/content_mid_body.jpg) repeat-y;}
#content_mid_body p {margin: 0 10px 5px 10px; font-family:Geneva, Arial, Helvetica, sans-serif; line-height: 16px; text-align:justify; font-size:13px;}
#content_mid_body a {color: #4d3c3a;}
#content_mid_body a:hover {color: #cf9c00;}
#content_mid_bottom{ width:486px; height:20px; margin:0px; padding:0px; position:relative; float:left; background:url(css_images/content_m_bottom.jpg) no-repeat;}

#content_r{ width:178px; margin:0px; padding:0px 0px 0px 2px; float:left; position:relative;}
/*#content_r_top{ width:174px; height:20px; margin:0px; padding:0px; position:relative; float:left; background:url(css_images/content_r_top.jpg) no-repeat;}*/
#content_r_body h1 {font-size:14px; margin: 0px 0px 0px 0px; width:174px; height:20px; padding: 5px 0 0 0px; position:relative; float:left; background:url(css_images/content_r_top.jpg) no-repeat; text-align:center}
#content_r_body h2{font-size:14px; margin: 0px 0px 0px 0px; width:174px; height:20px; padding: 8px 0 0 0px; position:relative;  text-align:center}
#content_r_body{width:174px; margin:0px; padding:0px; position:relative; float:left; background:url(css_images/content_r_body.jpg) repeat-y;}
#content_r_body p{color:#3a1f1c; font-size:12px; margin: 0 0 0 10px;}
#content_r_body a{color:#3a1f1c; font-size:12px; text-decoration:none;text-decoration:underline;}
#content_r_body a:hover{color:#3a1f1c; text-decoration:underline;/* font-weight:bold;*/}
#content_r_body hr{ color:#ffebae; width:165px; text-align:center; size:1px; height:1px;padding:0; margin:0;}

#content_r_bottom{ width:174px; height:15px; margin:0px; padding:0px; position:relative; float:left; background:url(css_images/content_r_bottom.jpg) no-repeat;}

.author {color: #4d3c3a; font-size: 12px; font-style:italic; margin: 0 0 0 10px;}
.date {color:#3a1f1c; font-size:12px; margin: 0 0 0 10px;}
.headline{ color:#3a1f1c; font-size:12px; margin: 0 0 0 10px;  font-weight:bold;}
.didYouKnow{ color:#ffc003; font-size:12px; margin: 0 0 0 10px; text-align:left; font-style:oblique; padding-right: 1px;}
.more{color:#3a1f1c; font-size:11px !important; text-decoration:underline;}
.other{color:#ffebae; font-size:12px !important; text-decoration:underline;}
.teacher{ font-size:14px; font-weight:bold;}
.principal{ font-size:12px; font-weight:bold; color:#4d3ca;}
.notice{ font-style:italic; color:#FF0000; padding-left:25px;}

/*Footer*/
#footer {
	width: 796px;
	margin:5px 0px 2px 2px;
	padding: 2px 0px 2px 0px;
	font-size: 11px;
	color:#800000;
	font-family: tahoma;
	text-align: center;
	position: relative;
	border-top: 1px solid #800000;
	/*border-bottom: 1px solid #800000;*/
	
}
#footer p { padding: 0px; margin:0px; font-family: tahoma; font-size: 11px; color:#000000;}
#footer td, tr {color:#000000; vertical-align:top;}
#footer hr {color:#3a1f1c; padding:0px; margin:0px; text-align:center; width:790px; size:1;}
#footer table{padding:0px; margin:0px; padding-top:2px;}
#footer a{ color:#000000; font-size:11px; text-decoration:none;}
#footer  a:hover{ text-decoration:underline;}

.img-floatRight { float:right; margin: 5px 0px 0 10px !important; margin: 5px 0px 0 5px;}
.img-floatRight img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -4px 4px 4px -4px; padding:0;
  /*padding: 4px;*/
  }
.img-floatLeft { float:left; margin: 5px 0px 0 10px !important; margin: 5px 0px 0 5px;}
.img-floatLeft img {
  display: block;
  position: relative;
  /*background-color: #fff;
  border: 1px solid #a9a9a9;*/
  margin: -4px 4px 4px -4px; padding:0;
  /*padding: 4px;*/
  }
.img-border {
	float: left;
	border:  1px solid #c0c0c0;
	background-color: #fff;
	padding:4px;
	margin: 2px 10px 0 0px !important;
	margin: 2px 5px 0 0px;
}

.clear {
  clear: both;
  height: 1px;
  margin-bottom: -1px;
  line-height: 0px;
  display: block;
  font-size: 0px;
}

.rules li {margin-bottom: 12px; margin-right:12px;}
.mid li { margin-top:2; margin-bottom: 5px; margin-right:12px;}