body {
	padding: 0;
	margin: 0;
	background: url(/pics/background.jpg) top left repeat-x #edfba4;
}

.HPNews td, .HPEvents td, .HPLinks td {
	padding-bottom: .7em;
}
#l {
	padding-top: .54em;
}
#header {
	position: relative;
	margin: 0 auto;
	width: 962px;
	height: 347px;
	background: url(/pics/header.jpg) top left no-repeat;
	z-index: 10;
}
#header h1 {
	margin: 0;
	padding: 0;
}
#header h1 a {
	display: block;
	height: 0;
	overflow: hidden;
	width: 379px;
	padding-top: 145px;
	position: absolute;
	left: 0;
	top: 188px;
}

#translate {
	position: absolute;
	top: 7px;
	left: 66px;
}

#search {
	width: 216px;
	height: 18px;
	position: absolute;
	top: 8px;
	right: 6px;
}

#search input#q {
	height: 16px;
	width: 146px;
	padding: 2px 2px 0 3px;
	float: left;
	display: inline;
	border: 0;
}
#search #sa {
	margin: 0 0 0 0px;
	float: left;
	display: inline;
}


/* Container */
#container {
	width: 900px;
	padding-left: 62px;
	margin: 0 auto;
	background: url(/pics/content_bg.png) top right repeat-y;
	position: relative;
	z-index: 10;
}

.contentIndex {
	font-family: Arial !important;
	font-size: 10pt !important;
}
.contentIndex a {
	color: #003811 !important;
}
.contentIndex h2 {
	padding: 0;
	margin: 0 0 .5em 0;
}
/* Left Column */
	#left_column {
		width: 215px;
		margin-left: 16px;
		float: left;
		display: inline;
		min-height: 555px;
		height: auto !important;
		height: 555px;
	}
	
	/* menu */
	#menu {
		padding-bottom: 17px;
		background: url(/pics/nav_bottom_gradient.png) bottom left no-repeat;
		margin-bottom: 50px;

	}
	
	#shuffle3 {
		border: 3px solid #ecfaa3;
		width: 185px;
		height: 142px;
		margin: 0 auto;
		clear: both;
	}
	
/* Right Column */



#right_column.content {
	width: 623px;
	overflow:hidden;
	float: left;
	display: inline;
	margin-left: 16px;
	padding: 0px 8px 6px 8px;
	font-family: Arial;
	color: #000;
	font-size: 10pt;
}

#right_column.contentIndex {
	width: 639px;
	float: left;
	display: inline;
	padding-left: 16px;
}


.pageTitle {
	margin: 0;
	padding: 0;
	display: block;
	background: url(/pics/pageTitle.png) top left no-repeat;
	width: 607px;
	height: 24px;
	color: #fff;
	margin-bottom: 6px;
	line-height: 24px;
	padding: 0 8px;
	font-family: Arial;
	font-size: 11pt;
}


/*  Index Content */
	
	/* marquee */
	#marquee {
		background-color: #ecfaa3;
		color: #2c2f1f;
		height: 22px;
		line-height: 22px;
		font-family: Arial;
		font-size: 10pt;
		width: 639px;
		z-index: 999;
		display: block;

		position: absolute;
		top: -9px;
		left: 309px;
	}
	
	#marquee_wrap {
		margin: 0 auto;
		width: 962px;
		position: relative;
		z-index: 9999;
	}

	/* Principal's Message */
	#principals_message {
		width: 181px;
		min-height: 260px;
		height: auto !important;
		height: 260px;
		
		float: left;
		display: inline;
		margin: 15px 0 0 19px;
	}
	#principals_message h2 {
		display: block;
		width: 180px;
		height: 0;
		overflow: hidden;
		padding-top: 22px;
		background: url(/pics/principals_message.png) top left no-repeat;
		margin-top: 8px;
	}
	#message_container {
		overflow: hidden; 
		height: 178px;
	}
	
	/* Shuffle One */
	#shuffle1 {
		float: left;
		display: inline;
		margin:  15px 0 0 9px;
		width: 394px;
		height: 249px;
		background: url(/pics/imagerotation1_bg.png) top left no-repeat;
		padding: 16px;
	}
	
	/* News */
	
	#newsContainer {
		width: 320px;
		float: left;
		display: inline;
		clear: both;
		min-height: 291px;
		height: auto !important;
		height: 291px;
	}

	#newsContainer h2 a {
		display: block;
		width: 320px;
		height: 0;
		overflow: hidden;
		padding-top: 30px;
		background: url(/pics/news_head.png) top left no-repeat;
	}

	/* Events */
	
	#eventsContainer {
		width: 319px;
		float: left;
		display: inline;
		background: url(/pics/mural1.jpg) bottom right no-repeat;
		min-height: 291px;
		height: auto !important;
		height: 291px;
		
	}

	#eventsContainer h2 a {
		display: block;
		width: 319px;
		height: 0;
		overflow: hidden;
		padding-top: 30px;
		background: url(/pics/events_head.png) top left no-repeat;
	}
	
	/* Image Rotation two */
	#shuffle2 {
		width: 308px;
		height: 249px;
		padding: 6px;
		background: url(/pics/imagerotation2_bg.png) 0 0 no-repeat;
		float: left;
		display: inline;
		clear: both;
		margin: 2px 0 0 2px;
	}
	
	/* Links */
	#linksContainer {
		min-height: 256px;
		height: auto !important;
		height: 256px;
		
		width: 307px;
		margin: 8px 0 4px 2px;
		/* margin is same as shuffle2 plus 6px offset */
		float: left;
		display: inline; 
		background: url(/pics/mural2.jpg) bottom right no-repeat;
	}
	
	#linksContainer h2 a {
		display: block;
		width: 307px;
		height: 0;
		overflow: hidden;
		padding-top: 24px;
		background: url(/pics/links_head.png) top left no-repeat;
	}

/* Owl */

#owl {
	width: 215px;
	height: 226px;
	position: absolute;
	bottom: 0; /* make sure you pull footer up same amount! */
	left: 78px;
}


/* Footer */
#footer {
	width: 900px;
	height: 121px;
	margin: 0 auto;
	background: url(/pics/footer.png) top right no-repeat;
	position: relative;
	
	padding-left: 62px;
	font-family: Arial;
	font-size: 10pt;
	color: #eff2f0;
	clear: both;
	
}
#footer p {
	margin: 0;
	padding: 0;
}
#footer #home_link a {
	display: block;
	position: absolute;
	top: 17px;
	left: 73px;
	width: 223px;
	height: 0;
	overflow: hidden;
	padding-top: 70px;
}

#footer #copyright {
	display: block;
	width: 585px;
	height: 58px;
	position: absolute;
	top: 30px;
	right: 84px;
	text-align: right;
}
#footer #districtlogo {
	display: block;
	position: absolute;
	top: 25px;
	right: 9px;
	width: 63px;
	height: 61px;
}
#footer #poweredby {
	position: absolute;
	display: block;
	width: 253px;
	height: 0;
	top: 99px;
	left: 326px;
	overflow: hidden;
	padding-top: 22px;
	background: url(/pics/poweredby.png) top left no-repeat;
}



/* Drop-lefts */
#menu {
	float: left;
	display: inline;
	width: 215px;
	position: relative;
	z-index: 99999;
}
/* all unordered lists */
#menu ul, #menu li {
	position: relative;
	z-index: 99999;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

/* first unordered list (override these below) */
#menu ul {
	width: 215px;
}

#menu li a {
	display: block;
	margin: 0;
	height: 0;
	overflow: hidden;
	width: 215px;
	padding: 37px 0 0 0;

	background-position: top left;
	background-repeat: no-repeat;
}

#menu li a:hover, #menu li:hover a, #menu li.over a { background-position: -215px 0; }


li#aboutus a       { background-image: url('/pics/menu/aboutus.png'); }
li#achievement a       { background-image: url('/pics/menu/achievement.png'); }
li#contact a       { background-image: url('/pics/menu/contact.png'); }
li#home a       { background-image: url('/pics/menu/home.png'); }
li#parents a       { background-image: url('/pics/menu/parents.png'); }
li#schoollocation a       { background-image: url('/pics/menu/schoollocation.png'); }
li#staff a       { background-image: url('/pics/menu/staff.png'); }
li#students a       { background-image: url('/pics/menu/students.png'); }
li#grade_levels a       { background-image: url('/pics/menu/grade_levels.png'); }
li#supply_lists a       { background-image: url('/pics/menu/supply_lists.png'); }

#menu ul li ul {
	position : absolute;
	left: -999em;
	margin-left : 215px; /* width of top level link */
	margin-top : -37px;  /* negative of height of top level link */
	width: 160px;
	font-family: Arial;
	font-size: 10pt;
	width: 50px !important;
}
#menu ul li ul li {
	margin-left: 2px;
}

#menu ul li ul li a {
	width: auto;
	width: 138px;
	padding: 0;
	height: auto;
	background-color: #003811;
	color: #EFF2F0;
	text-decoration: none;
	border: 2px solid #003811;
	border-top-width: 2px;
	border-bottom-width: 0;
	padding: 4px 8px;
}

#menu ul li ul li:last-child a, #menu ul li ul li.last a {
	border-bottom-width: 2px;
}
#menu ul li ul li:hover a, #menu ul li ul li.over a {
	background-color: #ecfaa3;
	color: #003811;
}

#menu ul li:hover ul,#menu ul li.over ul {
	left: auto;
}
#menu ul li ul li a {
	background-image: none;
	height: auto;
}