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

body {
background: #FFF url('/pics/body_bg1.jpg') top repeat-x;
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;
}
#translate {
position: absolute;
top: 3px;
left: 750px;
width: 150px;
z-index: 1px;
text-align: right;
padding: 20px 0 0 0;
}
#marquee {
position: absolute;
top: 3px;
left: 0px;
width: 750px;
height: 20px;
color: #FFF;
padding: 20px 0 0 0;
}
.relative {
position: relative;
}
/* Header */

h1 {
width: 0;
height: 0;
margin: 0;
padding: 0 0 182px 900px;
overflow: hidden;
background: url('/pics/header.jpg') no-repeat;
}
h2 {
width: 0;
height: 0;
margin: 0;
overflow: hidden;
}
h3 {
width: 0;
height: 0;
margin: 0;
overflow: hidden;
}
h4 {
width: 0;
height: 0;
margin: 0;
overflow: hidden;
}
#header {
}
/*********************** [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: 100%;
background: url('/pics/topnavbg.gif') repeat-x;
float: left;
height: 31px;
position: relative;
z-index: 150000;
}
div#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
position: relative;
z-index: 999;
}
/* Top Nav List (IE requires defined width and height to float the first list) and Anchor widths, heights, and background images */

div#menu ul#top1, div#menu ul#top1 li a#topNav1 {
width: 131px;
height: 31px;
background: url('/pics/topNav1.gif') no-repeat;
}
div#menu ul#top2, div#menu ul#top2 li a#topNav2 {
width: 108px;
height: 31px;
background: url('/pics/topNav2.gif') no-repeat;
}
div#menu ul#top3, div#menu ul#top3 li a#topNav3 {
width: 108px;
height: 31px;
background: url('/pics/topNav3.gif') no-repeat;
}
div#menu ul#top4, div#menu ul#top4 li a#topNav4 {
width: 108px;
height: 31px;
background: url('/pics/topNav4.gif') no-repeat;
}
div#menu ul#top5, div#menu ul#top5 li a#topNav5 {
width: 108px;
height: 31px;
background: url('/pics/topNav5.gif') no-repeat;
}
div#menu ul#top6, div#menu ul#top6 li a#topNav6 {
width: 108px;
height: 31px;
background: url('/pics/topNav6.gif') no-repeat;
}
div#menu ul#top7, div#menu ul#top7 li a#topNav7 {
width: 108px;
height: 31px;
background: url('/pics/topNav7.gif') no-repeat;
}
div#menu ul#top8, div#menu ul#top8 li a#topNav8 {
width: 121px;
height: 31px;
background: url('/pics/topNav8.gif') no-repeat;
}
/* Top Nav Rollovers */

div#menu ul#top1 li.over a#topNav1, div#menu ul#top1 li:hover a#topNav1 {
background: url('/pics/topNav1f2.gif') no-repeat;
}
div#menu ul#top2 li.over a#topNav2, div#menu ul#top2 li:hover a#topNav2 {
background: url('/pics/topNav2f2.gif') no-repeat;
}
div#menu ul#top3 li.over a#topNav3, div#menu ul#top3 li:hover a#topNav3 {
background: url('/pics/topNav3f2.gif') no-repeat;
}
div#menu ul#top4 li.over a#topNav4, div#menu ul#top4 li:hover a#topNav4 {
background: url('/pics/topNav4f2.gif') no-repeat;
}
div#menu ul#top5 li.over a#topNav5, div#menu ul#top5 li:hover a#topNav5 {
background: url('/pics/topNav5f2.gif') no-repeat;
}
div#menu ul#top6 li.over a#topNav6, div#menu ul#top6 li:hover a#topNav6 {
background: url('/pics/topNav6f2.gif') no-repeat;
}
div#menu ul#top7 li.over a#topNav7, div#menu ul#top7 li:hover a#topNav7 {
background: url('/pics/topNav7f2.gif') no-repeat;
}
div#menu ul#top8 li.over a#topNav8, div#menu ul#top8 li:hover a#topNav8 {
background: url('/pics/topNav8f2.gif') no-repeat;
}
/* Default dropdown colors */

div#menu a {
font: 12px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding:1px 0;
color: #FFF;
background: #000;
text-decoration: none;
}
/* Default dropdown rollover colors */

div#menu a:hover {
color: #dba924;
background: #0142b8;
}
/* Padding and Line Height for first level drop down */

div#menu ul li ul li a {
line-height: 16pt;
padding: 0 0 0 6px;
}
/* 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 ul li.over a, div#menu ul li ul li.over ul a:hover {
color: #FFF;
background: #c30202;
text-align: left;
}
/* Second level dropdown colors */

div#menu ul li ul li:hover ul a, div#menu ul li ul li.over ul a {
background-color: #0142b8;
color: #FFF;
;
}
/* Positions navigation items */

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

div#menu ul ul {
position: absolute;
z-index: 500;
width: 162px;
}
/* Positions second level drop down; Width is inherited from first level drop down */

div#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
/* 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;
min-height:400px;
height:auto !important;
height:400px;
background: url('/pics/index_bg.gif') repeat-y;
}
.content {
text-align: left;
background: #FFFFFF;
width: 884px;
padding: 8px;
min-height: 400px;
height: auto!important;
height: 400px;
}
.contentIndex h2 {
display:none
}
#leftColumn {
width: 450px;
float: left;
}
#search {
width: 275px;
height: 28px;
float: right;
text-align: center;
padding: 1px 0 0 0;
margin: 0 7px 0 0; *margin: 0 7px 0 0;
background: #c30202;
}
#rightColumn {
width: 450px;
float: right;
}
#quickLinks {
width: 273px;
background: url('/pics/midnav_top.gif') no-repeat top;
padding: 4px 0 0 0;
margin: 0;
}
#quickLinks ul {
list-style: none;
margin: 0;
padding: 0;
}
#quickLinks ul li {
*margin-bottom: -3px;
}
#quickLinks a {
width: 0;
height: 0;
padding: 0 0 22px 273px;
margin: 0;
overflow: hidden;
display: block;
}
#quickLinks a#midNav1 {
background: url('/pics/depts_midnav.gif') no-repeat;
}
#quickLinks a#midNav2 {
background: url('/pics/classes_midnav.gif') no-repeat;
}
#quickLinks a#midNav3 {
background: url('/pics/counseling_midnav.gif') no-repeat;
}
#quickLinks a#midNav4 {
background: url('/pics/teachers_midnav.gif') no-repeat;
}
#quickLinks a#midNav5 {
background: url('/pics/fundraising_midnav.gif') no-repeat;
}
#quickLinks a#midNav6 {
background: url('/pics/album_midnav.gif') no-repeat;
}

#quickLinks a:hover#midNav1 {
background: url('/pics/depts_midnavf2.gif') no-repeat;
}
#quickLinks a:hover#midNav2 {
background: url('/pics/classes_midnavf2.gif') no-repeat;
}
#quickLinks a:hover#midNav3 {
background: url('/pics/counseling_midnavf2.gif') no-repeat;
}
#quickLinks a:hover#midNav4 {
background: url('/pics/teachers_midnavf2.gif') no-repeat;
}
#quickLinks a:hover#midNav5 {
background: url('/pics/fundraising_midnavf2.gif') no-repeat;
}
#quickLinks a:hover#midNav6 {
background: url('/pics/album_midnavf2.gif') no-repeat;
}


.weather {
text-align: center;
}

.leftContainer {
background:url('/pics/left_container_bg.gif');
}
.leftContainer a {
position: relative;
z-index: 1;
}
.leftContainer div {
position: relative;
z-index: 1000;
}
#bulletinboard {
min-height:200px;
height:auto !important;
height:200px;
background: url('/pics/bb_bg.jpg') no-repeat bottom;
}
.leftContainer a#principal {
padding: 0 0 80px 450px;
display: block;
width: 0;
height: 0;
overflow: hidden;
text-align: justify;
background: url('/pics/principals_header.gif') no-repeat;
}
.HPNews, .HPLinks {
width: 420px;
padding: 10px;
margin: 0;
*margin: 0 0 0 10px;
color: #000000;
}
.HPEvents, .HPBBMessages {
width: 420px;
padding: 0;
margin: 0;
color: #000000;
}
.HPEvents #l, .HPLinks #l, .HPNews #l, .HPBBMessages #l {
padding-top: 6px;
}
.HPEvents a, .HPEvents a:active, .HPEvents a:link, .HPEvents a:visited,
.HPLinks a, .HPLinks a:active, .HPLinks a:link, .HPLinks a:visited,
a#principalLink, a:visited#principalLink {
color: #c30202;
}
.HPNews a, .HPNews a:active, .HPNews a:link, .HPNews a:visited,
.HPBBMessages a, .HPBBMessages a:active, .HPBBMessages a:link, .HPBBMessages a:visited {
color: #c30202;
}
.pageTitle {
display: block;
width: 880px;
height: 33px;
padding: 12px 0 0 8px;
margin: 0 0 10px 0px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size: 16px;
font-weight: bold;
background: url('/pics/PageTitle.gif') no-repeat;
text-transform: uppercase;
}
#shuffle1 {
width: 598px;
height: 169px;
margin: 9px 0 0 9px; *margin: 9px 0 0 5px;
float: left;
border: 1px solid #FFF;
}

#shuffle2, #shuffle3 {
width: 440px;
height: 207px;
padding: 18px 0 0 10px;
background: url('/pics/shuffle2_bg.gif') no-repeat;
z-index: 0;
}

/* Footer */

div#footer {
width: 900px;
height: 45px;
margin: 0;
overflow: hidden;
position:relative;
background: url('/pics/footer.jpg') no-repeat;
text-align: center;
padding: 50px 0 0 0;
color: #FFF;
}
div#footer_bottom a {
width: 0;
height: 0;
padding: 0 0 22px 245px;
overflow: hidden;
display: block;
background: url('/pics/edunet_black.png') no-repeat;
}
div#footer_bottom a h5 {
display: none;
}


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

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

.HPQuickPoll h3{
	display: block;
	width: 100%;
	font-size: 12px;
	height: auto;
	_height: 12px;
}