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

body {
	margin: 0;
	color: #000;
	font: 12px "Arial", Times, serif;
	background:url('/pics/bg.gif') left top repeat-x #000;
	width:100%
}
.HPDirectory {
	padding: 5px 0 10px 0;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width:459px;
	background:url('/pics/news_bg.gif') left top no-repeat #fff;
}
.HPWordOfTheDay a, .HPWordOfTheDay a:link, .HPWordOfTheDay a:visited {
	color: #FFF;
}
.HPTeachersOfTheMonth {
	font: 11px "Arial", Times, serif;
	padding:1px 10px 5px 10px;
	width:258px!important;
	width:280px;
	margin:-6px 0 0 6px;
	background:url('/pics/right_blocks_bg.gif') left top repeat-x #660000;
	border: 1px solid #990000;
	border-width: 0 1px 1px 1px;
	color: #FFF;
}
.HPTeachersOfTheMonth #student_name {
	font: 12px "Arial", Times, serif;0
	margin: 2px 0;
}
#HPStudentsOfTheMonth {
	font: 11px "Arial", Times, serif;
	padding:1px 10px 5px 10px;
	width:258px!important;
	width:280px;
	margin:-6px 0 0 6px;
	background:url('/pics/right_blocks_bg.gif') left top repeat-x #660000;
	color: #FFF;
	border: 1px solid #990000;
	border-width: 0 1px 1px 1px;
}
#HPStudentsOfTheMonth #student_name {
	font: 12px "Arial", Times, serif;
	margin: 2px 0;
}
.HPNews, .HPEvents, .HPBBMessages {
	padding:0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	width:596px;
	margin:0 0 0 6px;
	background:url(/pics/left_blocks_bg.gif) left -20px repeat-x #d3d3d3;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}
.HPBBMessages {
	width:588px;
}
.HPNews td img {
 	padding:0;
}
.HPLinks, .HPMemoirs {
	font: 11px "Arial", Times, serif;
	color: #fff;
	width:280px;
	margin:0 0 0 6px;
	background:url(/pics/right_blocks_bg.gif) left top repeat-x #600;
	border-right:1px solid #990000;
	border-left:1px solid #990000;
	border-bottom:1px solid #990000;
}
 .HPNews a, .HPNews a:link, .HPNews a:visited, .HPBBMessages a, .HPBBMessages a:link, .HPBBMessages a:visited, .HPEvents a, .HPEvents a:link, .HPEvents a:visited, {
color: #CC0000;
}
.HPNews a:hover, .HPNews a:active, .HPBBMessages a:hover, .HPBBMessages a:active, .HPEvents a:hover, .HPEvents a:active, .HPLinks a:hover {
	color: #CC0000;
	text-decoration:none
}
.HPLinks a:active, .HPLinks a, .HPLinks a:link, .HPLinks a:visited, .HPMemoirs a, .HPMemoirs a:link, .HPMemoirs a:visited, .HPStudentsOfTheMonth * a, .HPStudentsOfTheMonth * a:link, .HPStudentsOfTheMonth * a:visited, .HPTeachersOfTheMonth a, .HPTeachersOfTheMonth a:link, .HPTeachersOfTheMonth a:visited {
	color: #fff;
}
.HPMemoirs a:hover, .HPMemoirs a:active, .HPStudentsOfTheMonth a:hover, .HPStudentsOfTheMonth a:active {
	color: #fff;
	text-decoration:none
}
.HPDirectory a, .HPDirectory a:link, .HPDirectory a:visited {
	color: #144A80;
}
.HPDirectory a:hover, .HPDirectory a:active {
	color: #144A80;
	text-decoration:none
}
.neutral, table {
	font: 12px "Arial", Times, serif;
	color: #000;
}
.neutral a, .neutral a:link, .neutral a:visited {
	color: #415B86
}
.neutral a:hover, .neutral a:active {
	color: #415B86;
	text-decoration:none
}
table td {
	vertical-align:top;
}
.contentIndex {
	padding: 0px 0px 0px 0px;
	font: 12px "Arial", Times, serif;
	color: #701127;
	background: #3A62A3;
	width:900px;
}
.content {
	padding: 10px 10px 40px 10px;
	height: 300px;
	font: 12px "Arial", Times, serif;
	color: #000;
	background: #FFF;
	margin:0;
	width:900px;
	line-height: 1.5;
}
a, a:link, a:visited {
	color: #330000;
}
a:hover, a:active {
	color: #330000;
	text-decoration:none;
}
.light {
	font: 11px Verdana, Arial, Helvetica, sans-seriff;
	color: #000;
	background: #E6E2D9;
}
.light a, .light a:link, .light a:visited {
	color: #330000;
}
.light a:hover, .light a:active {
	color: #330000;
	text-decoration:none
}
.dark {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #5F0000;
}
.dark a, .dark a:link, .dark a:visited {
	color: #ffffff;
}
.dark a:hover, .dark a:active {
	color: #fff;
}
.pageTitle {
	display: block;
	width: auto!important;
	width: 100%;
	height:44px;
	padding: 11px 0px 0px 5px;
	margin-bottom: 5px;
	font: bold 12pt "Arial", Times, serif;
	color: #FFFFFF;
	text-transform:uppercase;
	background:url(../pics/pagetitle.gif) left top repeat-x;
}
.bottomNav, .bottomNav a:link, .bottomNav a:visited {
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.bottomNav a:hover, .bottomNav a:active {
	text-decoration: underline;
}
.bgTopBar {
	height: 2px;
	background: url(/pics/bgTopBar.gif) repeat-x;
}
#topnav {
	position: relative;
	height: 31px;
}
#topnavButtons {
	position: absolute;
	z-index: 95;
	top: 0;
	left: 0;
	width: 900px;
}
#menuCloser {
	position: absolute;
	visibility: hidden;
	left: 20px;
	top: -50px;
	z-index: 0;
	height:500px;
	width:100%;
}
#topnav .subNav {
	position: absolute;
	visibility: hidden;
	top: 37px;
	margin: -6px 4px 0 0;
	z-index: 100;
}
#topnav2Sub {
	left: 134px;
}
#topnav3Sub {
	left: 254px;
}
#topnav4Sub {
	left: 380px;
}
#topnav5Sub {
	left: 494px;
}
#topnav6Sub {
	left: 600px;
}
#topnav7Sub {
	left: 535px;
}
#topnav8Sub {
	left: 677px;
}
#topnav9Sub {
	left: 777px;
}
#topnav10Sub {
	left: 876px;
}
#topnav .list {
	position: absolute;
	z-index: 200;
	list-style: none;
	margin: 0;
	padding: 0;
	font: 11px Arial, Tahoma, Verdana, Geneva, sans-serif;
	font-weight:bold;
	border:1px solid #666666;
	border-top-width: 0;
}
#topnav li {
	background-color: #171717;
	line-height: 20px;
	width: 195px;	
	border-top: 1px solid #333333;
}
#topnav .list a {
	display: block;
	width: 175px;
	padding: 0px 10px 0px 10px;
	color: #fff;
	text-decoration: none;
	z-index: 100;
}
.list a:hover {
	background: #F20202;
	color:#fff;
	
}
#rightNav {
	font-size:12px;
	background-color: #fff;
	width:170px;
	border:1px solid #5F0000;
	margin-bottom:-2px!important;
	margin-bottom:2px;
	margin-left:10px;
	padding-bottom: 10px;
}
#rightNav a:link, #rightNav a:visited, #rightNav a:active, #rightNav #noLink {
	display:list-item;
	color:#000000;
	margin-left:23px;
	padding:5px 2px 5px 5px;
}
#rightNav a:hover {

	background-color:#5F0000;
	color:#FFD84C;
}
#rightNav .header {
	background-color: #5F0000;
	color:#FFFFFF;
	margin-bottom:-6px;
	padding-bottom:7px;
	font-size:12px;
}






/***   Mandatory   ***/
.HPQuickPoll {
	color: #fff;
}
.HPQuickPoll .question{
	text-align: left;
}	
.HPQuickPoll h2 {
	display: none;
}
.HPQuickPoll .bar-color {
	background-color: #a83535;   /* results bar color */
}
/***  Optional  ***/
.HPQuickPoll {
	width: 223px;
	padding-bottom: 9px;
	text-align: left;
}
/* 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 {
	padding-bottom: 5px;
}
.HPQuickPoll .see_results {
	color: #fff;
}






/*  Student Vault  */
.topLogin {
	width: 906px;
	height: 22px;
	margin: 0 auto;
	padding: 6px 0 0 0;
	color: #fff;
	background: #000;
	background-color: #1a1a1a;
}

.topLogin table {
	color: #fff;
	float: right;
	margin-right: 4px;
	display: inline;
}


.topLogin #topLoginUsername, .topLogin #topLoginPassword {
	height: 13px;
	background-color: #f6f6f6;
}


.topLogin a, .topLogin a:link, .topLogin a:visited { color: #fff; }
.topLogin a:hover, .topLogin a:active { color: #fff; }