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

body {
background: url('/pics/body_bg.jpg');
text-align: center;
margin: 0 0 5px 0;
padding: 0;
font: 12px Arial, Helvetica, sans-serif;
}
div#top {
width: 900px;
height: 27px;
margin: 0 auto;
}
div#wrapper {
margin: 0 auto;
width: 900px;
text-align: left;
background: #fff;
}
.contentIndex {
text-align: left;
background: url('/pics/index_bg.gif') repeat-y left top;
width: 900px;
min-height: 400px;
height: auto!important;
height: 400px;
}
.content {
text-align: left;
background: #FFFFFF;
width: 884px;
padding: 8px;
min-height: 400px;
height: auto!important;
height: 400px;
}
.contentIndex h2 {
padding: 0;
margin: 0;
}
.relative {
position: relative;
}
.pageTitle {
display: block;
width: 849px;
height: 29px;
padding: 16px 0 0 35px;
margin-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 14px;
font-weight: bold;
background: url('/pics/PageTitle.gif') no-repeat left top;
text-transform: uppercase;
}
#search {
color: #000;
font-weight: bold;
float: right;
margin-top: 3px;
}
a#espanol {
float: right;
margin: 0 3px 0 0;
}
a#korean {
float: right;
width: 93px;
height: 27px;
background: url('/pics/korean.gif') no-repeat;
}
marquee {
width: 603px;
height: 17px;
color: #511e26;
font-weight: bold;
padding-top: 3px;
}
/* Header */
div#header h1 {
width: 0;
height: 0;
margin: 0;
padding: 0 0 263px 900px;
overflow: hidden;
background: url('/pics/header.jpg') no-repeat;
}
/* Navigation menu */

div#menu {
width: 900px;
height: 30px;
}
ul#topNavItems {
list-style: none;
margin: 0 auto;
width: 900px;
height: 27px;
padding: 3px 0 0 0;
position: relative;
z-index: 999;
background: url('/pics/topnav_bg.gif') repeat-x;
}
ul#topNavItems li {
list-style: none;
display: inline;
padding: 0;
margin:0px;
float: left;
position: relative;
z-index: 999;
}
ul#topNavItems li a {
width: 93px;
height: 0;
display: block;
overflow: hidden;
padding: 27px 0 0 0;
background-position: 0 0;
}
ul#topNavItems li a#topNav1 { background: url('/pics/topNav1.gif') no-repeat; width:68px; }
ul#topNavItems li a#topNav2 { background: url('/pics/topNav2.gif') no-repeat; width:82px; }
ul#topNavItems li a#topNav3 { background: url('/pics/topNav3.gif') no-repeat; width:103px; }
ul#topNavItems li a#topNav4 { background: url('/pics/topNav4.gif') no-repeat; width:93px; }
ul#topNavItems li a#topNav5 { background: url('/pics/topNav5.gif') no-repeat; width:87px; }
ul#topNavItems li a#topNav6 { background: url('/pics/topNav6.gif') no-repeat; width:88px; }
ul#topNavItems li a#topNav7 { background: url('/pics/topNav7.gif') no-repeat; width:75px; }
ul#topNavItems li a#topNav8 { background: url('/pics/topNav8.gif') no-repeat; width:85px; }
ul#topNavItems li a#topNav9 { background: url('/pics/topNav9.gif') no-repeat; width:111px; }
ul#topNavItems li a#topNav10 { background: url('/pics/topNav10.gif') no-repeat; width:107px; }

ul#topNavItems li:hover a#topNav1, ul#topNavItems li.over a#topNav1,
ul#topNavItems li:hover a#topNav2, ul#topNavItems li.over a#topNav2,
ul#topNavItems li:hover a#topNav3, ul#topNavItems li.over a#topNav3,
ul#topNavItems li:hover a#topNav4, ul#topNavItems li.over a#topNav4,
ul#topNavItems li:hover a#topNav5, ul#topNavItems li.over a#topNav5,
ul#topNavItems li:hover a#topNav6, ul#topNavItems li.over a#topNav6,
ul#topNavItems li:hover a#topNav7, ul#topNavItems li.over a#topNav7,
ul#topNavItems li:hover a#topNav8, ul#topNavItems li.over a#topNav8,
ul#topNavItems li:hover a#topNav9, ul#topNavItems li.over a#topNav9,
ul#topNavItems li:hover a#topNav10, ul#topNavItems li.over a#topNav10 {
background-position: 0 -27px;
}
/* Drop down items */

ul#topNavItems ul, ul#topNavItems li:hover ul ul, ul#topNavItems li.over ul ul {
position: absolute;
left: -9999px;
z-index: 9999;
width: 168px;
margin: 0;
padding: 0;
font: 12px Arial, Helvetica, sans-serif;
}
ul#topNavItems ul li {
margin: 0;
}
ul#topNavItems li:hover ul, ul#topNavItems li.over ul {
left: auto;
background: none;
}
ul#topNavItems ul li:hover ul, ul#topNavItems ul li.over ul {
position: absolute;
top: 0;
left: 100%;
}
/* Drop down items colors and formatting */

ul#topNavItems ul {
border: 0;
}

ul#topNavItems li ul li a {
line-height: 16pt;
text-align: left;
text-decoration: none;
padding: 0 0 0 8px;
height: auto;
width: 160px;
color: #fff;
background: #511e26;
}
ul#topNavItems li ul li a:hover, ul#topNavItems li ul li:hover a, ul#topNavItems li ul li:hover ul a:hover, ul#topNavItems li ul li.over a, ul#topNavItems li ul li.over ul a:hover {
color: #fff;
background: #9d6c4d;
}
ul#topNavItems li ul li:hover ul a, ul#topNavItems li ul li.over ul a {
color: #fff;
background: #511e26;
}
/* Index properties */
#indexTop {
width: 900px;
height: 3px;
background: url('/pics/index_top.gif') no-repeat;
}
#indexBottom {
width: 900px;
height: 3px;
background: url('/pics/index_bottom.gif') no-repeat;
}
#leftColumn {
width: 297px;
padding: 0 0 0 0;
float: left;
}
#rightColumn {
width: 603px;
padding: 0 0 0 0;
float: left;
text-align: left;
}
/* Quicklinks */

#quickLinks {
width: 271px;
padding: 0;
margin: 15px 0 0 13px;
}
#quickLinks h2 {
width: 0;
height: 0;
padding: 0 0 17px 271px;
margin: 0;
overflow: hidden;
background: url('/pics/midnav_top.gif') no-repeat;
}
#quickLinksBottom {
width: 0;
height: 0;
padding: 0 0 24px 271px;
background: url('/pics/midnav_bottom.gif') no-repeat;
}
#quickLinks ul {
list-style: none;
margin: 0;
padding: 0;
}
#quickLinks a {
width: 0;
height: 0;
text-decoration: none;
padding: 0 0 25px 271px;
margin: 0;
overflow: hidden;
display: block;
color: #FFF;
font: 12px Arial, Helvetica, sans-serif;
}
#quickLinks a#midNav1 { background: url('/pics/midnav1.gif') no-repeat; }
#quickLinks a#midNav2 { background: url('/pics/midnav2.gif') no-repeat; }
#quickLinks a#midNav3 { background: url('/pics/midnav3.gif') no-repeat; }
#quickLinks a#midNav4 { background: url('/pics/midnav4.gif') no-repeat; }
#quickLinks a#midNav5 { background: url('/pics/midnav5.gif') no-repeat; }


#quickLinks a:hover#midNav1,
#quickLinks a:hover#midNav2,
#quickLinks a:hover#midNav3,
#quickLinks a:hover#midNav4,
#quickLinks a:hover#midNav5 {
background-position: -271px 0;
}
/* Homepage Section Headers */

h2 a#news {
width: 0;
height: 0;
padding: 0 0 51px 569px;
font-size: 0;
background: url('/pics/news_header.gif') no-repeat left top;
display: block;
margin: 0;
overflow: hidden;
}
h2 a#events {
width: 0;
height: 0;
padding: 0 0 43px 297px;
font-size: 0;
background: url('/pics/events_header.gif') no-repeat left top;
display: block;
margin: 0;
overflow: hidden;
}
h2 a#links {
width: 0;
height: 0;
padding: 0 0 43px 297px;
font-size: 0;
background: url('/pics/selected_links_header.gif') no-repeat left top;
display: block;
margin: 0;
overflow: hidden;
}
/* Homepage Sections Containers */

#newsContainer {
width: 569px;
margin: 0;
padding: 0;
}
#eventsContainer {
width: 297px;
margin: 0;
padding: 0;
}
#linksContainer {
width: 297px;
margin: 0;
padding: 0;
}
/* Homepage Section Table Includes */

.HPNews {
padding: 0;
margin: 0;
color: #000;
}
.HPEvents {
padding: 0;
margin: 0;
color: #fff;
}
.HPLinks {
padding: 0;
margin: 0;
color: #fff;
}
/* Other homepage section extras */
#miniSectionHeader {
width: 603px;
height: 15px;
background: url('/pics/right_mini_section_top.gif') no-repeat;
}
#miniSection {
width: 586px;
padding: 0 0 0 17px;
background: url('/pics/right_mini_section_bg.gif') repeat-y;
}
#miniSectionBottom {
width: 603px;
height: 15px;
background: url('/pics/right_mini_section_bottom.gif') no-repeat;
}

.HPNews a, .HPNews a:active, .HPNews a:link {
color: #521f27;
}

.HPEvents a, .HPEvents a:active, .HPEvents a:link, .HPEvents a:visited,
.HPLinks a, .HPLinks a:active, .HPLinks a:link, .HPLinks a:visited,{
color: #fff;
}
.HPEvents #r a, .HPLinks #r a{ color:#fff;}

.HPNews #l, .HPEvents #l, .HPDirectory #l, .HPBBMessages #l, .HPLinks #l, .HPMemoirs #l {
padding-top: 6px;
}
/* Image shuffles */
#shuffle1 {
width: 587px;
height: 256px;
margin: 8px 0 0 8px;
}
#shuffle2 {
width: 514px;
height: 141px;
padding: 17px 0 0 13px;
margin: 0 0 0 18px;
background: url('/pics/rotate_bg.gif') no-repeat;
}
#rotate_overlay {
width: 587px;
height: 256px;
background: url('/pics/rotate_overlay1.png') no-repeat;
behavior: url('/apps/shared/iepngfix.htc');
position: absolute;
margin: 8px 0 0 8px;
*margin: 0;
}
#rotate_bg {
width: 248px;
height: 176px;
margin-left: 5px;
}


/* Right side /pages/ menus */
table#pageNav {
border:none;
}
table#pageNav td {
background-color:#FFF;
background-image:url('/pics/rightmenu_bg.jpg');
background-repeat:no-repeat;
background-position:bottom;
}
table#pageNav ul {
list-style-type:none;
min-height:100px;
padding:30px 0 0 0px !important;
margin:0px 0 80px -1px !important;
background-image:url('/pics/rightmenu_bg.jpg');

}
table#pageNav ul li {
margin:0px;
padding:0 16px;
background-image:url('/pics/rightmenu_bg_repeat.jpg');
}
table#pageNav td ul li a {
display:block;
height:21px;

padding:5px 10px 3px 25px;
text-decoration:none;
}
table#pageNav td ul li a:hover, table#pageNav td ul li a:active {
color:#FFF;
background-color:#9D6C4D;
}
table#pageNav td ul li a, table#pageNav td ul li a:visited {
color:#FFF;
}
table#pageNav td ul li b {
display:block;
height:21px;
color:#FFFFFF;
background-image:url('/pics/menuselect_bg.jpg');
padding:5px 10px 3px 25px;
}


/* Footer */

div#footer {
width: 900px;
height: 61px;
margin: 0 auto;
text-align: left;
background: url('/pics/footer.jpg') no-repeat;
}
address {
position: absolute;
left: 20px;
color: #fff;
font: 11px Arial, Helvetica, sans-serif;
padding-top: 25px;
}
#district_logo {
position: absolute;
left: 802px;
top: -7px;
width: 83px;
height: 0;
padding: 82px 0 0 0;
margin: 0;
overflow: hidden;
display: block;
background: url('/pics/school_logo.png') no-repeat;
behavior: url('/apps/shared/iepngfix.htc');
}
a#edunet {
width: 245px;
height: 0;
padding: 22px 0 0 0;
margin: 5px 0 0 0;
overflow: hidden;
display: block;
background: url('/pics/edunet.png') no-repeat;
behavior: url('/apps/shared/iepngfix.htc');
}
#edu_logo {
width: 245px;
margin: 0 auto;
}

/***   Mandatory   ***/
.HPQuickPoll h2 {
    width: 297px;       /* header width  */
    padding-top: 43px;  /* header height */
    /* default background image is /pics/pics/quick_poll_header.png  */
}

.HPQuickPoll .bar-color {
    background-color: #10296B;   /* results bar color */
}

.HPQuickPoll, .HPQuickPoll a{color:#FFFFFF !important;}