@import url("/apps/js/polls/polls-pack.css");
body {
	margin: 0;
	color: #FFFFFF;
	font: 9pt "Arial", Times, serif;
	background: url('/pics/body_bg.jpg') top left repeat-x #999999;
}

img, div, td, table {
	behavior: url('/shared/iepngfix.htc');
}

.HPNews, .HPBBMessages {
	padding: 5px 5px 5px 5px;
	font: 9pt "Arial", Times, serif;
	color: #000000;
	width: 400px;
}

.HPEvents {
	padding: 5px 5px 5px 5px;
	width: 210px;
	font: 9pt "Arial", Times, serif;
	color: #000000;
}

.HPLinks {
	padding: 5px 5px 5px 5px;
	width: 240px;
	font: 9pt "Arial", Times, serif;
	color: #FFFFFF;
}

.HPNews a, .HPNews a:link, .HPNews a:visited,
.HPEvents a, .HPEvents a:link, .HPEvents a:visited,
.HPBBMessages a, .HPBBMessages a:link, .HPBBMessages a:visited {
	color: #000000;
	font-weight: bold;
}

.HPLinks a, .HPLinks a:link, .HPLinks a:visited  {
	color: #FFFFFF;
	font-weight: bold;
}

.HPNews #l, .HPBBMessages #l, .HPLinks #l, .HPEvents #l {
	padding-left: 10px;
	padding-top: 5px;
}

.neutral, table {
	font: 9pt "Arial", Times, serif;
	color: #000000;
}

.neutral a, .neutral a:link, .neutral a:visited { color: #833333; }
.neutral a:hover, .neutral a:active { color: #8C1706; }

.contentIndex {
	padding: 0px 0px 0px 0px;
	font: 9pt "Arial", Times, serif;
	color: #000000;
	background: #FFFFFF;
	height: 400px;
}

.content {
	padding: 10px 10px 10px 10px;
	height: 400px;
	font: 9pt "Arial", Times, serif;
	color: #333;
	background: #ffffff;
}

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

.light {
	font: 9pt "Arial", Times, serif;
	color: #000000;
	background: #CCBDBD;
}
.light  a, .light a:link, .light a:visited { color: #000000; }
.light a:hover, .light a:active { color: #000000; }

.dark {
	font: 9pt "Arial", Times, serif;
	color: #ffffff;
	background: #0A2D64;
}
.dark a, .dark a:link, .dark a:visited { color: #ffffff; }
.dark a:hover, .dark a:active { color: #ffffff; }

.pageTitle {
	display: block;
	width: auto!important;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-image: url(/pics/page_title.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 31px!important;
	height: 45px;
	padding: 14px 0px 5px 5px;
	text-transform:uppercase;
}

#enCountdownDiv {
	color:#055600;
	padding-top: 3px;
	text-align: center;
}

#topNav {
	position: relative;
	z-index:100;
	height: 35px;
}
#topNavButtons {
	position: absolute;
	z-index: 95;
	top: 0;
	left: 0;
	width: 900px;
	background: url('/pics/topnav_bg.gif');
}
#menuCloser {
	position: absolute;
	visibility: hidden;
	left: -16px;
	top: -50px;
	z-index: 15;
}
#topNav .subNav {
	position: absolute;
	visibility: hidden;
	top: 35px;
	margin: 0 4px 0 0;
	z-index: 100;
}
#topNav2Subdistrict {left: 108px;}
#topNav3Subdistrict {left: 211px;}
#topNav4Subdistrict {left: 314px;}
#topNav5Subdistrict {left: 423px;}
#topNav6Subdistrict {left: 579px;}
#topNav7Subdistrict {left: 692px;}

#topNav2SubHawkinsHS {left: 125px;}
#topNav3SubHawkinsHS {left: 223px;}
#topNav4SubHawkinsHS {left: 340px;}
#topNav5SubHawkinsHS {left: 431px;}
#topNav6SubHawkinsHS {left: 556px;}
#topNav7SubHawkinsHS {left: 670px;}
#topNav8SubHawkinsHS {left: 730px;}

#topNav2SubPaulJHS {left: 125px;}
#topNav3SubPaulJHS {left: 223px;}
#topNav4SubPaulJHS {left: 340px;}
#topNav5SubPaulJHS {left: 431px;}
#topNav6SubPaulJHS {left: 556px;}
#topNav7SubPaulJHS {left: 670px;}
#topNav8SubPaulJHS {left: 730px;}

#topNav2SubCopelandES {left: 119px;}
#topNav3SubCopelandES {left: 235px;}
#topNav4SubCopelandES {left: 365px;}
#topNav5SubCopelandES {left: 510px;}
#topNav6SubCopelandES {left: 627px;}
#topNav7SubCopelandES {left: 730px;}

#topNav2SubWalkerES {left: 119px;}
#topNav3SubWalkerES {left: 235px;}
#topNav4SubWalkerES {left: 365px;}
#topNav5SubWalkerES {left: 510px;}
#topNav6SubWalkerES {left: 627px;}
#topNav7SubWalkerES {left: 730px;}

#topNav2SubHarmonES {left: 119px;}
#topNav3SubHarmonES {left: 235px;}
#topNav4SubHarmonES {left: 365px;}
#topNav5SubHarmonES {left: 510px;}
#topNav6SubHarmonES {left: 627px;}
#topNav7SubHarmonES {left: 730px;}

#topNav2SubJamesES {left: 119px;}
#topNav3SubJamesES {left: 235px;}
#topNav4SubJamesES {left: 365px;}
#topNav5SubJamesES {left: 510px;}
#topNav6SubJamesES {left: 627px;}
#topNav7SubJamesES {left: 730px;}

#topNav2SubCarmen {left: 119px;}
#topNav3SubCarmen {left: 235px;}
#topNav4SubCarmen {left: 365px;}
#topNav5SubCarmen {left: 510px;}
#topNav6SubCarmen {left: 627px;}
#topNav7SubCarmen {left: 730px;}

#topNav .list {
	position: absolute;
	z-index: 200;
	list-style: none;
	margin: 0;
	padding: 0;
	font: 11px Arial, Tahoma, Verdana,Geneva, sans-serif;
	background: #0A2D64;
}

#topNav .list li {
	width: 170px;
	line-height: 18px;
}

#topNav .list a {
	display: block;
	width: auto!important;
	width: 100%;
	padding: 2px 5px 1px 13px;
	color: #FFFFFF;
	text-decoration: none;
	z-index: 1000;
position:relative; 
}
#topNav .list a:hover {
	background: #CCBDBD;
	color:#000000;
}
.principalsCorner {
	text-align: justify;
}




/* ##### CUSTOM FORM START ##### */
form.customForm {
	margin: 0;
	padding: 0 10px 10px 10px;
	background: #eee;
	border: #ddd 1px solid;
	}
	
form.customForm .message { margin: 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
form.customForm .message p { margin: 0; }
form.customForm .message p em { color: #C00; font-style: normal; font-weight: bold; }
	
form.customForm p {
	padding: 0;
	margin: 13px 0;
	}

form.customForm fieldset {
	background: #eee;
	border: #999 1px solid;
	_padding: 4px 5px 8px 9px;
	color: #000;
	}

form.customForm fieldset legend {
	color: #00;
	text-transform: uppercase;
	font-weight: bold;
	_margin: 0 0 3px -4px;
	}

form.customForm fieldset input,
form.customForm fieldset textarea {
	border: 1px solid #DDD;
	margin: 0 10px 0 0;
	vertical-align: middle;
	_vertical-align: bottom;
	}

form.customForm input#submit {
	background: #FFC;
	margin: 3px 0 0 208px;
	border: none;
	}

form.customForm fieldset input:focus,
form.customForm fieldset textarea:focus {
	background-color: #FFC;
	border-color: #FC6;
	}

form.customForm fieldset textarea {
	overflow: auto;
	height: 60px;
	width: 95%;
	}

form.customForm label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	font-variant: small-caps;
	text-align: right;
	margin-right: 3px;
	}

form.customForm ol {
	margin: 0;
	padding: 0;
	}
	
form.customForm ol {
	list-style: none;
}
	
form.customForm li {
	padding: 1px;
	margin: 0;
	}
	
form.customForm fieldset fieldset {
	border: none;
	margin: 0 0 0 0px;
	padding: 0 0 0 205px;
	}
	
form.customForm fieldset fieldset legend {
	color: #000;
	padding: 0;
	margin: 3px 0 0 -206px;
	_margin: 3px 0 0 -213px;
	font-size: 13px;
	text-transform: none;;
	font-variant: small-caps;
	font-weight: normal;
	}

form.customForm fieldset fieldset label {
	width: auto;
	text-align: left;
	margin-right: 3px;
	}

form.customForm em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}
	
form.customForm div.note {
	margin: 3px 0 0 208px;
	font-variant: small-caps;
	}

form.customForm fieldset label#firstField { width: 200px;  } /* Width of first label */
form.customForm fieldset fieldset label#firstField { width: 150px;  } /* Width of first label in a secondary fieldset, use for multiple columns */
form.customForm fieldset fieldset input { margin-right: 5px; }
form.customForm fieldset fieldset p { margin: 0 0 0 30px; padding: 0; }

form.customForm input[type='text'] { width: 200px; }
form.customForm input { _width: 200px; }

/*\*//*/ form.customForm legend { display: inline-block; } /* IE Mac legend fix */
/* ##### CUSTOM END START ##### */


.overlay {
	display: block;
	width: 643px;
	height: 192px;
	background: url(/pics/rotate_overlay.png) no-repeat;
	behavior: url(/apps/shared/iepngfix.htc);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
/* Quick Poll district: id=188 */

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

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

.HPQuickPoll .quickpoll {
	text-align: left;
}