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

.HPEvents,.HPNews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	color: #000000;
	width: 371px;
}

.HPBBMessages, .HPPrincipalsMessage, .HPLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	color: #000000;
	width: 355px;
}

.HPLinks #r {
	padding-right:5px;
}

.HPBread, .HPSLMessages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	color: #000000;
	width: 329px;
}

.HPNews #l, .HPEvents #l, .HPBBMessages #l, .HPLinks #l, .HPPrincipalsMessage #l,
.HPBread, .HPSLMessages {
	padding-left: 20px;
	padding-top: 7px;
}

.neutral, table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	color: #000000;
}

.neutral a, .neutral a:link, .neutral a:visited { color: #000000; }
.neutral a:hover, .neutral a:active { color: #18218C; }

.contentIndex {
	padding: 0px 0px 0px 0px;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	color: #000000;
}

.content {
	padding: 10px 10px 10px 10px;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	color: #000000;
	height: 250px;
	text-align:justify;
}

a, a:link, a:visited { color: #000000; }
a:hover, a:active { color: #18218C; }

.light {
	background-color: #DEE4F1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	color: #000000;
}
.light  a, .light a:link, .light a:visited { color: #000000; }
.light a:hover, .light a:active { color: #01002A; }

.dark {
	background-color: #0E3A81;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	color: #ffffff;
}
.dark a, .dark a:link, .dark a:visited { color: #ffffff; }
.dark a:hover, .dark a:active { color: #ffffff; }

body {
	margin: 0px 0px 0px 0px;
	color: #000000;
	background-color: #4A4A4A;
	font-family: Arial, Helvetica, sans-serif;
}

.pageTitle {
	display: block;
	width: auto!important;
	width: 100%;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
	background-image: url('/pics/page_title.gif');
	background-repeat: no-repeat;
	height: 34px!important;
	height: 34px;
	padding: 0px 0px 0px 0px;
}

/*Top Navigation Elements by Ozgur*/
#topNav {
	position: relative;
	height: 21px;
}



#topNavButtons {
	position: absolute;
	z-index: 95;
	top: 0;
	left: 0;
	width: 760px;
}

#menuCloser {
	position: absolute;
	visibility: hidden;
	left: -20px;
	top: -20px;
	z-index: 0;
}

#menuCloser2 {
	position: absolute;
	visibility: hidden;
	left: 298px;
	top: 430px;
	z-index: 0;
}



#topNav .subNav {
	position: absolute;
	visibility: hidden;
	top: 21px;
	margin: 0px;
	z-index: 100;
}

#topNav2Sub {left: 41px;}
#topNav3Sub {left: 186px;}
#topNav4Sub {left: 261px;}
#topNav5Sub {left: 330px;}
#topNav6Sub {left: 423px;}
#topNav7Sub {left: 509px;}
#topNav8Sub {left: 556px;}
#topNav9Sub {left: 573px;}

#topNav8Subhs {left: 41px;}
#topNav2Subhs {left: 122px;}
#topNav3Subhs {left: 267px;}
#topNav4Subhs {left: 342px;}
#topNav5Subhs {left: 411px;}
#topNav6Subhs {left: 504px;}
#topNav7Subhs {left: 571px;}
#topNav9Subhs {left: 571px;}

#topNav8Subjhs {left: 41px;}
#topNav2Subjhs {left: 122px;}
#topNav3Subjhs {left: 267px;}
#topNav4Subjhs {left: 342px;}
#topNav5Subjhs {left: 411px;}
#topNav6Subjhs {left: 504px;}
#topNav7Subjhs {left: 571px;}
#topNav9Subjhs {left: 571px;}


#topNav .list {
	position: absolute;
	z-index: 200;
	list-style: none;
	margin: 0;
	padding: 0;
	font: 11px  Arial, Tahoma, Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	border:1px solid #FFFFFF;
	border-width:0px 1px 1px 1px;
}

#parentwebdrop .list {
	position: absolute;
	z-index: 200;
	list-style: none;
	margin: 0;
	padding: 0;
	font: 11px  Arial, Tahoma, Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	border:1px solid #FFFFFF;
	border-width:0px 1px 1px 1px;
}

#parentwebdrop {
	position: absolute;
	visibility: hidden;
	top: 433px;
        left: 578px;
	_top: 441px;
        _left: 490px;
	margin: 0px;
	z-index: 100;
}


#topNav .list li {
	background: #0E3A80;
	color: #FFFFFF;
	width: 100px;
}

#parentwebdrop .list li {
	background: #0E3A80;
	color: #E6E6E6;
	width: 170px;
}



#topNav2Sub .list li { width: 146px; }
#topNav3Sub .list li { width: 130px; }
#topNav9Sub .list li { width: 153px; }

#topNav2Subhs .list li { width: 125px; }
#topNav3Subhs .list li { width: 125px; }
#topNav4Subhs .list li { width: 125px; }
#topNav5Subhs .list li { width: 125px; }
#topNav7Subhs .list li { width: 153px; }
#topNav9Subhs .list li { width: 153px; }
#topNav8Subhs .list li { width: 125px; }

#topNav2Subjhs .list li { width: 144px; }
#topNav3Subjhs .list li { width: 124px; }
#topNav4Subjhs .list li { width: 114px; }
#topNav5Subjhs .list li { width: 150px; }
#topNav6Subjhs .list li { width: 113px; }
#topNav7Subjhs .list li { width: 153px; }
#topNav8Subjhs .list li { width: 123px; }
#topNav9Subjhs .list li { width: 153px; }

#parentwebdrop .list li { width: 94px; background: #0E3A80; border: 1px solid #FFF; }


#topNav .list a {
	display: block;
	padding: 2px 5px 2px 5px;
	color: #FFFFFF;
	text-decoration: none;
	z-index: 100;
	width: auto!important;
	width: 100%;
	font-weight:bold;
zoom:1;
}

#parentwebdrop .list a {
	display: block;
	padding: 2px 5px 2px 5px;
	color: #FFF;
	text-decoration: none;
	z-index: 100;
	width: auto!important;
	width: 100%;
	font-weight:bold;

}



#topNav .list a:hover {
	width: auto!important;
	text-decoration: none;
	background: #e6e6e6;
	color: #0E3A80;
	width: 100%;
	font-weight:bold;
}

#parentwebdrop .list a:hover {
	width: auto!important;
	text-decoration: none;
	background: #e6e6e6;
	color: #0E3A80;
	width: 100%;
	font-weight:bold;
}



/***   Quick Poll   ***/
.HPQuickPoll h2 {
    width: 346px;       /* header width  */
    padding-top: 36px;  /* header height */
    /* default background image is /pics/pics/quick_poll_header.png  */
}

.HPQuickPoll .bar-color {
    background-color: #0e397d;   /* results bar color */
}


/***  Optional  ***/
.HPQuickPoll {
     width: 330px;
     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: url(/pics/bg_index_right.gif) repeat-y;
    padding-bottom: 5px;
    text-align:left;
}


/***   Quick Poll High School   ***/
#qp-138 h2 {
    width: 346px;       /* header width  */
    padding-top: 36px;  /* header height */
    background: url('/pics/quick_poll_header2.png') no-repeat;
    /* default background image is /pics/pics/quick_poll_header.png  */
}

/***  Optional  ***/
#qp-138 {
     width: 361px;
     padding-bottom: 9px;
}

.HPBBMessages img{float:right;}