/* General */

html {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	text-align: left;
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	height: 100%;
	background: #fff url('/pics/body_bg.jpg') repeat-x left top;
}
div#wrapper {
	width: 100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	text-align: left;
	position: relative;
}
#main {
	text-align: left;
	width: 900px;
	margin: 0 auto;
	padding: 0 0 116px 0;
}
.contentIndex {
	text-align: left;
	width: 100%;
}
.content {
	text-align: left;
	padding: 8px 8px 8px 8px;
}
.contentIndex h2 {
	padding: 0;
	margin: 0;
}
.relative {
	position: relative;
}
.pageTitle {
	display: block;
	width: 874px;
	height: 26px;
	padding: 12px 0 0 10px;
	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;
}
/* Header */
div#header h1 {
	padding: 0;
	margin: 0;
	font-size: 0;
}

div#header h1 a {
	display: block;
	width: 0;
	height: 0;
	margin: 0 auto;
	padding: 0 0 250px 900px;
	overflow: hidden;
	background: url('/pics/header.jpg') no-repeat;
}
/* Navigation menu */

div#menu {
	background: url('/pics/topnav_bg.jpg') repeat-x;
	width: 900px;
	height: 27px;
	margin: 0 auto;
}
ul#topNavItems {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 900px;
	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 {
	width: 0;
	height: 0;
	display: block;
	text-align: center;
	padding: 27px 0 0 0;
	font: 11px Georgia, "Times New Roman", Times, serif;
	overflow: hidden;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffde00;
	background: url('/pics/topnav_sep.jpg') no-repeat right top;
}

ul#topNavItems li a#topNav1 { width: 114px; background: url('/pics/topNav1.gif') no-repeat; }
ul#topNavItems li a#topNav2 { width: 108px; background: url('/pics/topNav2.gif') no-repeat; }
ul#topNavItems li a#topNav3 { width: 114px; background: url('/pics/topNav3.gif') no-repeat; }
ul#topNavItems li a#topNav4 { width: 114px; background: url('/pics/topNav4.gif') no-repeat; }
ul#topNavItems li a#topNav5 { width: 111px; background: url('/pics/topNav5.gif') no-repeat; }
ul#topNavItems li a#topNav6 { width: 101px; background: url('/pics/topNav6.gif') no-repeat; }
ul#topNavItems li a#topNav7 { width: 101px; background: url('/pics/topNav7.gif') no-repeat; }
ul#topNavItems li a#topNav8 { width: 137px; background: url('/pics/topNav8.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 {
	background-position: 0 -27px;
}
ul#topNavItems li:hover a, ul#topNavItems li.over a {
	color: #fff;
}
/* Drop down items */

ul#topNavItems ul, ul#topNavItems li:hover ul ul, ul#topNavItems li.over ul ul {
	position: absolute;
	left: -99999px;
	top: -9999px;
	z-index: 9999;
	width: 0; /* 178px */
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: none;
}
ul#topNavItems ul li {
	margin: 0;
}
ul#topNavItems li:hover ul, ul#topNavItems li.over ul {
	top: auto;
	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 li ul li a, ul#topNavItems li:hover ul li a, ul#topNavItems li.over ul li a {
	line-height: 16pt;
	text-align: left;
	text-decoration: none;
	padding: 3px 0 3px 8px;
	height: auto;
	width: 170px;
	color: #fff;
	background: #007781;
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: none;
}
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: #000;
	background: #ffb228;
}
ul#topNavItems li ul li:hover ul a, ul#topNavItems li ul li.over ul a {
	color: #fff;
	background: #007781;
}

/* Index properties */

#leftColumn {
	width: 585px;
	padding: 15px 0 0 0;
	float: left;
}
#rightColumn {
	width: 315px;
	padding: 15px 0 0 0;
	float: left;
}

/* Quicklinks */

#quickLinks {
	width: 258px;
	padding: 0;
	margin: 0;
}
#quickLinks h2 {
	width: 0;
	height: 0;
	padding: 0 0 29px 258px;
	background: url('/pics/quicklinks_header.gif') no-repeat;
	margin: 0;
	overflow: hidden;
}
#quickLinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#quickLinks a {
	width: 0;
	height: 0;
	text-decoration: none;
	padding: 0 0 0 258px;
	margin: 0;
	overflow: hidden;
	display: block;
	color: #FFF;
	font: 12px Arial, Helvetica, sans-serif;
}
#quickLinks a#midNav1 { height: 27px; background: url('/pics/midnav1.gif') no-repeat; }
#quickLinks a#midNav2 {	height: 29px; background: url('/pics/midnav2.gif') no-repeat; }
#quickLinks a#midNav3 {	height: 37px; background: url('/pics/midnav3.gif') no-repeat; }
#quickLinks a#midNav4 { height: 30px; background: url('/pics/midnav4.gif') no-repeat; }
#quickLinks a#midNav5 { height: 39px; background: url('/pics/midnav5.gif') no-repeat; }
#quickLinks a#midNav6 { height: 31px; background: url('/pics/midnav6.gif') no-repeat; }
#quickLinks a#midNav7 { height: 31px; background: url('/pics/midnav7.gif') 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: -258px 0;
}
#quickLinksBottom {
	width: 258px;
	height: 31px;
	background: url('/pics/quicklinks_bottom.gif') no-repeat;
}
/* Homepage Section Headers */

h2 a#news {
	width: 0;
	height: 0;
	padding: 0 0 51px 574px;
	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 51px 258px;
	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 41px 258px;
	font-size: 0;
	background: url('/pics/selected_links_header.gif') no-repeat left top;
	display: block;
	margin: 0;
	overflow: hidden;
}
h2 a#principals {
	width: 0;
	height: 0;
	padding: 0 0 51px 574px;
	font-size: 0;
	background: url('/pics/principals_header.gif') no-repeat left top;
	display: block;
	margin: 0;
	overflow: hidden;
}
/* Homepage Sections Containers */

#newsContainer {
	width: 516px;
	margin: 0 0 0 58px;
	padding: 0;
	color: #000;
}
#principalsContainer {
	width: 516px;
	margin: 0 0 0 58px;
	padding: 0;
	line-height: 16pt;
	color: #537d82;
}
#eventsContainer {
	width: 258px;
	margin: 0;
	padding: 0;
	color: #000;
}
#linksContainer {
	width: 258px;
	margin: 0;
	padding: 0;
	color: #000;
}
/* Other homepage section extras */
.HPNews a, .HPNews a:active, .HPNews a:link, 
.HPEvents a, .HPEvents a:active, .HPEvents a:link, 
.HPLinks a, .HPLinks a:active, .HPLinks a:link {
	color: #537d82;
}
.HPNews #l, .HPEvents #l, .HPDirectory #l, .HPBBMessages #l, .HPLinks #l, .HPMemoirs #l {
	padding-top: 7px;
}
/* Image shuffles */

#rotate_overlay1 {
	width: 524px;
	height: 312px;
	position: absolute;
	background: url('/pics/rotate_overlay1.png') no-repeat;
	behavior: url('/apps/shared/iepngfix.htc');
}
#shuffle1 {
	width: 524px;
	height: 312px;
}
/* Footer */

div#footer {
	width: 100%;
	height: 116px;
	text-align: left;
	background: url('/pics/footer.jpg') repeat-x;
	position: absolute;
	bottom: 0;
}
div#footer_main {
	width: 900px;
	height: 116px;
	margin: 0 auto;	
	background: url('/pics/footer_main.jpg') no-repeat;
}
address {
	width: 588px;
	height: 60px;
	position: absolute;
	left: 50px;
	top: 55px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
}
a#district_logo {
	width: 0;
	height: 0;
	padding: 0 0 45px 45px;
	display: block;
	overflow: hidden;
	background: url('/pics/district_logo.png') no-repeat;
	behavior: url('/apps/shared/iepngfix.htc');
	position: absolute;
	left: 782px;
	top: 35px;
}
