@import url(https://fonts.googleapis.com/css?family=Hammersmith+One);

div#header h1 {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

marquee { width:768px; }
/* Navigation menu */

div#menu {
	width: 900px;
	height: 43px;
	margin: 0 auto;
}
ul#topNavItems {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	width: 758px;
	position: relative;
	z-index: 999;
}
ul#topNavItems li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	z-index: 999;
}
ul#topNavItems li a {
	height: 0;
	display: block;
	overflow: hidden;
	padding: 43px 0 0 0;
	background-position: 0 0;
}
#topnav_home a { width: 66px; background: url('/pics/district/topnav1.gif') no-repeat; }
#topnav_about_us a { width: 98px; background: url('/pics/district/topnav2.gif') no-repeat; }
#topnav_departments a { width: 129px; background: url('/pics/district/topnav3.gif') no-repeat; }
#topnav_documents a { width: 143px; background: url('/pics/district/topnav4.gif') no-repeat; }
#topnav_employment a { width: 121px; background: url('/pics/district/topnav5.gif') no-repeat; }
#topnav_school_calendar a { width: 143px; background: url('/pics/district/topnav6.gif') no-repeat; }
#topnav_extra_curricular_schedules a { width: 155px; background: url('/pics/district/topnav7.gif') no-repeat; }

ul#topNavItems li:hover a {
	background-position: 0 -43px;
}
/* Drop down items */

ul#topNavItems ul, ul#topNavItems li:hover ul ul, ul#topNavItems li.over ul ul {
	position: absolute;
	left: -9999px;
	z-index: 9999;
	width: 168px;
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
}
ul#topNavItems ul li, ul#topNavItems ul li a {
	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;
	left: 100%;
}
/* Drop down items colors and formatting */

ul#topNavItems ul {
	border: 3px solid #738c84;
	-moz-opacity:.95;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
	opacity:.95;
}

ul#topNavItems li ul li a {
	line-height: 16pt;
	text-align: left;
	text-decoration: none;
	padding: 0 0 0 8px;
	height: auto;
	width: 160px;
	color: #fff;
	background: #022819;
}
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: #5f796e;
	background: #fff;
}
ul#topNavItems li ul li:hover ul a, ul#topNavItems li ul li.over ul a {
	color: #fff;
	background: #022819;
}

/* Big HP Shuffle */
#shuffle_home {
	width: 870px;
	height: 387px;
	float: left;
	margin-left: 15px;
}

/* Schools */
#schools {
	width: 870px;
	height: 115px;
	margin: 0 15px;
	padding: 10px 0 10px 0;
	float: left;
	clear: left;
	background: url('/pics/district/schools_bg.jpg') no-repeat;
}

#schools a {
	width: 0;
	height: 0;
	text-decoration: none;
	padding: 0 0 115px 205px;
	margin: 0 0 0 10px;
	overflow: hidden;
	display: inline-block;
	float: left;
	color: #FFF;
	font: 12px Arial, Helvetica, sans-serif;
}

#schools a#school_es { background: url('/pics/district/school_es.jpg') no-repeat; }
#schools a#school_is { background: url('/pics/district/school_is.jpg') no-repeat; }
#schools a#school_js { background: url('/pics/district/school_js.jpg') no-repeat; }
#schools a#school_hs { background: url('/pics/district/school_hs.jpg') no-repeat; }

#schools a:hover#school_es,
#schools a:hover#school_is,
#schools a:hover#school_js,
#schools a:hover#school_hs {
	background-position: 0 -115px;
}
/* Quicklinks - District version */
#quickLinks {
	width: 870px;
	padding: 0;
	margin: 12px 15px;
	float: left;
	clear: left;
}
#quickLinks h2 {
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#quickLinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#quickLinks ul li {
	width: 170px;
	float: left;
	margin-right: 4px;
}
#quickLinks a {
	width: 0;
	height: 0;
	text-decoration: none;
	padding: 0 0 43px 170px;
	margin: 0;
	overflow: hidden;
	display: block;
	color: #FFF;
	font: 12px Arial, Helvetica, sans-serif;
}
#quickLinks a#midNav1 {	background: url('/pics/district/midnav1.gif') no-repeat; }
#quickLinks a#midNav2 {	background: url('/pics/district/midnav2.gif') no-repeat; }
#quickLinks a#midNav3 {	background: url('/pics/district/midnav3.gif') no-repeat; }
#quickLinks a#midNav4 { background: url('/pics/district/midnav4.gif') no-repeat; }
#quickLinks a#midNav5 { background: url('/pics/district/midnav5.gif') no-repeat; }

#quickLinks a:hover#midNav1,
#quickLinks a:hover#midNav2,
#quickLinks a:hover#midNav3,
#quickLinks a:hover#midNav4,
#quickLinks a:hover#midNav5 {
	background-position: 0 -43px;
}
#header_overlay {
	width: 565px;
	height: 167px;
	background: url('/pics/district/header.png') no-repeat;
	behavior: url('/apps/shared/iepngfix.htc');
	margin: 0 0 0 302px;
}

div.board_members {
	width:100%;
	clear:both;
}

div.board_members div {
	float:left;
	width:130px;
	text-align:center;
	padding:10px;
	}
div.board_members div.wide {width:175px;}
	
div.board_documents_container {
	clear:both;	
	}

div.board_documents {
	width:160px;
	float:left;
	padding:20px;
	
}

#superintendentsContainer {
	width: 500px;
	margin: 0 auto;
	padding: 10px 20px 20px;
	border: 5px solid #006700;
}

div#superintendentsContainer td#l {display:none;}

a#superintendents {display:none;} 


#leftColumn, #rightColumn { background: url(/pics/col_top.jpg) center 0 repeat-x;}

body #indexBG h2 {
	margin: 0;
	padding: 0;
}

body #indexBG h2 a {
	display: block;
	width: auto;
	height: auto;
	margin: 10px 20px;
	padding: 10px 10px 5px;
	font-size: 24px;
	font-family: 'Hammersmith One', sans-serif;
	color: #006700;
	text-decoration: none;
	text-transform: small-caps;
	font-weight: normal;
	background-image: none;
	border-bottom: 2px dotted #7f948b;
}

body #indexBG h2 a:hover { text-decoration: none;}

body #indexBG b {font-weight: normal;}

body #indexBG a {
	font-family: 'Hammersmith One', sans-serif !important;
	color: #006700 !important;
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
}

body #indexBG a:hover { text-decoration: underline; }

img.sub {
	border: none !important;
	padding: 0 4px 0 0;
}

/* Spotlight - Homepage Left Column */
.content-container .spotlightmessage-text.item-text {
    width: 87%;
    margin: 0 auto;
    font-size: 13px;
    padding: 15px 0;
}

.spotlight-image-holder {
    padding: 0 7%;
}

img.spotlight-image {
	width: 100%;
	height: auto;
}

a.read-more-link {
    margin: 0 0 0 23px;
    display: block;
}