/* -----[ 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;
	}


body {
	position:relative;
	margin: 0px auto;
	width: 100%;
	color:#2C2C2C;
	width:750px;
	background: url(assets/background.jpg);
}




body,td,li,p {
font: 1em/1.35 "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;

}

h2, h3, h4, h5, h6, p, ul, blockquote {
	margin: 7px 20px 15px 20px;
	text-align:left;
}
p{ margin-bottom:20px;}
h2{
	font: 135% "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	color:#58B100;
	font-weight: normal;
	letter-spacing:.03em;
}
h3 {
	font: 120% "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	color:#3076C2;
	font-weight: bold;
	letter-spacing:.03em;
}
h4 {
	font: 100% "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	color:#58B100;
	font-weight: bold;
	letter-spacing:.03em;
	margin-bottom:0px;
	}	

h5 {
	font: 100% "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	color:#E15126;
	font-weight: bold;
}	
a { color:#006ec3;}	
a:visited {color:#006EC3}
a:hover {
	color: #58B100;
}	

.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;
}


#container {
	width: 700px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000033;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: #FFFFFF url(assets/grass.jpg) no-repeat bottom center;
	overflow: auto;	
} 

#highlights{
	float:left;
	margin: 10px 0px;
	width: 550px;
	display:block;
	}
	


/* -----[ HEADER    ]---------------------------------*/	
#header{
	width: 100%;
	position: relative;
	margin:0 auto;
	background: url(assets/branding.jpg) no-repeat top left;
	height: 91px;
}

/* -----[ MAIN NAVIGATION ]----------------------------*/	
#nav {
	width: 523px;
	height: 70px;
	background: url(assets/buttons2.jpg) no-repeat;
	position:relative;
	top: 21px;
	left:177px;
	margin: 0px;
	
	}

#nav li {
	margin: 0; 
	padding: 0;
	position: absolute; top: 0;
	}
	
#nav li, #nav a { height: 70px; display:block; }	

#nav a {
	
	text-indent: -999px;
	overflow:hidden;
	}
	
#nav a:hover {
	background: url(assets/buttons2.jpg);
	}

#nav a:active, .home #thome a.selected, .school #tschool a.selected, .staff #tstaff a.selected, .news #tnews a.selected, .PTO #tpto a.selected, .activities #tactivities a.selected {
	background: url(assets/buttons2.jpg);
	}
	
#thome { left: 0; width: 88px;}	
#thome a:hover, .home #thome a.selected  { width: 90px; background-position: 0 -70px; }
	
#tschool { left: 90px; width: 88px;}
#tschool a:hover, .school #tschool a.selected  {  background-position: -90px bottom;}	

#tstaff { left: 174px; width: 87px;}
#tstaff a:hover, .staff #tstaff a.selected  {background-position: -174px -70px;}

#tnews {left: 263px; width: 87px;}
#tnews a:hover, .news #tnews a.selected  {background-position: -263px bottom;}

#tpto {left: 347px; width: 87px;}
#tpto a:hover,.PTO #tpto a.selected  { background-position: -347px -70px;}	

#tactivities {left: 434px; width: 87px;}
#tactivities a:hover, .activities #tactivities a.selected  { width: 86px; background-position: -434px bottom;}	



/* -----[SIDEBAr ]----------------------------*/	
#sidebar {
	float: left; 
	width: 210px; 
	padding: 15px 10px 15px 10px;
	background: url(assets/sidebar.jpg) no-repeat top left;
}

#sidebar2 {
	float: left; 
	width: 160px; 
	padding: 15px 0px 15px 10px;
	background: url(assets/sidebar.jpg) no-repeat top left;
}
.staff #sidebar2 {
	float: left; 
	width: 205px; 
	padding: 30px 0px 15px 0px;
	background: url(assets/sidebar.jpg) no-repeat top left;
}

.staff #sidebar2 img{
	
	max-width: 205px;
	
}

ul#subNav{ width:155px;
margin: -10px 0 0 0;}

ul#subNav li   { 
	width: 150px;
	height: 38px;
	text-align:center;
	}

ul#subNav li a   { 
	display: block;
	background: url(assets/butBackground.gif) no-repeat top left;
	height: 22px;
	padding: 8px 3px;
	text-decoration: none;
	color:#2C2C2C;
	}	
	
ul#subNav li a:hover   { 
	background: url(assets/butBackground.gif) no-repeat bottom left;
	color:#FFFFFF;
	}	


/* -----[MAIN CONTENT ]----------------------------*/	
#mainContent { 
	margin: 0 0 0 250px;
	padding: 0 20px; 
	min-height: 400px;
	position:relative;
	
}

#subContent { 
	margin: 0 0 100px 195px;
	padding: 0px 0px; 
	min-height: 400px;
	position: relative;
}

.staff #subContent { 
	margin: 0 0 100px 255px;
	padding: 0px 0px; 
	min-height: 400px;
	position: relative;
}
#subContent p, #subContent li, #subContent td { font-size:.85em;}

#news { width: 371px;
		background: #FFFFFF url(assets/newsCenter.png) repeat-y left;
		}
#pageText { 
	width: 490px;
	padding-top:20px;
	background: #FFFFFF url(assets/subCenter.gif) repeat-y;}


h1.newsInfo { 
	margin: 0px;
	background: url(assets/hdNews.jpg) no-repeat top left;
	height:71px;
	text-indent: -999px;
	}
	
h1.cloud { 
	background: url(assets/hdCloud.gif) no-repeat top left;
	height:	24px;
	color: #4F9ED8;
	padding: 30px 5px 10px 5px;
	font-size:140%;
	font-weight:normal;
	text-align:center;
	width:280px;}

h1.school, h1.staff, h1.news, h1.PTO, h1.activities { 
	margin: 0px;
	height:	70px;
	width: 160px;
	text-indent: -999px;}	
	
h1.school { background: url(assets/lfSchool.gif) no-repeat top left;}
h1.staff { background: url(assets/lfStaff.gif) no-repeat top left;}
h1.news { background: url(assets/lfNews.gif) no-repeat top left;}	
h1.PTO { background: url(assets/lfPTO.gif) no-repeat top left;}	
h1.activities { background: url(assets/lfActivities.gif) no-repeat top left;}				

h1.textBottom {
	background: url(assets/subBottom.gif) no-repeat bottom left;
height:25px;}	
		
#news h2 { margin: 0px;
	background: url(assets/newsTop.png) no-repeat top left;
	height:20px;
	}
	
#news h3 { margin: 0px;
	background: url(assets/newsBottom.png) no-repeat top left;
	height:16px;}
	
#news ul, #pageText ul { padding-left: 20px;
	}
#news ul li, #pageText ul li{ list-style-image:url(assets/bulletFlower.jpg);
	padding: 0px 10px 10px 3px;
	
	}	
	
h1.quickLinks { margin: 0px 0 0 -70px;
	background: url(assets/hdQuickLinks.png) no-repeat top left;
	height:68px;
	width: 150px;
	text-indent: -999px;
	position:relative;}	
	
/* -----[FEATURES ]----------------------------*/	
#calendar  { background: url(assets/butCalendar.jpg) no-repeat top left; }
#calendar a:hover { background: url(assets/butCalendar.jpg) no-repeat top right; }

#lunch  { background: url(assets/butLunch.jpg) no-repeat top left; }
#lunch a:hover { background: url(assets/butLunch.jpg) no-repeat top right; }

#eNews  { background: url(assets/butEnews.jpg) no-repeat top left; }
#eNews a:hover { background: url(assets/butEnews.jpg) no-repeat top right; }

#teacherPages  { background: url(assets/butTeacherPages.jpg) no-repeat top left; }
#teacherPages a:hover { background: url(assets/butTeacherPages.jpg) no-repeat top right; }


ul#features { 
	width: 240px;
	margin: 0 0 100px 90px;
	text-align:center;
	position: relative;
	top: -50px;	
	
			
}
ul#features li {  
	display: inline;  
	margin: 5px 3px;
	float:left;
	overflow:hidden; }

ul#features a { height:39px; 
	display:block;
	text-indent: -999px; 
	width: 113px;
	float:left;
	 }	
	
.photos {
	border: 1px dotted #B3B3B3;
	padding: 6px;
	margin: 5px 0px;
	background-color:#f2f2f2;
}



/* -----[ FOOTER ]----------------------------*/
#footer { 
	width: 700px;
	margin: 0 auto;
	padding: 10px 0px; 
	background:transparent url(assets/footerBackground.png) repeat-y center;
	text-align: center;
	border: 1px solid #000033;
	border-top: none;
	clear:both;
} 

#footer p {
	margin: 0; 
	padding: 10px 20px;
	color:#f2f2f2;
	font-size: .8em;
	text-align: center;
}

#footer h5 {
	margin: 0 25px; 
	padding: 10px;
	font-size: 60%;
	text-align: center;
	color:#f2f2f2;
}

#footer a {color: #F2F2F2;}

#footer a:hover {color: #33CCFF;}
.mediumsizedtext  {
	font-size: 110%;
}
.mediumsizedtext a  {
	font-size: 110%;
}

/* -------------- [ AVEry STYLES }---------------------*/

.avyGreen, .avyGreen a, .avyGreenLG, .avyGreenLG a, .avyGreenSM, .avyGreenSM a {
	
	color:#58B100;
}
.avyBlue, avyBlue a, avyBlueLG, avyBlueLG a, avyBlueSM, avyBlueSM a {
	color:#3076C2;
}

.avyBlack, .avyBlack a, .avyBlackLG, .avyBlackLG a, .avyBlackSM, .avyBlackSM a {
	color: #2C2C2C;}	

.avyRedOrange, .avyRedOrange a, .avyRedOrangeLG, .avyRedOrangeLG a, .avyRedOrangeSM, .avyRedOrangeSM a {
	color:#E15126;
}	

.avyGreenLG, .avyBlueLG, .avyBlackLG, .avyRedOrangeLG, p .avyGreenLG, p .avyBlueLG, p .avyBlackLG, p .avyRedOrangeLG {
	font-size: 120%;
}
.avyGreenSM, .avyBlueSM, .avyBlackSM, .avyRedOrangeSM, p .avyGreenSM, p .avyBlueSM, p .avyBlackSM, p .avyRedOrangeSM {
	font-size: 80%;
}
.avyTable {
border-top: 1px solid #BAD1DD;
border-left: 1px solid #BAD1DD; }

.avyTable td {
border-bottom: 1px solid #BAD1DD;
border-right: 1px solid #BAD1DD;
padding: 3px; }