/* General */
@import url(http://fonts.googleapis.com/css?family=Tangerine);

body {
	background: #d7d7d7 url('/pics/body_bg.jpg') repeat-x left top;
	text-align: center;
	margin: 4px 0 5px 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
}

div#top {
	width: 928px;
	height: 25px;
	margin: 0 auto;
	background: url('/pics/top.jpg') no-repeat bottom left;
	font-size: 0;
}

div#sides {
	margin: 0 auto;
	width: 928px;
	background: url('/pics/shadow.gif') repeat-y;
}

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

.contentIndex {
	text-align: left;
	background: url('/pics/index_bg.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: 647px;
	height: 19px;
	padding-top: 5px;
	background: #383838;
	color: #fff;
	font-weight: bold;
}

.relative {
	position: relative;
}

.pageTitle {
	display: block;
	width: 865px;
	height: 31px;
	padding: 14px 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;
}

#search {
	width: 230px;
	height: 21px;
	padding: 6px 0 0 6px;
	margin: 0 0 0 9px;
	background: url('/pics/search_bg.gif') repeat-x;
}

#googleTranslate {
	float: right;	
	margin-right: 10px;
}

/* Header */

div#headerTop {
	width: 928px;
	height: 153px;
	margin: 0 auto;
}

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

#topNavBottom {
	width: 900px;
	height: 45px;
	position: absolute;
	background: url('/pics/topnav_bottom.png') repeat-x;
	behavior: url('/apps/shared/iepngfix.htc');
}

/* Navigation menu */

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

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


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

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

ul#topNavItems li a#topNav1 { width: 95px; background: url('/pics/topNav1.gif') no-repeat; }
ul#topNavItems li a#topNav2 { width: 95px; background: url('/pics/topNav2.gif') no-repeat; }
ul#topNavItems li a#topNav3 { width: 95px; background: url('/pics/topNav3.gif') no-repeat; }
ul#topNavItems li a#topNav4 { width: 95px; background: url('/pics/topNav4.gif') no-repeat; }
ul#topNavItems li a#topNav5 { width: 95px; background: url('/pics/topNav5.gif') no-repeat; }
ul#topNavItems li a#topNav6 { width: 95px; background: url('/pics/topNav6.gif') no-repeat; }
ul#topNavItems li a#topNav7 { width: 111px; background: url('/pics/topNav7.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 { 
	background-position: 0 -27px;
}

/* Drop down items */

ul#topNavItems ul {
	position: absolute;
	left: -9999px;
	z-index: 9999;
	width: 160px;
	margin: 0;
	padding: 0;
	font: 12px 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: 16pt;
	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: #588b6f;
}

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

/* Index properties */

#indexTopLeft {
	width: 253px;
	height: 275px;
	padding: 0;
	float: left;
	background: #2f6346;
}

#indexTopRight {
	width: 647px;
	height: 275px;
	padding: 0;
	float: right;
}

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

#midColumn {
	width: 385px;
	padding: 0 0 0 9px;
	float: left;
}

#rightColumn {
	width: 253px;
	padding: 0;
	float: left;
	background: url('/pics/right_column_bg.gif') repeat-x left top;
}

/* Quicklinks */

#quickLinks {
	width: 235px;
	padding: 0;
	margin: 9px 0 0 9px;
}

#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 30px 235px;
	margin: 0;
	overflow: hidden;
	display: block;
	color: #FFF;
	font: 12px Arial, Helvetica, sans-serif;
}

#quickLinks a#midNav1 { background: url('/pics/midnav1.gif') no-repeat; }
#quickLinks a#midNav2 { background: url('/pics/midnav2.gif') no-repeat; }
#quickLinks a#midNav3 { background: url('/pics/midnav3.gif') no-repeat; }
#quickLinks a#midNav4 { background: url('/pics/midnav4.gif') no-repeat; }
#quickLinks a#midNav5 { background: url('/pics/midnav5.gif') no-repeat; }
#quickLinks a#midNav6 { background: url('/pics/midnav6.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 { 
	background-position: -235px 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 37px 376px;
	font-size: 0;
	background: url('/pics/news_header.gif') no-repeat left top;
	display: block;
	margin: 9px 0 0 0;
	overflow: hidden;
}

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

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

/* Homepage Sections Containers */

#principalsContainer {
	width: 195px;
	margin: 0 0 0 9px;
	padding: 0 30px 15px 15px;
	height: 200px;
	overflow: hidden;
	background: url('/pics/principals_bg.gif') repeat-y;
	text-align: justify;
	color: #fff;
}

#newsContainer {
	width: 376px;
	margin: 0;
	padding: 0 0 212px 0;
	background: url('/pics/mid_section_bottom.gif') no-repeat left bottom;
}

#eventsContainer {
	width: 235px;
	margin: 0;
	padding: 0 0 79px 0;
	background: url('/pics/side_section_bottom.gif') no-repeat left bottom;
}

#directoryContainer {
	width: 235px;
	margin: 0px 0 0 9px;
	padding: 0 0 79px 0;
	background: url('/pics/side_section_bottom.gif') no-repeat left bottom;
}

#bulletinContainer {
	width: 235px;
	margin: 0 0 0 9px;
	padding: 0 0 79px 0;
	background: url('/pics/side_section_bottom.gif') no-repeat left bottom;
}

#linksContainer {
	width: 235px;
	margin: 0;
	padding: 0 0 79px 0;
	background: url('/pics/side_section_bottom.gif') no-repeat left bottom;
}

#memoirsContainer {

}

/* Homepage Section Table Includes */

.HPNews {
	width: 376px;
	padding: 0;
	margin: 0;
	color: #000;
	background: url('/pics/mid_section_bg.gif') repeat-y;
}

.HPEvents {
	width: 235px;
	padding: 0;
	margin: 0;
	color: #000;
	background: url('/pics/side_section_repeat.gif') repeat-y;
}

.HPDirectory {
	width: 235px;
	padding: 0;
	margin: 0;
	color: #000;
	background: url('/pics/side_section_repeat.gif') repeat-y;
}

.HPBBMessages {
	width: 235px;
	padding: 0;
	margin: 0;
	color: #000;
	background: url('/pics/side_section_repeat.gif') repeat-y;
}

.HPLinks {
	width: 235px;
	padding: 0;
	margin: 0;
	color: #000;
	background: url('/pics/side_section_repeat.gif') repeat-y;
}

.HPMemoirs {
	
}

/* Other homepage section extras */

.leftContainer {
	width: 245px;
	padding: 0 0 8px 8px;
	background: url('/pics/left_container_bg.gif') repeat-x left top;
}

.HPNews a, .HPNews a:active, .HPNews a:link,
.HPEvents a, .HPEvents a:active, .HPEvents a:link,
.HPDirectory a, .HPDirectory a:active, .HPDirectory a:link,
.HPBBMessages a, .HPBBMessages a:active, .HPBBMessages a:link,
.HPLinks a, .HPLinks a:active, .HPLinks a:link,
.HPMemoirs a, .HPMemoirs a:active, .HPMemoirs a:link {
	color: #2f6346;
}

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

/* Image shuffles */

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

#shuffle1 {
	width: 647px;
	height: 251px;
}

/* Footer */

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

#address {
	position: absolute;
	text-align: right;
	left: 340px;
	top: 30px;
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	width: 480px;
}

#district_logo {
	position: absolute;
	left: 835px;
	top: 15px;
}

.signature {
	font-family: 'Tangerine', arial, serif;

}