/* General */

.clear {
width: 0;
height: 0;
font-size: 0;
padding: 0;
margin: 0;
clear: both;
}

body {
background:#000;
text-align: center;
margin: 0 0 5px 0;
padding: 0;
font: 12px Arial, Helvetica, sans-serif;

background-image:url('/pics/ccs_bg.jpg');
background-position:top center;
background-repeat:no-repeat;
}
div#top {
width: 756px;
height: 23px;
margin: 0 auto;
}
div#wrapper {
margin: 0 auto;
padding: 0px;
width: 756px;
text-align: left;
background: #fff;
}
.contentIndex {
text-align: left;
background: #FFF url('/pics/index_bg.jpg') repeat-y;
width: 756px;
padding-top:10px;
min-height: 400px;
height: auto!important;
height: 400px;
}
.content {
text-align: left;
background: #FFFFFF;
width: 736px;
padding: 8px;
min-height: 400px;
height: auto!important;
height: 400px;
}
.contentIndex h2 {
padding: 0;
margin: 0;
}
marquee {
color: #fff;
font-weight: bold;
height: 17px;
background:#000;
}
#marquee_container {
margin: 0px;
height:16px;
padding:8px 0px 6px 0px;
background-color:#000;
}
.relative {
position: relative;
}
.pageTitle {
display: block;
width: 716px;
height: 32px;
padding: 13px 0 0 20px;
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: 216px;
height: 18px;
padding: 0;
margin: 5px 0 0 0;
float: left;
}
#googleTranslate {
position: absolute;
text-align: right;
left: 0px;
top: -233px;
}
/* Header */

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

div#headerIMG {
width: 128px;
height: 147px;
margin: 0 auto;
padding:11px 591px 0px 37px;
overflow: hidden;
background: url('/pics/header.jpg') no-repeat;
}
/* Navigation menu */

div#menu {
background: #f4f1ea;
width: 756px;
height: 18px;
padding-top:5px;
}
ul#topNavItems {
list-style: none;
margin: 0 auto;
padding: 0;
width: 756px;
position: relative;
z-index: 999;
}
ul#topNavItems li {
list-style: none;
display: inline;
padding: 0;
margin: 0 0 0 0px;
float: left;
position: relative;
z-index: 999;
}
ul#topNavItems li a {
height: 0;
display: block;
overflow: hidden;
padding: 18px 0 0 0;
background-position: 0 0;
}
ul#topNavItems li a#topNav1 { width: 55px; background: url('/pics/topNav1.gif') no-repeat; }
ul#topNavItems li a#topNav2 { width: 78px; background: url('/pics/topNav2.gif') no-repeat; }
ul#topNavItems li a#topNav3 { width: 88px; background: url('/pics/topNav3.gif') no-repeat; }
ul#topNavItems li a#topNav4 { width: 82px; background: url('/pics/topNav4.gif') no-repeat; }
ul#topNavItems li a#topNav5 { width: 82px; background: url('/pics/topNav5.gif') no-repeat; }
ul#topNavItems li a#topNav6 { width: 66px; background: url('/pics/topNav6.gif') no-repeat; }
ul#topNavItems li a#topNav7 { width: 144px; background: url('/pics/topNav7.gif') no-repeat; }
ul#topNavItems li a#topNav8 { width: 78px; background: url('/pics/topNav8.gif') no-repeat; }
ul#topNavItems li a#topNav9 { width: 83px; background: url('/pics/topNav9.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,
ul#topNavItems li:hover a#topNav9, ul#topNavItems li.over a#topNav9 {
background-position: 0 -18px;
}

ul#topNavItems li ul.last {margin-left:-68px;} /* Last drop down menu alignment */

/* 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 {
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: 2px solid #cfb53a;
}

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: #000;
background: #FFF;
}
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-image:url('/pics/menuselect_bg.jpg');
background-position:left;
background-repeat:repeat-y;

}
ul#topNavItems li ul li:hover ul a, ul#topNavItems li ul li.over ul a {
color: #fff;
background: #057eb3;
}
/* Index properties */

#leftColumn {
width: 384px;
float: left;
}
#rightColumn {
width: 361px;
float: left;
}
/* Quicklinks */

#quickLinks {
background-repeat:no-repeat;
margin-bottom:30px;
overflow:auto;
}
#quickLinks ul {
display:block;
list-style: none;
margin: 0;
padding: 0;
margin-left:4px;
}
#quickLinks ul li {
width: 91px;
height:16px;
margin: 0;
padding-top:4px;
margin-right:3px;
float: left;
display: block;
text-align:center;
line-height:20px;
background-image:url('/pics/qnav.gif');
}
#quickLinks a {
width: 91px;
text-decoration: none;
text-align:center;
line-height:20px;
padding: 0;
margin: 0;
display: block;
color:#000;
font: 12px Arial, Helvetica, sans-serif;
}
#quickLinks a:hover {
font-weight:bold;
color:#FFF;
}

/* Searchbar */
.hp_searchbar {
background-image:url('/pics/search_bar.gif');
background-repeat:no-repeat;
padding:4px 20px;
margin: 10px 0px;
}

/* Athletics */

#athletics {
background-image:url('/pics/athletics_header.gif');
background-repeat:no-repeat;
padding-top:40px;
margin-bottom:30px;
min-height:200px;
overflow:auto;
}

/* Senior Class */

#seniorclass {
background-image:url('/pics/senior_class_skit_header.gif');
background-repeat:no-repeat;
padding-top:40px;
margin-bottom:30px;
min-height:200px;
overflow:auto;
}

/* Homepage Section Headers */

h2 a#news {
width: 0;
height: 0;
padding: 0 0 38px 631px;
font-size: 0;
background: url('/pics/news_header.gif') no-repeat left top;
display: block;
margin: 0;
overflow: hidden;
}
h2 a#bulletin {
width: 0;
height: 0;
padding: 0 0 40px 631px;
font-size: 0;
background: url('/pics/bulletin_board_header.gif') no-repeat left top;
display: block;
margin: 0;
overflow: hidden;
}
h2 a#links {
width: 0;
height: 0;
padding: 0 0 39px 631px;
font-size: 0;
background: url('/pics/selected_links_header.jpg') no-repeat left top;
display: block;
margin: 0;
overflow: hidden;
}
h2 a#events {
width: 0;
height: 0;
padding: 0 0 46px 269px;
font-size: 0;
background: url('/pics/events_header.gif') no-repeat left top;
display: block;
margin: 0;
overflow: hidden;
}

h2 a#principal {
width: 0;
height: 0;
padding: 0 0 54px 269px;
font-size: 0;
background: url('/pics/principal_header.gif') no-repeat left top;
display: block;
margin: 5px 0 0 0;
overflow: hidden;
}

h2 a#spotlight {
width: 0;
height: 0;
padding: 0 0 39px 269px;
font-size: 0;
background: url('/pics/spotlight_header.gif') no-repeat left top;
display: block;
margin: 0;
overflow: hidden;
}
/* Homepage Sections Containers */

#newsContainer {
background-color:#f1ede4;
width:362px;
min-height: 150px;
height: auto!important;
height: 150px;
margin-bottom: 10px;
}
#bulletinContainer {
width: 571px;
min-height: 175px;
height: auto!important;
height: 175px;
margin: 0;
padding: 0 15px 0 45px;
background: url('/pics/bulletin_bg.gif') no-repeat bottom right;
}
#linksContainer {
width: 571px;
min-height: 175px;
height: auto!important;
height: 175px;
margin: 0;
padding: 0 15px 0 45px;
}
#eventsContainer {
background-color:#f1ede4;
width:362px;
min-height: 319px;
height: auto!important;
height: 319px;
margin-bottom: 10px;
}

#principalContainer {
background: url('/pics/principal_bg.gif') no-repeat top;
padding: 0 25px 0 35px;
}

#principalText {
width: 209px;
height: 100px;
overflow: hidden;
color: #fff;
margin: 0 0 10px 0;
}
#principalContainer a {
color: #fff;
}
#spotlightContainer {
width: 189px;
height: 150px;
overflow: hidden;
color: #fff;
margin: 0;
padding: 0 35px 0 45px;
background: url('/pics/spotlight_bg.gif') no-repeat top;
}

/* Homepage Section Table Includes */

.HPNews {
padding: 0;
margin: 0;
color: #000;
}
.HPBBMessages {
padding: 0;
margin: 0;
color: #000;
}
.HPLinks {
padding: 0;
margin: 0;
color: #000;
}
.HPEvents {
padding: 0;
margin: 0;
color: #000;
}
/* Other homepage section extras */

.HPNews a, .HPNews a:active, .HPNews a:link,
.HPBBMessages a, .HPBBMessages a:active, .HPBBMessages a:link,
.HPLinks a, .HPLinks a:active, .HPLinks a:link {
color: #000;
}
.HPEvents a, .HPEvents a:active, .HPEvents a:link {
color: #000;
}
.HPNews #l, .HPEvents #l, .HPDirectory #l, .HPBBMessages #l, .HPLinks #l, .HPMemoirs #l {
padding-top: 6px;
}
#wotd {
width: 269px;
height: 56px;
padding: 28px 0 0 0px;
text-align: center;
background: url('/pics/wotd.jpg') no-repeat;
color: #fff;
}
#wotd a {
color: #fff;
display: block;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
#wotd a:hover {
color: #b3b3b3
}
#wotd i {
display: none
}
#wotd b {
display: none;
}

/* Image shuffles */

#rotate1 {
width: 619px;
height: 229px;
padding: 9px 0 0 12px;
background: url('/pics/shuffle1_BG.jpg') no-repeat;
}
.leftSectionBottom {
width: 361px;
height: 7px;
background: url('/pics/left_section_bottom.gif') no-repeat;
}
.midSectionBottom {
width: 258px;
height: 7px;
background: url('/pics/mid_section_bottom.gif') no-repeat;
}
.rightSectionBG {
background: url('/pics/right_bg.gif') repeat-y;
}
.rightSectionBottom {
width: 269px;
height: 29px;
background: url('/pics/right_bottom.gif') no-repeat;
}


/* Right side /pages/ menus */
table#pageNav {
border:none;
border-right:#d2d2d2 solid 0px;
}
table#pageNav td {
background: #eddf9e;
}
table#pageNav ul {
list-style-type:none;
padding:0 0 0 0px !important;
margin:0 0 0 0px !important;
}
table#pageNav td ul li a {
display:block;
height:18px;

padding:0px 25px 3px 25px;

}
table#pageNav td ul li a:hover, table#pageNav td ul li a:active {
color:black;
text-decoration:underline;
}
table#pageNav td ul li a, table#pageNav td ul li a:visited {
color: black;
text-decoration:none;
}
table#pageNav td ul li b {
display:block;
height:18px;
padding-left:3px;
padding-bottom:3px;
color:#FFFFFF;
background: #d1b43e;
padding:0px 25px 3px 15px;
}



/* Footer */

div#footer {
width: 756px;
/* *height:355px; */
margin: 0 auto;
text-align: left;
background: url('/pics/footer_bckgrnd.gif') repeat-y;
behavior: url('/apps/shared/iepngfix.htc');
}
#footercontent{
width: 674px;
height:17px;
margin: 10px;
margin-top:0px;
margin-bottom: 0px;
padding:3px 30px 0px 30px;
background-image:url('/pics/footer_bar.jpg');
background-repeat:no-repeat;
}
#footercontent b a{
color:#eddf9e;
}
address {
position: absolute;
text-align: right;
right: 30px;
top: 7px;
color: #fff;
font: 11px Georgia, "Times New Roman", Times, serif;
}
#contact a {
position: absolute;
text-align: right;
right: 12px;
top: 70px;
color: #000;
font: 13px Arial, Helvetica, sans-serif;
font-weight: bold;
}
a#edunet {
width: 245px;
height: 0;
padding: 22px 0 0 0;
margin: 0;
overflow: hidden;
display: block;
background: url('/pics/edunet_gray.png') no-repeat;
behavior: url('/apps/shared/iepngfix.htc');
}
#edu_logo {
width: 245px;
margin: 0 auto;
}

#shuffle1 {
margin:10px;
}