@import url("/apps/js/polls/polls-pack.css");
body {
	background: #e4e4e4 url('/pics/body_bg.jpg') repeat-x left top;
	text-align: center;
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
}
div#wrapper {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background: #fff;
}
/* Header */

#headerTop {
	width: 900px;
	height: 40px;
	background: url('/pics/header_top.gif') repeat-x;
}
#districtLink {
	display: block;
	margin: 3px 0 0 810px;
	overflow: hidden;
	position: absolute;
	width:80px;
	height: 0;
	padding-top: 25px;
}
/* h1 in main.jsp */


#header {
	margin: 0;
	padding: 0;
	z-index:9999;
}
/* [BEGIN NAVIGATION] */

/* Navigation text */

div#menu ul li a span {
	position:absolute;
	left:-9999px;
	top:0;
	z-index:0;
	font-size:10px;
}
/* Main menu container */

div#menu {
	width: 900px;
	background: url('/pics/topnav_bg.gif') repeat-x;
	height: 34px;
	float: left;
	position: relative;
	z-index: 9999;
}
/* Main UL in main.jsp */

div#menu ul li a {
	padding: 8px 0 0 6px;
	margin: 0;
	font: 12px Georgia, "Times New Roman", Times, serif;
*font-size: 11px;
}
div#topNavBottom {
	width: 900px;
	height: 17px;
	padding-top: 3px;
	color: #fff;
	background: url('/pics/topnav_bottom.gif') repeat-x;
}
/* Horizontal navigation colors */

div#menu a {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	text-decoration: none;
}
/* Horizontal navigation rollover colors */

div#menu a:hover, div#menu ul li.over a, div#menu ul li:hover a {
	color: #ff2000;
}
/* Padding and Line Height for first drop down */

div#menu ul li ul li a {
	line-height: 16pt;
	padding: 0 0 0 6px;
}
/* First and second dropdown color */


div#menu ul li:hover ul li a, div#menu ul li ul li:hover ul li a, div#menu ul li:hover ul li:hover ul li a, div#menu ul li.over ul li a, div#menu ul li ul li.over ul li a, div#menu ul li.over ul li.over ul li a {
	color: #FFFFFF;
	background: #3a3a3a;
	text-align: left;
}
/* Retain first level rollover color (so color stays when you hover to second level) and second level rollover colors */

div#menu ul li ul li:hover a, div#menu ul li ul li:hover ul a:hover, div#menu ul li:hover ul li:hover a, div#menu ul li:hover ul li:hover ul li:hover a, div#menu ul li ul li.over a, div#menu ul li ul li.over ul a:hover, div#menu ul li.over ul li.over a, div#menu ul li:hover ul li.hover ul li.over a {
	background-color: #3a3a3a;
	color: #ff2000;
}
/* Positions navigation items */

div#menu li {
	position: relative;
}
/* Positions and sets width of first level drop down */

div#menu ul li ul {
	position: absolute;
	z-index: 1500;
	width: 168px;
	margin: 0;
	padding-top: 11px;
/* Asterisk denotes IE fixes */
*padding-left: 0;
}
div#menu ul#top3 li ul {
	width:185px;
}
/* Positions second level drop down; Width is inherited from first level drop down */

div#menu ul li ul li ul {
	position: absolute;
	top: 0;
	left: 100%;
	padding: 0;
	margin: 0;
}
/* Hide Menus */

div#menu ul ul, div#menu ul a:hover ul ul, div#menu ul ul a:hover ul ul, div#menu ul li.over ul ul, div#menu ul ul li.over ul ul {
	display: none;
}
/* Reveal Menus */

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul, div#menu ul li.over ul, div#menu ul ul li.over ul, div#menu ul ul ul li.over ul {
	display: block;
}
/* [BEGIN IE FIXES] */
/* Asterisk denotes IE fixes */

div#menu ul li {
*float: left;
*width: 100%;
}
div#menu ul li a {
*height: 1%;
}
/* [END IE FIXES] */

/* [END NAVIGATION] */

/* Content and Content Index */

.contentIndex {
	text-align: left;
	background: url('/pics/content_index_bg.gif') repeat-y;
	width: 900px;
}
.content {
	text-align: left;
	background: #FFFFFF;
	width: 884px;
	min-height: 400px;
	padding: 8px;
}
.pageTitle {
	display: block;
	width: 876px;
	height: 26px;
	padding: 8px 0 0 8px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background: url('/pics/Page_Title.gif') repeat-x;
	text-transform:uppercase;
}
/* min-height hack for IE */
/**/
* html .content {
	height: 400px;
}
/**/

/* Index */

#rotateBG {
	width: 900px;
	height: 242px;
	background: url('/pics/index_bg.gif') top left no-repeat;
	padding-top: 10px;
	position: relative;
	z-index: 99;
}
#rotateBG #rotateDiv {
	position: absolute;
	left: 56px;
	top: 12px;
	width: 800px;
	height: 229px;
	z-index: 99;
}
#rotateBG #rotateDiv object {
	position: relative;
	z-index: 99;
}
#rotateBG span.photocaption {
	display: block;
	position: absolute;
	bottom: 15px;
	right: 63px;
	z-index: 100;
	behavior: url(/apps/shared/iepngfix.htc);
}
#rotateBG span.proudlycharting {
	overflow: hidden;
	height: 0;
	padding-top: 29px;
	width: 306px;
	background: url(/pics/proudlycharting.png) top left no-repeat;
}
#indexLeft {
	width: 446px;
	height: 100%;
	float: left;
	background: #b1b1b2;
	padding: 9px 0 0 9px;
	_padding:9px 0 0 3px;
}
#indexRight {
	width: 436px;
	float: right;
	background: #737373;
	padding: 9px 0 0 9px;
	_padding:9px 0 0 3px;
}
/* Modules */

.HPEvents, .HPBBMessages {
	font: 9pt "Arial", Times, serif;
	color: #000000;
	width: 437px;
}
.HPNews {
	width: 425px;
	font: 9pt "Arial", Times, serif;
	color: #000;
}
.HPNews #l, .HPBBMessages #l, .HPLinks #l, .HPEvents #l {
	padding-left: 5px;
	padding-top: 6px;
}
/* Footer */

div#footer {
	display: table;
}
div#footer div#footerTop {
	width: 900px;
	height: 26px;
	margin: 0;
	overflow: hidden;
	background: url('/pics/footer_top.gif') repeat-x;
	text-align: center;
	padding: 8px 0 0 0;
	color: #FFFFFF;
	font: 12px Georgia, "Times New Roman", Times, serif;
*font-size: 11px;
}
div#footer div#footerBottom {
	width: 900px;
	height: 26px;
	margin: 0;
	overflow: hidden;
	background: url('/pics/footer_bottom.gif') repeat-x;
	text-align: left;
	padding: 0;
	color: #FFFFFF;
	font: 12px Georgia, "Times New Roman", Times, serif;
}
div#footer div#footerBottom a {
	width: 0;
	height: 0;
	padding: 0 0 26px 247px;
	margin: 0;
	background: url('/pics/edunet.gif') no-repeat;
	overflow: hidden;
	display: block;
	float: right;
}
div#footer div#footerBottom h5 {
	display: none;
}
#quickLinks {
	/* height: 120px;s*/
overflow: auto;
}
#quickLinks ul {
	text-align: left;
	width: 426px;
	margin: 0;
	padding: 0;
}
#quickLinks ul li {
	width: 50%;
	height: 22px;
	float: left;
	list-style: none;
}
#quickLinks a {
	width: 204px;
	height: 19px;
	display: block;
	background: url('/pics/quicklinks.gif') repeat-x;
	color: #FFFFFF;
	text-decoration: none;
	font: 12px Georgia, "Times New Roman", Times, serif;
	padding: 1px 0 0 6px;
	line-height: 16px;
}
#quickLinks a:hover {
	width: 204px;
	height: 19px;
	color: #FFFFFF;
	display: block;
	background: url('/pics/quicklinksf2.gif') repeat-x;
	text-decoration: none;
}
table.ath_records td {
	border-bottom:1px solid #333333;
}
/*** Quick Poll ***/
/* someone set up two of these 

.HPQuickPoll .bar-color {
background-color:#666666;
}
.HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only {
margin:0 auto;
width:70%;
padding:0 2px;
}
.HPQuickPoll .question {
margin:0 auto;
padding:10px 0;
width:70%;
text-align:left;
}
.HPQuickPoll .quickpoll {
padding-bottom: 5px;
} */

.HPQuickPoll h2 {
	width: 425px;       /* header width  */
	padding-top: 34px;  /* header height *//* default background image is /pics/pics/quick_poll_header.png  */
}
.HPQuickPoll .bar-color {
	background-color: #10296B;   /* results bar color */
}
/***  Optional  ***/
.HPQuickPoll {
	width: 425px;
	padding-bottom: 9px;
	background: url(/pics/bg_index_right_bottom.gif) no-repeat bottom;
}
/* the inside poll area for choices and results */
.HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only {
	margin:0 auto;
	width:70%;
}
.HPQuickPoll .question {
	padding: 9px;
	margin: 0;
}
/* use for a repeating inside background if necessary */
.HPQuickPoll .quickpoll {
	background: #FFFFFF url(/pics/hs/right_section_bg.gif) repeat-x;
	padding-bottom: 5px;
}
/*** Quick Poll test page ***/
/*#qp-104 h2 {
	width: 0px;
	padding-top: 0px; 
}
#qp-104 {
	width: 880px;
	padding-bottom: 9px;
}*/
/*** Quick Poll home page ***/
#qp-112 h2, #qp-104 h2 {
	width: 425px; /* header width */
	padding-top: 34px; /* header height *//* default background image is /pics/pics/quick_poll_header.png */
}
#qp-112, #qp-104 {
	width: 425px;
	background-image:url(/pics/bes/right_section_bg.gif);
	background-repeat:repeat-x;
	background-color:#FFF;
}
#qp-112 .quickpoll {
	margin-bottom:15px;
}
/* Sponsors */
.SponsorsDiv {
	margin:5px 0 0 0;
	width:425px;
	background-image:url('/pics/district/news_bg.gif');
	background-position:0 34px;
	background-repeat:repeat-x;
	background-color:#FFF;
	overflow:auto;
}
.SponsorsDiv h2 {
	margin:0;
	width:425px;
	height:0px;
	padding-top:34px;
	overflow:hidden;
}
.NoSponsorDiv h2.noSponsorAlternativeContent {
	margin:0;
	width:425px;
	height:0;
	padding-top:100px;
	overflow:hidden;
	background-image:url('/apps/pics/sponsors/oursponsors1_2.jpg');
	background-repeat:no-repeat;
	background-position:center;
}
.SponsorsDiv h2#sponsor_header {
	background-image:url('/pics/our_sponsor.png');
}
.SponsorsDiv h2#sponsors_header {
	background-image:url('/pics/our_sponsors.png');
}
.SponsorsDiv ul {
	padding:10px 0;
	margin:0px;
	margin-bottom:10px;
	text-align:center;
	background-image:url('/pics/graybg2.jpg');
	background-repeat:repeat-x;
}
.SponsorsDiv ul li {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0px;
	text-align:center;
}
.SponsorsDiv ul li a {
	display:inline;
	margin:0px;
}
.SponsorsDiv ul li a img {
	display:block;
	border:1px solid #ccc;
	background-color:#fff;
	padding:4px;
	_padding:0px;
	float:left;
	margin:0px;
	width:125px;
}
a.sponsorshipIntroURL {
	margin:0 0 5px 15px;
	font-weight:bold;
	display:block;
	clear:both;
}
.sports_sched {
	float: left;
	padding: 0 20px 20px 20px;
	width: 425px;
}




/*  Principal's Messages  */
.message_wrap {
	padding: 1.6em 1em 1em 1em;
}

.message {
	line-height: 16px;
	height: 80px;
	overflow: hidden;
	margin-bottom: .4em;
}

.message p {
	padding: 0;
	margin: 0 0 16px 0;
}