@import url("/apps/js/polls/polls-pack.css");

html{
	margin: 0;
	padding: 0;
	width: 100%;

	background: #302011;
	
}

#background{
	width: 100%;
		
		background: url(/pics/bg_body.jpg) center top repeat-x;
	
}

body {
	margin: 0;
	padding: 0;
	background: url(/pics/bg_html.jpg) center top;
	width: 100%;
	font-family: Arial, Verdana, sans-serif;
	
}

#header{
	position: relative;
	height: 139px;
	z-index: 9999;
	width: 900px;
	margin: 0 auto;
}

#header h1{
	margin: 0;
	padding: 0;
	z-index: 999999999;
}

#date{
	position: absolute;
	color: #fff;
	font-size: 12px;
	top: 0;
	right: 145px;
	line-height: 30px;
}

#translate select{
	width: 122px;
}

#translate{
	position: absolute;
	right: 8px;
	top: 8px;
}

#header h1 a{
	width: 260px;
	height: 0;
	padding-top: 152px;
	display: block;
	overflow: hidden;
	margin: 0px auto;
	z-index: 999999;
	position: relative;

}

#wrapper{
	background: url(/pics/bg_wrapper.jpg) center top no-repeat;
}

#topnav{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	width: 100%;
	height: 35px;
	position: absolute;
	top: 70px;
	z-index: 999;
}



#topnav li{
	float: left;
	background: url(/pics/topnav_bottom.png) bottom repeat-x;
	width: auto;
	height: 35px;
	
}

#topnav_students{
	margin-left: 274px;
}

#topnav li a {
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font-family: Arial, Verdana, sans-serif;
	display: block;
	overflow: hidden;
	height: 0;
	padding: 29px 11px 0;
	line-height: 29px;
	font-size: 13px;
}

#topnav_students a, #topnav_athletics a, #topnav_programs a, #topnav_contact a{
	padding: 29px 8px 0 !important;
}


#topnav_home a{width: 36px; background:url(/pics/topnav_home.png) center 5px no-repeat;}
#topnav_about a{width: 59px; background:url(/pics/topnav_about.png) center 5px no-repeat;}
#topnav_academics a{width: 69px; background:url(/pics/topnav_academics.png) center 5px no-repeat;}
#topnav_parents a{width: 54px; background:url(/pics/topnav_parents.png) center 5px no-repeat;}
#topnav_students a{width: 63px; background:url(/pics/topnav_students.png) center 5px no-repeat;}
#topnav_athletics a{width: 63px; background:url(/pics/topnav_athletics.png) center 5px no-repeat;}
#topnav_programs a{width: 67px; background:url(/pics/topnav_programs.png) center 5px no-repeat;}
#topnav_contact a{width: 55px; background:url(/pics/topnav_contact.png) center 5px no-repeat;}


#topnav li a:hover, #topnav li:hover a, #topnav li.over a{
	background-color: #e0b643;
}

#topnav ul{
	position: absolute;
	left: -9999px;
	list-style: none;
	width: 156px;
	margin: 0;
	padding: 0;
}

#topnav li:hover ul, #topnav li.over ul{
	left: auto;
	background-position: 0 0;  /* add this line! */
	
}

#topnav li li{
	float: left;
	background: none;
	height: auto;
}

#topnav li li a {
	display: block;
	width: 140px;
	height: auto;
	line-height: 12px;
	font-size: 12px;
	text-transform: none;
	padding: .4em 8px !important;
	background: none;
	line-height: 1.2;
	color: #222;
}

#topnav li li a:hover{
	background-color: #593F28;
	color: #fff;
}

#toparea{
	width: 100%;
	height: 289px;
	position: relative;
	overflow: hidden;
}

#toparea #motto {
	margin: 0 0 0 -295px;
	padding: 0;
	width: 595px;
	height: 0px;
	padding-top: 40px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 244px; 
	left: 50%;
	background: url(/pics/motto.png) no-repeat;	
}



#photo1, #photo2, #photo3, #photo4{
	float: left;
	
	position: relative;
	z-index: 999;
	width: 225px; height: 242px;
}

#photo1 { 
	-webkit-transform: rotate(-1.5deg); 
	-moz-transform: rotate(-1.5deg); 
	transform: rotate(-1.5deg); 
}
#photo2 { 
	-webkit-transform: rotate(1.00deg); 
	-moz-transform: rotate(1.00deg); 
	transform: rotate(1.00deg); 
}
#photo3 { 
	-webkit-transform: rotate(-0.9deg); 
	-moz-transform: rotate(-0.9deg); 
	transform: rotate(-0.9deg); 
}
#photo4 { 
	-webkit-transform: rotate(1.40deg);
	-moz-transform: rotate(1.40deg);	
	transform: rotate(1.40deg);	
}

#photos {
	width: 900px;
	margin: 0 auto;
	position: relative;
}

#photos div img{
	position: absolute;
	z-index: 1;

}

#photo1 img, #photo3 img, #photo4 img{
	bottom: 10px;
	left: 6px;
}

#photo2 img{
	bottom: 10px;
	left: 8px;
}



#photos .overlay{
	width: 225px; height: 242px;
	position: absolute;
	z-index: 999;
	background: url(/pics/bg_photos.png);
}

#photo1 .overlay{background-position: 0;}
#photo2 .overlay{ background-position: 225px 0;}
#photo3 .overlay{background-position: 452px 0;}
#photo4 .overlay{ background-position: 681px 0;}



#content{
	width: 880px;
	padding: 10px;
	background: url(/pics/bg_content.png);
	position: relative;
	margin: 0 auto;
}

#content #container{
	background: url(/pics/bg_container.gif);
}

#content .innercontent{
	width: 860px;
	padding: 10px 10px 50px;
	background: #fff;
	font-size: 12px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

.innercontent table a{
	color: #302011;
}

#leftcol{
	width: 228px;
	float: left;
	background: #302011;
	padding: 12px;
}

#rightcol{
	background: #fff;
	padding: 12px;
	float: left;
	width: 604px;
}

#quicklinks{
	margin: 0 0 10px;
	padding: 12px 0;
	list-style: none;
	border: 1px solid #6f5b48;
	background: url(/pics/bg_quicklinks.gif) center top repeat-x #3d2916;
}

#quicklinks li a{
	width: 226px;
	height: 0;
	padding: 30px 0 6px;
	overflow: hidden;
	display: block;
	line-height: 30px;
	text-decoration: none;
}

#quicklinks li a:hover{
	background-position: -226px 4px;
}

#ql_depts a{background: url(/pics/ql_depts.png) 0 4px no-repeat;}
#ql_classes a{background: url(/pics/ql_classes.png) 0 4px no-repeat;}
#ql_staff a{background: url(/pics/ql_staff.png) 0 4px no-repeat;}
#ql_album a{background: url(/pics/ql_album.png) 0 4px no-repeat;}
#ql_athletics a{background: url(/pics/ql_athletics.png) 0 4px no-repeat;}
#ql_library a{background: url(/pics/ql_library.png) 0 4px no-repeat;}
#ql_ptsa a{background: url(/pics/ql_ptsa.png) 0 4px no-repeat;}
#ql_champions a{background: url(/pics/ql_champions.png) 0 4px no-repeat;}
#ql_college a{background: url(/pics/ql_college.png) 0 4px no-repeat;}
#ql_calendar a{background: url(/pics/ql_calendar.png) 0 4px no-repeat;}


#sat{
	width: 226px;
	border: 1px solid #6f5b48;
	display: block;
	height: 0;
	padding-top: 38px;
	background: url(/pics/btn_sat.png) no-repeat;
	overflow: hidden;
	margin-bottom: 5px;
}

#forms{
	width: 226px;
	border: 1px solid #6f5b48;
	display: block;
	height: 0;
	padding-top: 38px;
	background: url(/pics/btn_forms.png) no-repeat;
	overflow: hidden;
}

#sat:hover, #forms:hover{
	background-position: -226px 0;
}

.media{
	margin-top: 10px;
}

.hpcontainer #l{
	width: 4px;
	padding-left: 15px;
}

#leftcol .hpcontainer #r a{
	color: #fff;
	font-size: 13px;
}

#rightcol .hpcontainer #r a{
	color: #000;
	font-size: 13px;
}

#leftcol .hpcontainer #r{
	color: #fff;
	font-size: 13px;
	padding-bottom: 10px;
}

#rightcol .hpcontainer #r{
	color: #000;
	font-size: 13px;
	padding-bottom: 10px;
}

.HPEvents, .HPNews{
	font-size: 14px;
}

.hpcontainer h2{
	margin: 0;
	padding: 0;
}

.events h2 a{
	display: block;
	width: 228px;
	overflow: hidden;
	padding-top: 25px;
	height: 0px;
	background: url(/pics/events_header.gif) no-repeat;
	margin: 20px 0 5px;
}

.news h2 a{
	display: block;
	width: 604px;
	overflow: hidden;
	padding-top: 21px;
	height: 0px;
	background: url(/pics/news_header.gif) no-repeat;
	margin: 0 0 5px;
}

.media h2 a{
	display: block;
	width: 604px;
	overflow: hidden;
	padding-top: 21px;
	height: 0px;
	background: url(/pics/media_header.gif) no-repeat;
	margin: 0 0 5px;
}

.alumni h2 a{
	display: block;
	width: 285px;
	overflow: hidden;
	padding-top: 21px;
	height: 0px;
	background: url(/pics/alumni_header.gif) no-repeat;
	margin: 20px 0 5px;
}



#academiesheader{


	margin: 20px 0 20px;
}

#video{
	width: 280px;
	float: left;
	margin-left: 10px;
}

#shufflediv .overlay{
	width: 302px;
	height: 205px;
	background: url(/pics/shuffle2_overlay.png) no-repeat;
	position: absolute;
}

#shufflediv{
	float: left;
	width: 302px;
	position: relative;
	margin-left: 10px;
}

#shuffletwo{
	position: absolute;
	top: 15px;
	left: 16px;
}

.alumni{
	width: 285px;
	float: left;
}

.academies{
	width: 291px;
	float: left;
	margin-left: 20px;
}

.alumni img{
	display:  none;
}

#academies_list{
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 8px solid #eae8e7;
	border-bottom: 7px solid #eae8e7;
	width: 280px;
	overflow: hidden;
}

#academies_list li a{
	display: block;
	width: 100%;
	background: #eae8e7;
	color: #302011;
	font-size: 15px;
	text-decoration: none;
	padding-left: 30px;
	line-height: 30px;

}

#academies_list li a:hover{
	background: #302011;
	color: #fff;
}

#academies_list li a span{
	width: 24px;
	height: 26px;
	display: inline-block;
	float: left;
	margin-right: 10px;
	margin-top: 2px;
}

#academy_ninth a span{background: url(/pics/icon_ninth.gif); }
#academy_biomed a span{background: url(/pics/icon_biomed.gif); }
#academy_dreamstreet a span{background: url(/pics/icon_dreamstreet.gif); }
#academy_magnet a span{background: url(/pics/icon_magnet.gif); }
#academy_teaching a span{background: url(/pics/icon_teaching.gif); }

#academies_list li a:hover span{
	background-position: -24px 0;
}

#cougar{
	position: absolute;
	bottom: 0;
	right: 10px;
}

#footer{
	width: 100%;

	background: url(/pics/bg_footer_repeat.jpg) repeat-x #302011;
	border-top: 1px solid #857261;
}

#footer .inner{
	width: 900px;
	margin: 0px auto;
	height: 202px;
	background: url(/pics/bg_footer.jpg) center top no-repeat;
	position: relative;
}

#footer #seal{
	position: absolute;
	right: 5px;
	top: 60px;
}

#footer #map{
	position: absolute;
	top: 60px;
	right: 70px;
}

#footer #edlio{
	position: absolute;
	top: 130px;
	right: 80px;
}

#footer address{
	font-family: 'PT Sans Narrow', sans-serif;
	color: #E3B632;
	font-size: 19px;
	font-style: normal;
	position: absolute;
	top: 60px;
	right: 100px;
}

#footer address img{
	vertical-align: middle;
}

#footer address b{
	font-weight: normal;
	color: #fff;
	font-size: 24px;
	margin-right: 5px;
}

#footer address a{
	text-decoration: none;
	color: #E3B632;
}

#footer address span{
	font-size: 12px;
	
}

#q{
	width: 93px;
	padding-left: 10px;
	height: 19px;
	float: left;
	border: 0;
	line-height: 19px;
	background: url(/pics/bg_q.gif) no-repeat;
	margin-right: -1px;
}

#searchform{
	position: absolute;
	top: 130px;
	right: 250px;
}

.pageTitle{
	font-size: 20px;
	text-transform: uppercase;
	background: url(/pics/bg_pagetitle.gif) bottom repeat-x;
	line-height: 40px;
	margin: 0 0 10px;
	padding: 0;
}

/*  Page Navigation  */
#pageNav {
	border: 0;
	font-family: 'PT Sans Narrow', sans-serif;
}
 
#pageNav ul, #pageNav ul li {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 16px;
}
 
#pageNav ul {
	padding: 3px 0 !important;
	margin: 0 auto !important;
	background: url(/pics/bg_quicklinks.gif) center top repeat-x #3d2916;
	width: 250px;
}
 
#pageNav ul li {
	font-size: 18px;
	display: inline; /* this is important for IE6 */
	line-height: 18px;
}
 
#pageNav td img {
	display: none;
}
 
#pageNav ul li b {
	/* active page */
	font-weight: normal;
	color: #e0b643;
	text-decoration: none;
	background: url(/pics/pagenav_bar.png) left top repeat-y;
	margin: 6px 0;
	display: block;	
	text-transform: uppercase;
	padding: 0 0 0 1.3em;
}
 
#pageNav ul li a {
	padding: 6px 0 6px 1.3em;
	display: block;	
	text-transform: uppercase;
	text-decoration: none;

}
 
#pageNav ul, #pageNav ul li a {
	/* area's background color */
	color: #fff;

}
 
#pageNav ul li a:hover {
	/* link hover */
	text-decoration: underline;
}

#words{
	width: 278px;
	border: 1px solid #6F5B48;
	margin: 10px 0 10px 20px;
	padding: 0 5px 5px 5px;
	float: left;
	/* height: auto !important;
	min-height: 120px; */
	background: #5C432A;
	color: #e0b643;
}