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

/* -----[ NORMALIZE ]----------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin: 0px; padding: 0px;}
/* remove list styles */
ol, ul
{ list-style:none;}
/* remove borders */
img, fieldset
{border:0;}
/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	}

html{
	text-align:center;
	font-size: 100%;
	}

body {
	position:relative;
	margin: 0px auto;
	width: 770px;
	color:#2C2C2C;
	font-size: 13px;
	line-height: 1.5em; /* 16x1.125=18px */
	background-color: #FFFEF1;
	background: #dfbd7c url(assets/backTexture.gif) repeat-x top left;
	font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
	border: 1px solid #CBA761;
	margin-top: 10px;
	margin-bottom: 10px;
}


table { font-size: 100%;}



h2, h3, h4, h5, h6, p, ul, blockquote, cite {
	text-align:left;
}
p{ 
		
		margin: 1.286em 0;
}
h2{
	font-size:22px;/* 22px/16px = 1.375 */
	margin: 1.63em 0 0 0; /* 36/22= 1.63  22x1.63 = 36 */
	color:#B20000;
	font-weight: normal;
}
h3 {
	font-size: 1.125em;/* 16 x1.125=18px */
	margin: 1em 0 1.286em 0; /* 18x1=18px */
	color:#297BAC;
	font-weight: normal;
}
h4 {
	font-size: 1em; /* 16/16 = 1em */
	margin: 1.125em 0; /*18/16= 1.125 */
	color:#B20000;
	}	

h5 {
	font-size: 1em;
	color:#974140;
	font-weight: normal;
	margin: 1.125em 0;	
}

h6 {
	font-size: .7em;
	color:#2C2C2C;
	font-weight: normal;
	font-style: italic;
	margin: -1.0em 0 0 0;
}
	
a { color:#006ec3;}	
a:visited {color:#006EC3}
a:hover {
	color: #800000;
}	

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
/* -----[ WRAP    ]---------------------------------*/	
#wrap{
	position: relative;
	margin: 0px auto 0 auto;
	padding-top: 5px;
	width: 770px;
	background-color:#FFFFFF;}

/* -----[ HEADER    ]---------------------------------*/	
#header{
	position: relative;
	margin: 5px auto 0 auto;
	width: 750px;
	height: 150px;
	background: url(assets/banner2.gif) no-repeat;}
#home #header{
	background: url(assets/banner.gif) no-repeat;}
	
/* -----[ MAIN NAVIGATION ]---------------------------------*/	

#navigation{ 
	width: 670px;
	height: 33px;
	position:relative;
	top: 117px;
	left: 5px;
	margin: 0px;}
ul#nav { margin:0px;}	
#nav li {
	margin: 0 1px 0 1px; 
	padding: 0;
	text-align: center;
	float: left; 	 
	}
	
#nav li, #nav a { height: 33px; display:block; text-decoration:none;}	

#nav a {
	color:#444F51;
	padding-top: 0px;
	text-indent: -9999px;
	overflow:hidden;
	}
	
#nav a:hover {
	background-position: 0 -33px;
	padding-top: 0px;
	color:#800000;
	height: 33px;
	}
	
.homeBut a, .homeBut a:hover, .homeBut a.selected  {
	background: url(assets/homeButton.jpg);
	width: 75px;
}
	
.aboutBut a, .aboutBut a:hover, .aboutBut a.selected  {
	background:  url(assets/aboutButton.jpg);
	width: 93px;
}	
.newsBut a, .newsBut a:hover, .newsBut a.selected  {
	background:  url(assets/newsButton.jpg);
	width: 135px;
}
		
.ptoBut a, .ptoBut a:hover, .ptoBut a.selected  {
	background:  url(assets/ptoButton.jpg);
	width: 75px;
}	
.mediaBut a, .mediaBut a:hover, .mediaBut a.selected  {
	background:  url(assets/mediaCenterButton.jpg);
	width: 150px;
}					
#nav a:active, #home .homeBut a.selected, #about .aboutBut a.selected, #news .newsBut a.selected, #pto .ptoBut a.selected, #media .mediaBut a.selected  { 
	 background-position: 0 -33px;
	 padding-top: 0px;
	height: 33px;
}		
	
#home .homeBut a:hover {background-position: 0 -33px;}	

/* -----[ CONTENT ]---------------------------------*/	

#content {
	float: left;
	padding:0px;
	width: 750px;
	margin: 0px 10px;
	background-color: #E6BD73;
	border-top: 5px solid #ffffff;
}
	 
#home #content {  
	border: none;
	background: #FFFFFF url(assets/quickBack.gif) repeat-y ;
	background-position: right top;
}
	
#content blockquote{
	font-size: 1.25em;
	margin: 1.8em .6em; 
	line-height: 1.8em;
	color:#A9CC66;
	font-weight: normal;
}
#mainContent {
	width: 510px;
	margin: 0 auto;
	padding: 0 20px 75px 20px;
	float: left;
	background-color: #ffffff;	
}
#home #mainContent {	 
background: url(assets/patch.jpg) no-repeat bottom right;
}
	 
#mainContent h2 {
	padding-bottom: .5em;
	border-bottom: 1px dotted  #E6E6E6;
}

#mainContent ul {list-style:square;
		
	padding-left: 1em;
	margin-bottom: 2em;}
	
#mainContent img { border: 3px solid #E6E6E6; margin: 1em;}	

#mainContent h3 { margin-bottom: .5em;  }

/* -----[ quick links ]---------------------------------*/	
#subContent { 
	width: 200px;
	margin: 0px;
	padding: 0px 0 0 0px;
	float: left;
}
	
ul#quickLinks  { 
	width: 142px;
	margin: 0px auto 60px auto;
	padding-top: 6px;
}	
	
#quickLinks li {
	margin: 0px 0 0px 0; 
	padding: 0;
	width: 142px;
}		
#quickLinks li, #quickLinks a { 
	display:block; 
	text-decoration:none; 
	width: 142px;
	height: 60px;
	color: #191919;
	text-indent: -9999px;}	

#quickLinks a {
	height: 60px;
}
	
#quickLinks a:hover {
	background-position: bottom left;
	width: 142px;
	height: 60px;
}	
li.enews a { background: url(assets/btn_enews.gif) top left;}
li.lunchMenu a { background: url(assets/btn_lunchmenu.gif) top left;}
li.eSchool a { background: url(assets/btn_eschool.gif) top left;}
li.calendar a { background: url(assets/btn_calendar.gif) top left;}
li.classroomPages a { background: url(assets/btn_teacherpages.gif) top left;}
	
/* -----[ upcoming events ]---------------------------------*/	
#upcomingEvents { 
	width: 428px;
	border: 4px solid #F1F0D6;
	overflow: auto;
	margin-top: 25px;
	margin-left: 45px;
}

ul#Events { 
	/*background-color: #FFF9DD;
	border: 5px solid #FFFFFF;*/
	width: 418px;
	margin: 25px auto 15px auto;
	padding: 0px;
	list-style: none;
}
	
#Events h3 { font-size: 1.25em; margin-bottom: 0;
}

#Events li{  margin: 5px 15px;}

	
/* -----[ photo area ]---------------------------------*/
#photoArea { 
	width: 202px; 
	float: right;
}
	

/* -----[ Sub Nav]---------------------------------*/	
ul#subNav { 
	width: 158px;
	margin: 30px auto;
	border: 3px solid #fff;
	}

	
#subNav li {
	width: 158px;
	background-color: #E8DBB0;
	border-bottom: 1px solid #CBA761;
	border-top: 1px solid #EEDEBF;
}		

	
#subNav a
{
	display: block;
	color:#A30010;
	padding: 10px 8px 8px 8px;
	width: 142px;
	font-size: 1.125em;
	background-color: #E8DBB0;
	text-decoration: none;
 }


#subNav a:visited
{
	text-decoration: none;
}

#subNav a:hover
{
	background-color: #E9A130;
	color: #FF9999;
	background: #900010;	
}
		
#subNav li:hover {border-bottom: 1px solid #900010;
	border-top: 1px solid #E9A130;
	}
/* -----[ FOOTER]---------------------------------*/	
#footer {
	background: #ffffff url(assets/footBack.jpg) no-repeat top right;
	color: #FFFEF1;
	font-size: 90%;
	padding: 2px 25px 0px 25px;
	width: 700px;
	text-align: center;
	clear: both;
	height: 80px;
	margin-left: 10px;	
}

#footer p{ 
		line-height: 1.75em;
		margin-bottom: 1.5em;
		text-align:center;}
		
#footer a { color: #BBDaE9;}
#footer a:hover { color: #FFFEF1;}

.disclaimer { 
font-size: 80%;
padding: 14px 0px; color: #333333;
margin: 0px;
border-bottom: 1px solid #CBA761;}

/* -----[ TABLE ]---------------------------------*/	
.tableBorder { border-top: 1px solid #BBDAE9;
border-right: 1px solid #BBDAE9;
text-align: left;}

.tableBorder td { border-bottom: 1px solid #BBDAE9;
border-left: 1px solid #BBDAE9; padding: 7px 15px;}

.bldRed { color:#800000; font-weight:bold;}
.brtBlue { color:#47A1D5; }


#content cite { font-size: 80%; margin: 0; text-align:left;}