body {
	background: url('/pics/background.png') repeat-x #fff;
	margin: 0; padding: 0;
	position: relative;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	text-align: center;
}


/* General styles */

table caption {
	font-weight: bold;
	font-size: 1.7em;
}
h2, h3, h4, h5 { 
	color: #453096 !important;
}

h4, h5 { font-style: oblique; }
a, .light a, .light a:visited {
	color: #453096 !important;
}
a:hover, .light a:hover {
	text-decoration: none !important;
}



#header {
	width: 900px;
}

#contentfoot {
	position: absolute;
	display: block;
	bottom: -19px;
	left: 19px;
	background: url('/pics/contentfoot.png') top left no-repeat;
	width: 862px;
	height: 19px;
}

#wrapper { 
	text-align: left;
	position: static;
	background: url('/pics/contentbg_repeat.png') repeat-y top left;
	width: 900px;
	margin: 0 auto;
	z-index: 2;
}

/* Sticky Footer */

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }

#container { position: relative; z-index: 2000; }
span#bottomgradient {
	clear: both;
	position: relative;

	height: 342px;
	margin-top: -220px;
	
	width: 100%;
	z-index: 1;
	display: block;
	background: url('/pics/gradient_bottom.png') top left repeat-x;
}



/* Header */

#header {
	background: url('/pics/background.png') repeat-x #fff;
}
#header h1 {
	position: relative;
	z-index: 300;
	clear: both;
	overflow: hidden;
	background: url('/pics/header.png') top left no-repeat;
	width: 900px;
	height: 199px;
	padding: 0; margin: 0;
}

#header h1 a {
	display: block;
	overflow: hidden;
	width: 900px;
	height: 155px;
}

#header h1 a span {
	display: block;
	text-indent: -9000em;
}

/* Content Section */

#content {
	min-height: 400px;
	margin-top: -23px;
	position: relative;
	z-index: 500;
	width: 820px;
	padding: 0 40px; /* change this and you must change #indexcontent negative margins */
}


/* General Styles */

/* style tables, h3, etc here */

.pageTitle {
	background: transparent url(/pics/pagetitle.gif) no-repeat bottom right;
	color:#1e156b;
	display:block;
	font-size: 20px;
	height: 52px;
	width: 800px;
	margin: 19px auto 15px auto;
	padding-right: 50px;
	text-align: center;
	font-weight: bold;
	text-indent: -50px;
	position: relative;
	left: -20px;
}



/* INDEX page */

#roundedtop {
	display: block;
	margin: 0 0 0 -21px;
	width: 862px;
	height: 23px;
	z-index: 1000;
	background: url('/pics/roundedtop.png') top left no-repeat;
}


#indexcontent {
	position: relative;
	background: url('/pics/purplebg.png') top left repeat-y #8571d7;
	overflow: auto;
	width: 862px;
	margin: 0 -21px 0 -21px;
	z-index: 100;
}


#intro {
	clear: both;
	width: 832px;
	float: left;
	margin: 10px 0 0 17px;
}
#intro #introcontent {
	background: url(/pics/wide_bg.png) top left repeat-y;
	min-height: 100px;
	width: 832px;
}
#intro h2 {
	margin: 0;
	padding: 0;
}
#intro h2#intro_h2 {
	width: 832px;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 15px 0 0 0;
	background: url(/pics/wide_top.png) top left no-repeat;
}
#intro .foot {
	display: block;
	width: 832px;
	height: 22px;
	background: url(/pics/wide_bottom.png) top left no-repeat;
}

#howitworks, #whattoexpect, #howtoapply {
	float: left;
	width: 264px;
	margin-left: 10px;

}

#howitworks h2, #whattoexpect h2, #howtoapply h2 {
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 48px 0 0 0;
}

#howitworks h2 {
	background: url(/pics/howitworks_head.png) top left no-repeat;
	width: 228px;
	
}
#whattoexpect h2 {
	width: 260px;
	background: url(/pics/whattoexpect_head.png) top left no-repeat;
}
#howtoapply  h2 {
	width: 238px;
	background: url(/pics/howtoapply_head.png) top left no-repeat;
}



#newsandannouncements {
	float: left;
	display: inline;
	position: relative;
	margin-top: 12px;
	margin-bottom: 12px;
	width: 530px;
	background: url('/pics/leftcolback.png') top left repeat-y;
	margin-left: 17px;
}


#globe {
	display: block;
	background: url(/pics/globe.png) top left no-repeat;
	width: 220px;
	height: 206px;
	padding: 0; margin: 0;
	position: absolute;
	bottom: 28px;
	right: 16px;
}

.HPNews {
	position: relative;
	z-index: 999;
}
.HPNews #r {
	width: 470px;
}

.HPEvents #r {
	width: 240px;
}

#l { padding: 6px 5px 0 15px; }



#upcomingevents {
	float: left;
	display: inline;
	margin-left: 10px;
	margin-top: 12px;
	margin-bottom: 12px;
	width: 295px;
	background: url('/pics/rightcolback.png') top left repeat-y;
}

#leftcolfooter {
	display: block;
	width: 530px;
	height: 22px;
	background: url('/pics/leftcolbot.png') top left no-repeat;
	margin-top: 60px;
}

#rightcolfooter {
	display: block;
	width: 295px;
	height: 22px;
	background: url('/pics/rightcolbot.png') top left no-repeat;
}




#rotatingPhoto {
	float: left;
	display: inline;
	position: relative;
	margin-left: 12px;
}
#rotateDiv {
	margin: 0;
	padding: 0;
}
#rotateDiv object {
	margin: 0;
	padding: 0;
}
#rotatingPhoto span {
	/* use for image overlay */
	position: relative; 
	z-index: 900;
	display: block;
	background: url('/pics/rotateoverlay.png');
	width: 643px;
	height: 251px;
}

#rotatingPhoto img, #rotatingPhoto #rotateDiv {
	position: absolute;
	z-index: 800;
	top: 0; left: 0;
}


#newsandannouncements h2, #upcomingevents h2 {
	margin: 0; padding: 0;
}

#newsandannouncements h2 a {
	display: block;
	overflow: hidden;
	height: 0 !important;
	width: 530px;
	padding-top: 73px;
	background: url('/pics/newsandannouncements.png') top left no-repeat;
}

#upcomingevents h2 a {
	display: block;
	overflow: hidden;
	height: 0 !important;
	padding-top: 70px;
	width: 295px;
	background: url('/pics/upcomingevents.png') top left no-repeat;
	margin: 0;
}

/* Footer */

#footer {
	position: absolute;
	left: 50%;
	z-index: 100;
	width: 900px;
	height: 70px;
	padding: 200px 0 0 0;
	
	
	padding-top: 155px;
	height: 115px;
/*	in reality, 140+150 = 290 height,
	height: 290
 */
/* image height: 241px; */
	background: url('/pics/footer.png') top left no-repeat;
	clear: both;
	margin: -140px 0 0 -450px;
	text-align: center;
	color: #fff;
}

#footer #copyright {
	display: block;
	float: left;
	width: 381px;
	text-align: center;
	margin-top: 60px;
}
#footer #poweredbyen {
	position: absolute;
	bottom: 0;
	text-align: center;
	left: 49.9%;
	margin-left: -118px;
}

#footer #districtlink {
	float: left;
	margin: 11px 0 0 190px;
}
#footer #poweredbyen a {
	display: block;
	width: 0; height: 0;
	overflow: hidden;
	padding: 10px 235px 0 0;
	background: url('/pics/poweredby.png') top left no-repeat;
}



/* TOP NAVIGATION * /
	/* Set up floated list */
	ul#topnav { 
		width: 755px;
		margin: 0 auto !important;
		padding: 0;
		list-style: none;
		line-height: 1;
	}
	
	
	#topnav ul { 
		padding: 0; 
		margin: 0;
		list-style: none;
		line-height: 1;	
	}
	
	#topnav li {
		float: left;
		margin: 0;
		padding: 0;
/*		list-style: none;*/
	}

	#topnav li a { display: block;margin:0;padding:0; }

	#topnav li ul { /* drop down lists */
		position: absolute;
		border-color: #fff;
		border-style: solid;
		border-width: 1px;
		border-top-width: 0;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		margin-left: 10px;
	}
	#topnav li#home ul {
		margin-left: 0;
	}
	#topnav li:hover ul, #topnav li.over ul { /* lists nested under hovered list items */
		left: auto;
	}

	/* image replacement */
	
	#topnav li:hover ul, #topnav li.over ul {
	  left: auto;
	  background-position: 0 0;
	}
	
	#topnav li a span {
		display: block;
		position: absolute;
		left: -6000px;
	}


	/* Rollovers */
	#faq a, #contactus a, #home a, #top_overview a, #parents a, #program a, #students a {
		background-position: top left;
		background-repeat: no-repeat;
	}


	li#faq, li#faq a { width: 108px; height: 38px;  }
	li#contactus, li#contactus a { width: 109px; height: 38px;  }
	li#home, li#home a { width: 92px; height: 38px;  }
	li#top_overview, li#top_overview a { width: 114px; height: 38px;  }
	li#parents, li#parents a { width: 108px; height: 38px;  }
	li#program, li#program a { width: 115px; height: 38px;  }
	li#students, li#students a { width: 109px; height: 38px;  }

	li#faq a       { background-image: url('/pics/topnav/faq.png'); }
	li#faq:hover a 
	li#faq a:hover, li#faq:hover a, li#faq.over a { background-position: -108px 0; }

	li#contactus a       { background-image: url('/pics/topnav/contactus.png'); }
	li#contactus a:hover, li#contactus:hover a, li#contactus.over a { background-position: -109px 0; }

	li#home a       { background-image: url('/pics/topnav/home.png'); }
	li#home a:hover, li#home:hover a, li#home.over a{ background-position: -92px 0; }

	li#top_overview a       { background-image: url('/pics/topnav/overview.png'); }
	li#top_overview a:hover, li#top_overview:hover a, li#top_overview.over a { background-position: -114px 0; }

	li#parents a       { background-image: url('/pics/topnav/parents.png'); }
	li#parents a:hover, li#parents:hover a, li#parents.over a { background-position: -108px 0; }

	li#program a       { background-image: url('/pics/topnav/program.png'); }
	li#program a:hover,  li#program:hover a, li#program.over a { background-position: -115px 0; }

	li#students a       { background-image: url('/pics/topnav/students.png'); }
	li#students a:hover,  li#students:hover a, li#students.over a { background-position: -109px 0; }

	ul#topnav li ul li {
		float: none;
	}
	ul#topnav li ul li a {
		-moz-opacity: .92;
		opacity: .92;
		background-image: none !important;
		background-color: #8074d6;
		height: auto;
		text-decoration: none;
		color: #fff !important;
		padding: 4px 6px;
		line-height: 16px;
		z-index: 9999;
	}

	ul#topnav li ul li a:hover {
		background-color: #0064ff;
	}

	ul#topnav, ul#topnav li, ul#topnav li a {
		z-index: 50000;
		position: relative;
	}


/* QUICKLINKS */

/* CSS - copy and paste me! */
/* Set up floated list */

#quicklinks_container {
	float: left;
	display: inline;
	margin-left: 18px;
}

#goog_translate {
	text-align: center;
	margin-top: 8px;
}
#quicklinks {

	margin: 0; padding: 0;
	list-style: none;
	position: relative;

}

#quicklinksh2 {
	width: 0;
	height: 0;
	margin: 0; padding: 0;
	overflow: hidden;
}

#quicklinks li {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* image replacement */


/* Rollovers */
#quicklinks li a {
	display: block;
	margin: 0;
	padding: 0;
	background-position: top left; background-repeat: no-repeat;
	width: 177px;
	overflow: hidden;
	height: 0;
}


/* In case they change their mind about the check out video, you can revert to /pics/quicklinks_bak/
   and use this CSS

li#who a { padding-top: 50px;  }
li#parentconnect a { padding-top: 47px;  }
li#expect a { padding-top: 47px;  }
li#applynow a { padding-top: 55px;  }
li#attend a { padding-top: 48px;  }

*/

li#who a {  padding-top: 48px; }
li#parentconnect a { padding-top: 47px; }
li#expect a { padding-top: 47px; }
li#applynow a { padding-top: 55px; }
li#attend a { padding-top: 47px; }
li#checkoutvideo a { padding-top: 50px; }


#quicklinks li a:hover { background-position: -177px 0; }


li#who a       { background-image: url('/pics/quicklinks/who.png'); }
li#expect a       { background-image: url('/pics/quicklinks/expect.png'); }
li#applynow a       { background-image: url('/pics/quicklinks/applynow.png'); }
li#attend a       { background-image: url('/pics/quicklinks/attend.png'); }
li#checkoutvideo a       { background-image: url('/pics/quicklinks/video.png'); }

hr.thin {
	border: 0;
	color: #CCCCCC;
	background: #CCCCCC;
	height: 1px;
}


/* STORE */
/* Store */
#nav {
	color: #000;
	text-align: center;
	margin: 0 auto;
	padding: 15px;
	border: solid 1px #dedede;
}
#nav a {
	font: bold 12px Arial, Helvetica, sans-serif;
}
#nav a:hover {
	text-decoration: none
}
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav ul li {
	display: inline;
	margin: 4px;
}