/* General */

.clear {
width: 0;
height: 0;
font-size: 0;
padding: 0;
margin: 0;
clear: both;
}
html {
background: #748979 url('/pics/body_repeat.jpg') repeat-x left top;
}
body {
background: url('/pics/body_bg.jpg') no-repeat center top;
text-align: center;
margin: 0 0 5px 0;
padding: 0;
font: 12px Arial, Helvetica, sans-serif;
height:100%;
}
div#top {
width: 900px;
height: 27px;
margin: 0 auto;
}
div#sides {
margin: 0 auto;
width: 916px;
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: #d7ce89 url('/pics/index_bg.gif') repeat-y;
width: 900px;
}
.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 {
color: #000;
font-weight: bold;
width: 600px;
height: 17px;
margin: 2px 5px 0 0;
padding: 3px 0 0 0;
float: left;
}
.relative {
position: relative;
}
.pageTitle {
display: block;
width: 874px;
height: 40px;
padding: 5px 0 0 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 {
height: 14px;
padding: 0;
margin: 5px 0 0 6px;
float: left;
}
#googleTranslate {
float: left;
margin: 3px 0 0 0;
}
a#espanol {
float: right;
width: 83px;
height: 19px;
padding: 5px 0 0 5px;
margin: 1px 0 0 0;
overflow: hidden;
text-transform: uppercase;
display: block;
background: url('/pics/espanol.gif') repeat-x;
color: #fff;
text-decoration: none;
}
#watermark {
width: 266px;
height: 150px;
background: url('/pics/directory_bg.gif') no-repeat;
}
/* Header */

div#header h1 {
width: 900px;
height: 135px;
margin: 0;
text-indent:-3000px;
overflow: hidden;
background: url('/pics/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 0 0 10px;
padding: 0;
width: 890px;
position: relative;
z-index: 999;
}
ul#topNavItems li {
list-style: none;
display: inline;
padding: 0;
margin: 0 0 0 10px;
float: left;
position: relative;
z-index: 999;
}
ul#topNavItems li a {
width: 0;
height: 16px;
display: block;
text-align: center;
margin: 4px 0 0 0;
padding: 2px 0 0 0;
font: 13px "Times New Roman", Times, serif;
text-decoration: none;
color: #000;
border: 1px solid #e9d098;
}

ul#topNavItems li a#topNav1 { width: 70px; }
ul#topNavItems li a#topNav2 { width: 80px; }
ul#topNavItems li a#topNav3 { width: 90px; }
ul#topNavItems li a#topNav4 { width: 90px; }
ul#topNavItems li a#topNav5 { width: 90px; }
ul#topNavItems li a#topNav6 { width: 70px; }
ul#topNavItems li a#topNav7 { width: 120px; }
ul#topNavItems li a#topNav8 { width: 80px; }
ul#topNavItems li a#topNav9 { width: 80px; }

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: #00581a;
border: 1px solid #24823c;
color: #d3a232;
}
/* 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: 178px;
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;
left: 100%;
}

ul#topNavItems li ul.last {
margin-left:-84px;
}
/* Drop down items colors and formatting */

ul#topNavItems li ul li a {
line-height: 16pt;
text-align: left;
text-decoration: none;
padding: 3px 0 3px 8px;
margin: 0;
border: 0;
height: auto;
width: 170px;
color: #000;
background: #dbb359;
font: 12px Arial, Helvetica, sans-serif;
}
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: #d3a232;
background: #00581a;
}
ul#topNavItems li ul li:hover ul a, ul#topNavItems li ul li.over ul a {
color: #000;
background: #dbb359;
}
ul#topNavItems ul li:hover ul, ul#topNavItems ul li.over ul {
border-top: 1px solid #fff;
}
/* Index properties */

#leftColumn {
width: 219px;
padding: 0;
float: left;
}
#rightColumn {
width: 681px;
padding: 0;
float: left;
background: url('/pics/right_column_bg.gif') repeat-x left top;
overflow:visible;
}
#innerLeft {
width: 392px;
float: left;
padding: 0 0 0 7px;
}
#innerRight {
width: 275px;
float: left;
padding: 0 0 0 7px;
}
#innerRightBG {
width: 266px;
border: 1px solid #fff;
background: url('/pics/right_section_repeat.gif') repeat-y;
}
/* Quicklinks */

#quickLinks {
width: 205px;
margin: 7px 0 0 7px;
}
#quickLinks h2 {
width: 0;
height: 0;
padding: 0;
margin: 0;
overflow: hidden;
}
#quickLinks ul {
list-style: none;
margin: 0;
padding: 0;
width: 205px;
background: url('/pics/quicklinks_bg.gif') no-repeat left top;
}
#quickLinks ul li {
margin: 3px 0 0 0;
}
#quickLinks a {
width: 185px;
height: 18px;
text-decoration: none;
padding: 3px 0 0 20px;
margin: 0;
display: block;
color: #fff;
font: 12px "Times New Roman", Times, serif;
letter-spacing: 0.5px;
}

#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#midNav7 { 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 {
background-position: -205px 0;
color: #0d5c1b;
}
/* Homepage Section Headers */

h2 a#news {
width: 0;
height: 0;
padding: 24px 0 0 390px;
background: url('/pics/news_header.gif') no-repeat left top;
display: block;
margin: 0;
overflow: hidden;
font: 13px Arial, Helvetica, sans-serif;
text-decoration: none;
text-transform: uppercase;
color: #451661;
}
h2 a#events {
width: 0;
height: 0;
padding: 24px 0 0 205px;
background: url('/pics/events_header.gif') no-repeat left top;
display: block;
margin: 0;
overflow: hidden;
font: 13px Arial, Helvetica, sans-serif;
text-decoration: none;
text-transform: uppercase;
color: #fff;
}
h2 a#links {
width: 0;
height: 0;
padding: 24px 0 0 266px;
background: url('/pics/selected_links_header.gif') no-repeat left top;
display: block;
margin: 0;
overflow: hidden;
font: 13px Arial, Helvetica, sans-serif;
text-decoration: none;
text-transform: uppercase;
color: #fff;
}
h2 a#directory {
width: 0;
height: 0;
padding: 24px 0 0 266px;
background: url('/pics/directory_header.gif') no-repeat left top;
display: block;
margin: 0;
overflow: hidden;
font: 13px Arial, Helvetica, sans-serif;
text-decoration: none;
text-transform: uppercase;
color: #fff;
}
/* Homepage Sections Containers */

#newsContainer {
width: 390px;
min-height:100px;
height: auto!important;
height:100%;
border: 1px solid #fff;
margin: 0;
padding: 0;
background: url('/pics/mid_section_repeat.gif') repeat-y;
}
#eventsContainer {
width: 205px;
min-height: 105px;
height: auto!important;
height: 105px;
margin: 0 0 0 7px;
padding: 0;
background: url('/pics/events_bg.gif') no-repeat 0 24px;
}
#linksContainer {
width: 266px;
min-height: 105px;
height: auto!important;
height: 105px;
margin: 0;
padding: 0;
background: url('/pics/right_section_bg.gif') no-repeat left top;
}
#directoryContainer {
width: 266px;
min-height: 105px;
height: auto!important;
height: 105px;
margin: 0;
padding: 0;
background: url('/pics/right_section_bg.gif') no-repeat left top;
}
/* Homepage Section Table Includes */

.HPNews {
padding: 0;
margin: 0;
color: #000;
}
.HPEvents {
padding: 0;
margin: 0;
color: #FFFFFF;
}
.HPBBMessages {
padding: 0;
margin: 0;
color: #000;
}
.HPLinks {
padding: 0;
margin: 0;
color: #000;
}
/* Other homepage section extras */
#indexBottom {
width: 900px;
background: url('/pics/index_bottom.gif') no-repeat left bottom;
}
.HPNews a, .HPNews a:active, .HPNews a:link,
.HPDirectory a, .HPDirectory a:active, .HPDirectory a:link,
.HPLinks a, .HPLinks a:active, .HPLinks a:link {
color: #005115;
}
.HPEvents a, .HPEvents a:active, .HPEvents a:link, .HPEvents a:visited {
color:gold;
}
.HPNews #l, .HPEvents #l, .HPDirectory #l, .HPBBMessages #l, .HPLinks #l, .HPMemoirs #l {
padding-top: 6px;
}
/* Image shuffles */

#shuffle1 {
width: 681px;
height: 271px;
}
#shuffle2 {
width: 249px;
height: 156px;
}
.midSectionBottom {
width: 390px;
height: 15px;
background: url('/pics/mid_section_bottom.gif') no-repeat;
}
.rightSectionBottom {
width: 266px;
height: 19px;
background: url('/pics/right_section_bottom.gif') no-repeat;
}
/* Footer */

div#footer {
width: 900px;
height: 52px;
margin: 0 auto;
text-align: left;
background: url('/pics/footer_bg.gif') repeat-x;
}
address {
padding: 5px 0 0 54px;
text-align: center;
color: #000;
font: 13px Arial, Helvetica, sans-serif;
}
a#district_logo {
position: absolute;
left: 9px;
top: -20px;
width: 65px;
height: 0;
padding: 65px 0 0 0;
margin: 0;
overflow: hidden;
display: block;
background: url('/pics/district_logo.png') no-repeat;
behavior: url('/apps/shared/iepngfix.htc');
text-indent:-3000px;
}
a#edunet {
width: 245px;
height: 0;
padding: 22px 0 0 0;
margin: 10px 0 0 0;
overflow: hidden;
display: block;
background: url('/pics/edunet_gray.png') no-repeat;
behavior: url('/apps/shared/iepngfix.htc');
text-indent:-3000px;
}
#edu_logo {
width: 900px;
text-align:center;
}

.centerLogo{
width:245px;
margin: 0 auto;
}