/* General */
@import url("/apps/js/polls/polls-pack.css");
body {
	background: #20262f url('/pics/body_bg.jpg') no-repeat center top;
	text-align: center;
	margin: 0 0 5px 0;
	padding: 0;
	font: 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

div#sides {
	margin: 0 auto;
	width: 930px;
	background: url('/pics/shadow.png') repeat-y;
	behavior: url('/apps/shared/iepngfix.htc');
}

div#wrapper {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background: #fff;
}

.contentIndex {
	text-align: left;
	background: url('/pics/index_repeat.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;
}

#marquee {
	width: 603px;
	height: 17px;
	padding-top: 3px;
	margin-bottom: 7px;
	background: #2f0842;
	color: #fff;
	border: 1px solid #4d2162;
	font-weight: bold;
}

.relative {
	position: relative;
}

.pageTitle {
	display: block;
	width: 875px;
	height: 18px;
	padding: 4px 0 0 5px;
	margin: 0 0 10px 0;
	font-family: 'Trebuchet MS', 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 {
	height: 21px;
	padding: 20px 0 0 6px;
	margin: 0 0 0 9px;
	background: url('/pics/search_bg.gif') repeat-x;
}

#translate {
	position: absolute;
	margin: 0 0 0 745px;
}

/* Header */

div#header h1 {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0 0 320px 900px;
	overflow: hidden;
	background: url('/pics/bg_header.jpg') no-repeat;
}

/* Navigation menu */

div#menu {
	background: url('/pics/topnav_bg.gif') repeat-x;
	width: 900px;
	height: 28px;
}

ul#topNavItems {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	position: relative;
	z-index: 999;
}


ul#topNavItems li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0 0 0 13px;
	float: left;
	position: relative;
	z-index: 999;
}

ul#topNavItems li a {
	height: 0;
	display: block;
	overflow: hidden;
	padding: 28px 0 0 0;
	background-position: 0 0;
}

ul#topNavItems li a#topNav1 { width: 57px; background: url('/pics/topNav1.gif') no-repeat; }
ul#topNavItems li a#topNav2 { width: 81px; background: url('/pics/topNav2.gif') no-repeat; }
ul#topNavItems li a#topNav3 { width: 90px; background: url('/pics/topNav3.gif') no-repeat; }
ul#topNavItems li a#topNav4 { width: 88px; background: url('/pics/topNav4.gif') no-repeat; }
ul#topNavItems li a#topNav5 { width: 84px; background: url('/pics/topNav5.gif') no-repeat; }
ul#topNavItems li a#topNav6 { width: 74px; background: url('/pics/topNav6.gif') no-repeat; }
ul#topNavItems li a#topNav7 { width: 67px; background: url('/pics/topNav7.gif') no-repeat; }
ul#topNavItems li a#topNav8 { width: 99px; background: url('/pics/topNav8.gif') no-repeat; }
ul#topNavItems li a#topNav9 { width: 126px; background: url('/pics/topNav9.gif') no-repeat; }

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 { 
	background-position: 0 -28px;
}

/* Drop down items */

ul#topNavItems ul {
	position: absolute;
	left: -9999px;
	z-index: 9999;
	width: 160px;
	margin: 0;
	padding: 0;
	font: 12px 'Trebuchet MS', 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;
	margin-left: 100%;
}

/* Drop down items colors and formatting */

ul#topNavItems li ul li a {
	line-height: 19pt;
	text-align: left;
	text-decoration: none;
	padding: 0 0 0 8px;
	height: auto;
	width: 160px;
	color: #fff;
	background: #000;
}

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: #4e0d6d;
}

ul#topNavItems li ul li:hover ul a, ul#topNavItems li ul li.over ul a {
	color: #fff;
	background: #000;
}

/* Index properties */

#indexRepeat {
	width: 900px;
	background: url('/pics/index_bg.gif') no-repeat left top;
}

#indexTop {
	width: 900px;
	height: 229px;
	background: url('/pics/index_top.jpg') no-repeat;
}

#indexTopLeft {
	width: 614px;
	padding: 12px 0 0 12px;
	float: left;
}

#indexTopRight {
	width: 274px;
	padding: 0;
	float: right;
}

#leftColumn {
	width: 314px;
	padding: 3px 0 0 0;
	float: left;
}

#midColumn {
	width: 314px;
	padding: 3px 0 0 0;
	float: left;
}

#rightColumn {
	width: 253px;
	padding: 3px 0 0 0;
	float: left;
}

#readingwidget{
	width: 250px;
	margin: 10px;
}

/* Quicklinks */

#quickLinks {
	width: 225px;
	padding: 0;
	margin: 4px 0 0 7px;
}

#quickLinks h2 {
	width: 0;
	height: 0;
	padding: 0 0 7px 235px;
	margin: 0;
	overflow: hidden;
	background: url('/pics/quicklinks_header.gif') no-repeat;
}

#quickLinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#quickLinks a {
	width: 0;
	height: 0;
	text-decoration: none;
	padding: 0 0 20px 225px;
	margin: 0;
	overflow: hidden;
	display: block;
	color: #FFF;
	font: 12px Arial, Helvetica, sans-serif;
}

#quickLinks a#midNav1 { background: url('/pics/midnav1.jpg') no-repeat; }
#quickLinks a#midNav2 { background: url('/pics/midnav2.jpg') no-repeat; }
#quickLinks a#midNav3 { background: url('/pics/midnav3.jpg') no-repeat; }
#quickLinks a#midNav4 { background: url('/pics/midnav4.jpg') no-repeat; }
#quickLinks a#midNav5 { background: url('/pics/midnav5.jpg') no-repeat; }
#quickLinks a#midNav6 { background: url('/pics/midnav6.jpg') no-repeat; }
#quickLinks a#midNav7 { background: url('/pics/midnav7.jpg') no-repeat; }
#quickLinks a#midNav8 { background: url('/pics/midnav8.jpg') no-repeat; }

#quickLinks a:hover#midNav1,
#quickLinks a:hover#midNav2,
#quickLinks a:hover#midNav3,
#quickLinks a:hover#midNav4,
#quickLinks a:hover#midNav5,
#quickLinks a:hover#midNav6,
#quickLinks a:hover#midNav7,
#quickLinks a:hover#midNav8 { 
	background-position: -255px 0;
}

#quickLinksBottom {
	width: 235px;
	height: 6px;
	background: url('/pics/quicklinks_bottom.gif') no-repeat left top;
	margin: 0 0 0 9px;
}

/* Homepage Section Headers */

h2 a#news {
	width: 0;
	height: 0;
	padding: 0 0 39px 306px;
	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 39px 309px;
	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 53px 235px;
	font-size: 0;
	background: url('/pics/selected_links_header.gif') no-repeat left top;
	display: block;
	margin: 0;
	overflow: hidden;
}

h2 a#bulletin {
	width: 0;
	height: 0;
	padding: 0 0 27px 253px;
	font-size: 0;
	background: url('/pics/bulletin_board_header.gif') no-repeat left top;
	display: block;
	margin: 0 0 0 11px;
	overflow: hidden;
}

h2 a#principal {
	width: 0;
	height: 0;
	padding: 0 0 36px 235px;
	font-size: 0;
	background: url('/pics/principals_header.gif') no-repeat left top;
	display: block;
	margin: 0 0 0 11px;
	overflow: hidden;
}

/* Homepage Sections Containers */

#newsContainer {
	width: 306px;
	min-height: 200px;
	height: auto!important;
	height: 200px;
	margin: 0;
	padding: 20px 0 0 0;
	background: url('/pics/news_bg.gif') no-repeat;
}

#eventsContainer {
	width: 309px;
	min-height: 200px;
	height: auto!important;
	height: 200px;
	margin: 0;
	padding: 20px 0 0 0;
	background: url('/pics/events_bg.gif') no-repeat;
}

#directoryContainer {
	
}

#bulletinContainer {
	width: 253px;
	min-height: 200px;
	height: auto!important;
	height: 200px;
	margin: 0;
	padding: 20px 0 0 0;
	background: url('/pics/bulletin_board_bg.gif') no-repeat;
}

#linksContainer {
	
}

#memoirsContainer {

}

#leftContainer {
	width: 309px;
	background: url('/pics/events_repeat.gif') repeat-y;
}

#midContainer {
	width: 306px;
	background: url('/pics/news_repeat.gif') repeat-y;
}

#rightContainer {
	width: 306px;
	background: url('/pics/bulletin_board_repeat.gif') repeat-y;
	margin: 0 0 0 11px;
}

/* Homepage Section Table Includes */

.HPNews {
	width: 306px;
	padding: 0;
	margin: 0;
	color: #ffffff;
}

.HPEvents {
	width: 309px;
	padding: 0;
	margin: 0;
	color: #000;
}

.HPDirectory {
	
}

.HPBBMessages {
	width: 253px;
	padding: 0;
	margin: 0;
	color: #000;
}

.HPLinks {
	width: 235px;
	padding: 0;
	margin: 0;
	color: #000;
}

.HPMemoirs {
	
}

/* Other homepage section extras */

#eventsBottom {
	width: 309px;
	height: 13px;
	background: url('/pics/events_bottom.gif') no-repeat;
}

#bulletinBottom {
	width: 253px;
	height: 13px;
	margin: 0 0 0 11px;
	background: url('/pics/bulletin_board_bottom.gif') no-repeat;
}

#newsBottom {
	width: 309px;
	height: 13px;
	background: url('/pics/news_bottom.gif') no-repeat;
}

.HPEvents, .HPNews, .HPBBMessages, table{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}


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

.HPEvents a, .HPEvents a:active, .HPEvents a:link,
.HPBBMessages a, .HPBBMessages a:active, .HPBBMessages a:link {
	color: #78818c;
}

.HPDirectory a, .HPDirectory a:active, .HPDirectory a:link,
.HPLinks a, .HPLinks a:active, .HPLinks a:link,
.HPMemoirs a, .HPMemoirs a:active, .HPMemoirs a:link {

}

.HPNews #l, .HPEvents #l, .HPDirectory #l, .HPBBMessages #l, .HPLinks #l, .HPMemoirs #l {
	padding: 6px 0 0 15px;
}

/* Image shuffles */

#rotate_overlay {
	width: 647px;
	height: 251px;
	position: absolute;
}

/* Footer */

div#footer {
	width: 930px;
	height: 81px;
	margin: 0 auto;
	text-align: left;
	background: url('/pics/footer.png') no-repeat;
}

#address {
	position: absolute;
	text-align: left;
	left: 95px;
	top: 5px;
	color: #fff;
	font: 15px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	line-height: 20pt;
}

#district_logo {
	position: absolute;
	left: 30px;
	top: 10px;
}

/***   Mandatory   ***/
.HPQuickPoll h2 {
    width: 253px;       /* header width  */
    padding-top: 27px;  /* header height */
    background: url('/pics/quick_poll_header.gif');
}

div.HPQuickPoll {
  margin-left:10px;
  width: 253px;
  padding-bottom:10px;
  min-height:200px; 
  background:url("/pics/bulletin_board_bottom.gif") no-repeat bottom;
}
.HPQuickPoll .bar-color {
    background-color: #551073;   /* results bar color */
}

p.question {
	margin:0 0 20px 0;
}

/***  Optional  ***/
div.quickpoll {padding-top:10px;
     width: 253px;
     background: url(/pics/quick_poll_bg.gif) no-repeat top;
} 



