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

body {
	background: #486180 url('/pics/body_bg.jpg') repeat-x left top;
	text-align: center;
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
}
div#wrapper {
	margin: 0 auto;
	width: 760px;
	text-align: left;
}
#translate {
	position: relative;
}

#phone {
	position: absolute;
	top: 141px;
	left: 621px;
	color: #fff;
}
#googleTranslate {
	position: absolute;
	top: 3px;
	left: 5px;
}
#spanish {
	position: relative;
	top: 25px;
	left: 760px; 
}

/* Header */
#header h1 {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0 0 185px 760px;
	overflow: hidden;
	background: url('/pics/hemet_header_3.jpg') no-repeat;
}
#header {
	margin: 0;
	padding: 0;
}
/* [BEGIN NAVIGATION] */

/* Navigation text */

/* Main menu container */

div#menu {
	width: 760px;
	background: #405978;
	height: 24px;
	float: left;
}
div#menu ul {
	list-style: none;
	padding: 0;
	float: left;
	text-align: left;
	margin: 0 0 0 45px;
	/* Positioning and size hack for IE6 */
	*width: 70px;
 *margin: 0;
 *padding-left: 33px;
}
div#menu ul li a {
	padding: 5px 0 0 6px;
	margin: 0;
	font: 12px Georgia, "Times New Roman", Times, serif;
}
div#topNavBottom {
	width: 760px;
	height: 20px;
	background: url('/pics/topnav_bottom.gif') repeat-x;
}
/* Horizontal navigation colors */

div#menu a {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-decoration: none;
}
/* Horizontal navigation rollover colors */

div#menu a:hover, div#menu ul li.over a, div#menu ul li:hover a {
	color: #e7b677;
}
/* Padding and Line Height for first drop down */

div#menu ul li ul li a {
	line-height: 16pt;
	padding: 0 0 0 6px;
}
/* First and second dropdown color */


div#menu ul li:hover ul li a, div#menu ul li ul li:hover ul li a, div#menu ul li:hover ul li:hover ul li a, div#menu ul li.over ul li a, div#menu ul li ul li.over ul li a, div#menu ul li.over ul li.over ul li a {
	color: #FFF;
	background: #405978;
	text-align: left;
}
/* 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:hover ul li:hover a, div#menu ul li:hover ul li:hover ul li:hover a, div#menu ul li ul li.over a, div#menu ul li ul li.over ul a:hover, div#menu ul li.over ul li.over a, div#menu ul li:hover ul li.hover ul li.over a {
	background-color: #405978;
	color: #e7b677;
}
/* Positions navigation items */

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

div#menu ul li ul {
	position: absolute;
	z-index: 500;
	width: 162px;
	margin: 0;
	padding-top: 4px;
	/* Asterisk denotes IE fixes */
	*padding-left: 0;
}
/* Positions second level drop down; Width is inherited from first level drop down */

div#menu ul li ul li ul {
	position: absolute;
	top: 0;
	left: 100%;
	padding: 0;
	margin: 0;
}
/* 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;
	background: #ae895a url('/pics/index_bg.gif') repeat-x 0 18px;
	width: 760px;
	padding-top: 0px;
	min-height: 400px;
	height: auto!important;
	height: 400px;
}
.content {
	text-align: left;
	background: #FFF;
	width: 744px;
	padding: 8px;
	min-height: 400px;
	height: auto!important;
	height: 400px;
}
#theMarquee {
	background:#ae895a;
	padding:5px 10px;
	color:#333;
	font-weight:bold;
font-size: 14px;
}
/* min-height hack for IE */
/**/
* html .content {
	height: 400px;
}
/**/

.pageTitle {
	display: block;
	width: 744px;
	height: 24px;
	padding: 18px 0 0 16px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	background: url('/pics/PageTitle.gif') no-repeat left top;
	text-transform:uppercase;
}
/* Index */

#rotateBG {
	width: 760px;
	height: 242px;
	background: url('/pics/index_bg.gif') repeat-x;
	text-align: center;
	padding-top: 10px;
}
#leftColumn {
	width: 475px;
	float: left;
	padding-left: 15px;
}
#rightColumn {
	width: 268px;
	float: right;
}
#eventsContainer {
	width: 231px;
	min-height: 300px;
	height: auto!important;
	height: 300px;
	background: url('/pics/events_bg.gif') repeat-x 0 48px;
}
#bulletinContainer {
	width: 405px;
	min-height: 257px;
	height: auto!important;
	height: 257px;
	background: #FFF url('/pics/bulletin_board_bg.gif') no-repeat 223px 33px;
}
#newsContainer {
	width: 405px;
	min-height: 257px;
	height: auto!important;
	height: 257px;
	background: #FFF url('/pics/news_bg.gif') no-repeat 271px 33px;
}
#linksContainer {
	padding: 0 0 49px 268px;
	display: block;
	background: url('/pics/selected_links_header.gif') no-repeat;
}
#quickLinks {
	width: 247px;
	padding: 0;
	margin: 0;
	min-height: 120px;
	height: auto!important;
	height: 120px;
}
#quickLinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#quickLinks a {
	width: 234px;
	height: 22px;
	text-align: right;
	padding: 3px 18px 0 0;
	margin: 0;
	display: block;
	color: #FFF;
	text-decoration: none;
	font: 14px Georgia, "Times New Roman", Times, serif;
}
#quickLinks a#midNav1 {
	background: url('/pics/q_link_b.png') no-repeat;
}
#quickLinks a#midNav2 {
	background: url('/pics/q_link_b.png') no-repeat;
}
#quickLinks a#midNav3 {
	background: url('/pics/q_link_b.png') no-repeat;
}
#quickLinks a#midNav4 {
	background: url('/pics/q_link_b.png') no-repeat;
}
#quickLinks a#midNav5 {
	background: url('/pics/q_link_b.png') no-repeat;
}
#quickLinks a#midNav6 {
	background: url('/pics/q_link_b.png') no-repeat;
}
#quickLinks a#midNav7 {
	background: url('/pics/q_link_b.png') no-repeat;
}
#quickLinks a:hover#midNav1 {
	background: url('/pics/q_link_hover_c.png') no-repeat;
}
#quickLinks a:hover#midNav2 {
	background: url('/pics/q_link_hover_c.png') no-repeat;
}
#quickLinks a:hover#midNav3 {
	background: url('/pics/q_link_hover_c.png') no-repeat;
}
#quickLinks a:hover#midNav4 {
	background: url('/pics/q_link_hover_c.png') no-repeat;
}
#quickLinks a:hover#midNav5 {
	background: url('/pics/q_link_hover_c.png') no-repeat;
}
#quickLinks a:hover#midNav6 {
	background: url('/pics/q_link_hover_c.png') no-repeat;
}
#quickLinks a:hover#midNav7 {
	background: url('/pics/q_link_hover_c.png') no-repeat;
}
/* Modules */

.HPNews {
	font: 9pt "Arial", Times, serif;
	color: #000;
	width: 467px;
	background: #FFF url('/pics/news_bg.gif') no-repeat left top;
	padding-top: 10px;
}
.HPBBMessages {
	font: 9pt "Arial", Times, serif;
	color: #000;
	width: 467px;
	background: #FFF url('/pics/bulletin_board_bg.gif') no-repeat left top;
	padding-top: 10px;
}
.HPEvents {
	width: 246px;
	font: 9pt "Arial", Times, serif;
	color: #000;
	background: #ddd2ba url('/pics/events_bg.gif') no-repeat left top;
	padding-top: 10px;
}
.HPLinks {
	width: 246px;
	font: 9pt "Arial", Times, serif;
	color: #000;
	background: #ddd2ba url('/pics/selected_links_bg.gif') no-repeat left top;
	padding-top: 10px;
}

.HPInfo {
	width: 246px;
	font: 9pt "Arial", Times, serif;
	color: #000;
	background: #ddd2ba url('/pics/info_bg.gif') no-repeat left top;
	padding-top: 10px;
}

.HPNews #l, .HPBBMessages #l, .HPLinks #l, .HPInfo #l, .HPEvents #l {
	padding-left: 5px;
}
.HPEvents a, .HPEvents a:active, .HPEvents a:link, .HPLinks a, .HPLinks a:active, .HPLinks a:link, .HPInfo a, .HPInfo a:active, .HPInfo a:link {
	color: #805f3b;
}
.HPNews a, .HPNews a:active, .HPNews a:link, .HPBBMessages a, .HPBBMessages a:active, .HPBBMessages a:link {
	color: #805f3b;
}
#wotd {
	width: 216px;
	height: 50px;
	background: url('/pics/wotd.gif') no-repeat;
	margin-left: 8px;
	text-align: center;
	padding-top: 13px;
	color: #FFF;
}
#wotd a {
	color: #FFF;
}
#wotd b {
	display: none;
}
/* Footer */

div#footer {
	width: 760px;
	height: 46px;
	padding: 0;
	color: #FFF;
}
div#footer div#top {
	width: 760px;
	height: 19px;
	padding-top: 4px;
	background: url('/pics/footer_top_bg.gif') repeat-x;
	text-align: center;
}
div#footer div#bottom {
	width: 760px;
	height: 23px;
	background: url('/pics/footer_bottom_bg.gif') repeat-x;
}
#districtLogo {
	position:absolute;
	margin-top:0px;
	width:75px;
}


/***   Quick Poll   ***/
#qp-59 {
	width:246px;
	background-image:url('/pics/selected_links_bg.gif');
	background-repeat:no-repeat;
}
#qp-59 .quickpoll {
	background-image:url('/pics/selected_links_bg.gif');
	background-repeat:no-repeat;
	background-color:#DDD2BA;
	padding:5px 0;
	margin-bottom:15px;
}
.HPQuickPoll h2 {
    width: 246px;       /* header width  */
    padding-top: 25px;  /* header height */
    /* default background image is /pics/pics/quick_poll_header.png  */
}

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

#qp-59 .results, #qp-59 .choices, #qp-59 .results_only {
width: 220px;
}

/* Sponsors */

.SponsorsDiv, .NoSponsorDiv {
	margin:5px 7px 0 0px;
	width: 246px;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
 	color: #333;
 	background: #DDD2BA url(/pics/selected_links_bg.gif) no-repeat scroll 0 25px;
}

.NoSponsorDiv {
	background: none;
}

.SponsorsDiv h2 {
	margin:0;
	width:246px;
	height:0px;
	padding-top:25px;
	overflow:hidden;
}
h2#sponsor_header {
	background-image:url('/pics/sponsor_header2.png');
}
h2#sponsors_header {
	background-image:url('/pics/sponsors_header1.png');
}
h2.noSponsorAlternativeContent {
	margin:0;
	width: 246px;
	height:0;
	padding-top: 75px;
	overflow:hidden;
	background-image:url('/apps/pics/sponsors/oursponsors2.jpg');
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom: 10px;
}
.SponsorsDiv ul {
	width:100%;
	padding:10px 0;
	margin:0px;
	margin-bottom:10px;
	text-align: center;
	/* background-image: url('/pics/selected_links_bg.gif');
	background-repeat: repeat-x;
	background-color: #ddd2ba; */
}
.SponsorsDiv ul li {
	display:inline;
	list-style-type:none;
	margin:0 auto;
	text-align:center;
	width:170px;
}
.SponsorsDiv ul li img {
	border:1px solid #CCCCCC;
	padding:4px;
}
.SponsorsDiv a.sponsorshipIntroURL {
	margin:0 0 5px 15px;
	font-weight:bold;
	display:block;
	color: #805f3b;
	font-family:Arial, Verdana, sans-serif;
	font-size:9.5pt;
	padding-bottom: 10px;
	*padding-bottom: 0px;
}