/* ############## GLOBALS ############# */
* { padding:0;margin:0; }
* html body table{ font-size:xx-small;f\ont-size:x-small;}
BODY { background: #FFF; text-align: center; font-size:x-small; font-family: verdana, arial, sans-serif; color: #4D4D4D; }
* html body { font-size:xx-small;/* for ie5 which is one size out*/ f\ont-size:x-small; }
input { font-size: x-small; }
* html input { font-size:xx-small;/* for ie5 which is one size out*/ f\ont-size:x-small; } 
textarea { font-size: x-small; font-family: verdana, arial, sans-serif; }
* html textarea { font-size:xx-small;/* for ie5 which is one size out*/ f\ont-size:x-small; }
a:link, a:visited { color: #525252; }
a:hover, a:active { color: #CE8200; }

/* ############# HEADER ################### */
/* main content header container */
#container { background: url(images/TopHighQuality.jpg); height: 88px; width: 745px; margin: auto; }
#container h1#title { text-indent: -999em; position: absolute;height:88px;left:0;top:0}
#container h1#title a{display:block;width:490px;height:88px;z-index:2;position:absolute;left:0;top:0}
/* mac hide - fix indent bug in ie5\*/
* html #container h1#title { height:1%; }
/* end hide */
#container h1#title a { text-align:left;text-indent: 0;display: block; width: 400px; height: 88px; line-height: 88px; }
 
/* google search */
#container div#googlesearch { position: relative; width: 745px; height: 88px; }
#container div#googlesearch-sub { position: absolute; left:554px;top:31px; }
#container input#gsearch { padding:0 2px; position: absolute; left:0;top:3px; width: 110px; height: 17px;border:none;border-left:1px solid #000;background:transparent }
#container input#gsearchsubmit { background:transparent !important; border-style:none; position: absolute; left:121px;top:0; width: 59px; height: 23px; cursor: pointer; cursor: hand; }
#container div#goptions { margin: 4px 0 0 0; color: #FFF; font-weight: bold; position: absolute; left:0;top:20px;width:200px;text-align:left; }
* html #container div#goptions { margin: 0; }
#container div#goptions input { margin-bottom: -3px; }
/* ################## NAVBAR ################ */
#nav { z-index:2;width: 745px; height: 35px; position: relative; background: url(images/nav_bg.gif); margin: auto; list-style:none; }
#nav ul { list-style:none; position: absolute; top: 0; left: 0; }
#nav li { height: 35px; position: absolute; top: 0; left: 0; }
#nav li a { text-indent:-999em; text-decoration: none; display: block; height: 35px; color: #000; line-height:35px; }
/* mac hide - fix indent bug in ie5\*/
* html #nav li a { height:1%;}
/* end hide */
/* nav list items */
body#n-home li#nav-home a { background: transparent; }
#nav li#nav-home { width: 80px; z-index: 11; }
#nav li#nav-home a { width: 80px; background: url(images/nav_home.gif) no-repeat left center; }
#nav li#nav-home a:hover { background: transparent; }
body#n-district li#nav-district a { background: transparent; }
#nav li#nav-district { width: 88px; left: 80px; z-index: 10; }
#nav li#nav-district a { width: 88px; background: url(images/nav_district.gif) no-repeat left center; }
#nav li#nav-district a:hover { background: transparent; }
body#n-schools li#nav-schools a { background: transparent; }
#nav li#nav-schools { width: 88px; left: 168px; z-index: 9; }
#nav li#nav-schools a { width: 88px; background: url(images/nav_schools.gif) no-repeat left center; }
#nav li#nav-schools a:hover { background: transparent; }
body#n-studentcenter li#nav-studentcenter a { background: transparent; }
#nav li#nav-studentcenter { width: 88px; left: 256px; z-index: 8; }
#nav li#nav-studentcenter a { width: 88px; background: url(images/nav_studentcenter.gif) no-repeat left center; }
#nav li#nav-studentcenter a:hover { background: transparent; }
body#n-parentcenter li#nav-parentcenter a { background: transparent; }
#nav li#nav-parentcenter { width: 88px; left: 344px; z-index: 7; }
#nav li#nav-parentcenter a { width: 88px; background: url(images/nav_parentcenter.gif) no-repeat left center; }
#nav li#nav-parentcenter a:hover { background: transparent; }
body#n-staff li#nav-staff a { background: transparent; }
#nav li#nav-staff { width: 68px; left: 432px; z-index: 6; }
#nav li#nav-staff a { width: 68px; background: url(images/nav_staff.gif) no-repeat left center; }
#nav li#nav-staff a:hover { background: transparent; }
body#n-calendar li#nav-calendar a { background: transparent; }
#nav li#nav-calendar { width: 97px; left: 500px; z-index: 5; }
#nav li#nav-calendar a { width: 97px; background: url(images/nav_calendar.gif) no-repeat left center; }
#nav li#nav-calendar a:hover { background: transparent; }
body#n-links li#nav-links a { background: transparent; }
#nav li#nav-links { width: 73px; left: 597px; z-index: 4; }
#nav li#nav-links a { width: 73px; background: url(images/nav_links.gif) no-repeat left center; }
#nav li#nav-links a:hover { background: transparent; }
body#n-login li#nav-login a { background: transparent; }
#nav li#nav-login { width: 74px; left: 671px; z-index: 3; }
#nav li#nav-login a { width: 74px; background: url(images/nav_login.gif) no-repeat left center; }
#nav li#nav-login a:hover {  }
body#n-logout li#nav-logout a { background: transparent; }
#nav li#nav-logout { width: 74px; left: 671px; z-index: 3; }
#nav li#nav-logout a { width: 74px; background: url(images/nav_logout.gif) no-repeat left center; }
#nav li#nav-logout a:hover {  }
 
/* dropdowns */
#nav ul { /* second-level lists */
display: none;
position: absolute;
top: 24px;
left: 0;

height: 44px;
}
#nav li ul li { /* second-level list items */
float: left;
position: relative;
z-index:9999;
width: 150px;
height: 22px;
line-height:22px;
border-bottom: 1px solid #FFF;
}
/* defaults for a few of them */
#nav li#nav-home ul li a
,#nav li#nav-schools ul li a
,#nav li#nav-parentcenter ul li a
,#nav li#nav-staff ul li a
,#nav li#nav-calendar ul li a
,#nav li#nav-links ul li a
{
width: 150px;
height: 22px;
line-height:22px;
background: #e2e6e9 url(images/dropdown_bullet.gif) no-repeat left center;
/*background: #e2e6e9;*/
color: #505153;
display: block;
z-index:9999;
text-indent:20px;
text-align: left;
}
/* specials */
#nav li#nav-studentcenter ul li,
#nav li#nav-parentcenter ul li,
#nav li#nav-calendar ul li,
#nav li#nav-district ul li
{ width: 210px; }
#nav li#nav-studentcenter ul li a
,#nav li#nav-parentcenter ul li a
,#nav li#nav-calendar ul li a
,#nav li#nav-district ul li a
{
width: 210px;
height: 22px;
line-height:22px;
background: #e2e6e9 url(images/dropdown_bullet.gif) no-repeat left center;
/*background: #e2e6e9;*/
color: #505153;
display: block;
z-index:9999;
text-indent:20px;
text-align: left;
}
#nav li#nav-home ul li a:hover
,#nav li#nav-district ul li a:hover
,#nav li#nav-schools ul li a:hover
,#nav li#nav-studentcenter ul li a:hover
,#nav li#nav-parentcenter ul li a:hover
,#nav li#nav-staff ul li a:hover
,#nav li#nav-calendar ul li a:hover
,#nav li#nav-links ul li a:hover
{ background: #cacfd2 url(images/dropdown_bullet_hover.gif) no-repeat left center; }
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}
#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
display: block;
}

#nav li#nav-parentcenter ul,#nav li#nav-calendar ul{height:auto;width:210px;background:#fff;}

/* ############## CONTENT ################# */
#content { width: 747px; margin: auto; z-index: 1; }
#content h2 { width: 745px; height: 31px; }
#content h2#welcome { background: url(images/h2_welcome.gif); text-indent: -999em; }
/* mac hide - fix indent bug in ie5\*/
* html #content h2 { height:1%; }
/* end hide */
#content div.content-block { background: url(images/content_bg.gif) repeat left center; width: 747px; }
#content div.content-float-wrap { float: left; }
#content div.content-bottom { background: url(images/content_bottom.gif) no-repeat left top; width: 747px; height: 19px; }
/* ########## COLUMNS ############### */
#cols { margin: 9px 0 0 0; position: relative; }
#cols div.content-block { background: url(images/col_contentbg.gif) repeat left center; width: 243px; }
#cols div.content-block p { padding: 10px 5px; text-align: left; }
#cols div.content-block div { padding: 7px 5px; }
#cols div.content-bottom { background: url(images/col_contentbottom.gif) no-repeat left top; width: 243px; height: 20px; }
#cols span { display: block; }
#cols a { text-decoration: underline; color: #d9822d; }
#cols h2 { height: 32px; width: 241px; text-indent: -999em; }
/* mac hide - fix indent bug in ie5\*/
* html #cols h2 { height:1%; }
/* end hide */
#centercol * {margin:0 auto;}
#rightcol * { margin: 0 auto 0 0; }
#leftcol { float: left; width: 249px; }
#leftcol h2#studentcenter { background: url(images/h2_studentcenter.gif); }
#centercol { float: left; width: 249px; }
#centercol h2#parentcenter { background: url(images/h2_parentcenter.gif); }
#rightcol { float: left; width: 249px; }
#rightcol h2#schools { background: url(images/h2_schools.gif); }
#rightcol div.content-block div#rightcol-special { padding:0; height: 139px; overflow: auto; }
* html #rightcol div.content-block div#rightcol-special { height: 141px; }
#rightcol table { width: 200px; }
#rightcol table tr td { padding: 4px; text-align: left; }
#rightcol table tr td a { color: #525252; }
#rightcol-padder { margin-left: 6px; }
/* ############### FOOTER ############# */
#footer { width: 747px; margin: 0 auto; }
#footer-sub { border-top: 1px solid #908a74; padding: 10px 0 0 0; }
#footer-sub p { margin: 5px 0; }
#footer-sub a { text-decoration: underline; color: #d9822d; }
/* ############## MISC ################ */
.clearer { clear: both; height:10px; overflow:hidden; }
.clearer-normal { clear: both; }
.clearer2 { clear: both; height:1px; overflow:hidden;margin-top:-1px; }
/* ################ SUBPAGE ##################### */
/* left navigation block */
#leftnav { width: 190px; float: left; text-align: left; background: url(images/leftnav_bg.gif) repeat left center; }
#leftnav h2 { background: url(images/h2_navigation.gif); width: 190px; text-indent: -999em; height: 32px; }
/* mac hide - fix indent bug in ie5\*/
* html #leftnav h2 { height:1%; }
/* end hide */
#leftnav ul { margin:0 4px 4px; list-style: none; }
#leftnav li { background: #FFF; }
#leftnav li a { border-bottom: 1px solid #FFF; color: #515151; padding: 5px 0 5px 20px; text-decoration: none; height: auto; display: block; background: #FFF url(images/leftnav_bullet_off.gif) no-repeat 0 4px; }
#leftnav li a:hover { border-bottom: 1px solid #d2dce6; color: #0d3050; display: block; background: #e6f0f9 url(images/leftnav_bullet_on.gif) no-repeat 0 4px; }
#leftnav div#ulbottom { background: url(images/leftnav_bottom_2.gif) no-repeat left top; width: 190px; height: 40px; } 
/* mac hide - fix box model bug in ie5\*/
* html #leftnav li a {height:1%; }

#leftnav-mws a { text-decoration: none;background: url(images/leftnav_mws.gif) no-repeat left top; width: 190px; height: 110px; display: block; text-indent: -999em; }
#leftnav-wef a { text-decoration: none;background: url(images/leftnav_wef.gif) no-repeat left top; width: 190px; height: 110px; display: block; text-indent: -999em; }
/* mac hide *\/
* html #leftnav-wef a, * html #leftnav-mws a { height: 1%; }
/* end mac hide */

/* end hide */
/* right navigation block */
#rightnav { margin-left: 199px; text-align: left; }
#rightnav h2 { width: 548px; text-indent: -999em; height: 28px; line-height: 28px; }
/* mac hide - fix indent bug in ie5\*/
* html #rightnav h2 { height:1%; }
/* end hide */
/* mac hide \*/
* html #leftnav{margin-right:-3px;}
* html #rightnav {height:1%;margin-left:196px}
/* end hide */
#l2nav { background: url(images/l2_nav.gif); width: 548px; height: 33px; }
#l2nav p { padding: 11px 11px; }
#l2nav p a { font-weight: bold; color: #4e4e4e; text-decoration: underline; }
#l2nav p a.current { color: #ca8200; }
#l2nav p a:hover { color: #ca8200; }
#rightnav div.content-block { background: url(images/l2_contentbg.gif) repeat left center; width: 548px; }
#rightnav div.content-block div#content-block-spacer { padding: 7px; }
/* #rightnav div.content-bottom { background: url(images/l2_contentbottom.gif) repeat left center; width: 548px; height: 20px; } */
#rightnav div.content-bottom { background: url(images/content_bottom_2.gif) repeat left center; width: 548px; height: 41px; }
/* calendar */
#blmc { float: left; width: 313px; }
#blmc h3 { background: url(images/l2_blmcalendar.gif); width: 313px; text-indent: -999em; height: 31px; line-height: 31px; }
/* mac hide - fix indent bug in ie5\*/
* html #blmc h3, * html #blmc div#blmc-sub, * html #ssc div.sscdiv { height:1%; }
/* end hide */ 
#blmc div#blmc-sub { border-bottom: 1px solid #dedcdd; border-left: 1px solid #dedcdd; border-right: 1px solid #dedcdd; }
#blmc div.divimg { float: left; background: url(images/applegirl.gif) no-repeat left top; width: 67px; height: 107px; }
#calendar { margin: 15px 0 0 10px; border-collapse: collapse; }
#calendar tr td { color: #696969; padding:6px; }
#calendar tr.days td { font-weight: bold; }
#calendar tr.days td a { color: #696969; text-decoration: underline; }
#calendar tr.days td.current a { color: #cb8201; }
#calendar tr td.current { background: #FFFBE2; }
#calendar tr.pm td:hover.current,#calendar tr.am td:hover.current { background: #F9EFCB; }
#calendar tr td.boldspecial { font-weight: bold; }
#calendar tr td a { color: #696969; text-decoration: none; }
#calendar tr td a:hover { color: #CE8200; text-decoration: underline; }
/* sports schedule calendar */
#ssc { margin-left: 320px; width: 206px; }
#ssc h3 { background: url(images/l2_sscalendar.gif); width: 206px; text-indent: -999em; height: 31px; line-height: 31px; }
#ssc div.sscdiv { border-bottom: 1px solid #dedcdd; border-left: 1px solid #dedcdd; border-right: 1px solid #dedcdd; }
#ssc .inner{width:100%;float:left}
#ssc div p { padding: 6px 10px; font-weight: bold; }
#ssc ul { float: left; padding: 0 0 11px 10px; list-style:none; }
#ssc ul.two { margin: 0 0 0 15px; }
#ssc li { text-indent: 10px; background: url(images/l2_sscalendar_bullet.gif) no-repeat left center; }
#ssc li a { text-decoration: none; color: #525252; }
#ssc li a:hover { text-decoration: underline; color: #CE8200; }
/* mac hide \*/
* html #blmc{margin-right:-3px;}
* html #ssc {height:1%;margin-left:317px}
/* end hide */

/* parent guide */
#parentguide { position: relative; width: 526px; margin: 7px 0 0 0; }
#parentguide h3 { background: url(images/l2_parentguide.gif) no-repeat left top; width: 526px; height: 31px; text-indent: -999em; line-height: 31px; }
/* mac hide \*/
#parentguide h3 { height: 1%; }
/* end mac hide */
#parentguide div.pgdiv { border-bottom: 1px solid #dedcdd; border-left: 1px solid #dedcdd; border-right: 1px solid #dedcdd; }
#parentguide ul { padding: 5px 0 15px 10px; list-style:none; }
#parentguide li { padding: 2px 0 0 10px; background: url(images/l2_sscalendar_bullet2.gif) no-repeat left top; }
#parentguide li a { text-decoration: none; color: #525252; }
#parentguide li a:hover { text-decoration: underline; color: #CE8200; }

/* principle of the year */
#poty { position: relative; margin: 7px 7px 0 0; float: left; width: 153px; }
#poty h3 { background: url(images/l2_poty.gif); width: 153px; text-indent: -999em; height: 31px; line-height: 31px; }
/* mac hide \*/
* html #poty h3,* html .xoty-inner { height:1%; }
/* end hide */
#poty div.potydiv { border-bottom: 1px solid #dedcdd; border-left: 1px solid #dedcdd; border-right: 1px solid #dedcdd; }
div.xoty-inner { padding: 10px 8px; }
img.poty-img { float: left; margin-right:7px; }
div.xoty-inner p { padding: 0 4px; }

/* principle of the year */
#toty { position: relative; margin: 7px 7px 0 0; float: left; width: 153px; }
#toty h3 { background: url(images/l2_toty.gif); width: 153px; text-indent: -999em; height: 31px; line-height: 31px; }
/* mac hide \*/
* html #toty h3 { height:1%; }
/* end hide */
#toty div.totydiv { border-bottom: 1px solid #dedcdd; border-left: 1px solid #dedcdd; border-right: 1px solid #dedcdd; }


/* principle of the year */
#faqs { position: relative; margin: 7px 0 0 0; float: left; width: 206px; }
#faqs h3 { background: url(images/l2_faqs.gif); width: 206px; text-indent: -999em; height: 31px; line-height: 31px; }
/* mac hide \*/
* html #faqs h3 { height:1%; }
/* end hide */
#faqs div.faqsdiv { border-bottom: 1px solid #dedcdd; border-left: 1px solid #dedcdd; border-right: 1px solid #dedcdd; padding-bottom: 21px; }
#faqs ul { padding: 10px 0 10px 10px; list-style:none; }
#faqs li { padding: 2px 0 0 10px; background: url(images/l2_sscalendar_bullet2.gif) no-repeat left top; }
#faqs li a { text-decoration: none; color: #525252; }
#faqs li a:hover { text-decoration: underline; color: #CE8200; }
/* mac hide \*/
* html #faqs li { position: relative; }
/* end mac hide */

/* more button */
.morebutton {text-indent:-999em; position: absolute; right: 6px; bottom: 6px; background: url(images/morebutton.gif) no-repeat left top; width: 35px; height: 10px; }
* html .morebutton {text-indent:0;}/* cancel it out for ie*/
* html .morebutton span{text-indent:-999em}/* for ie*/
.morebutton a{display:block;width: 35px; height: 10px;text-decoration:none}

/* ################# FOOTER 2 ################## */
#footer-sub ul { list-style: none; margin: -5px 0 10px 0; }
#footer-sub ul li { display: inline; }
#footer-sub ul li a { text-decoration: none; color: #5a5a52; padding: 0 5px; }
#footer-sub ul li a:hover { text-decoration: underline; color: #CE8200; }

/* ############## SCHOOLS LISTING ############### */
#schoolslist tr td { padding: 0 8px 10px 0; }
#schoolslist tr td a { padding: 0 0 4px 0; display: block; font-weight: bold; text-decoration: underline; font-size: 11px; }
* html #schoolslist tr td a { font-size:10px;/* for ie5 which is one size out*/ f\ont-size:11px; }
#schoolslist tr td a.link2 { color: #CD8300; font-size: 10px; }
/* mac hide \*/
* html #schoolslist tr td a.link2 { font-size:9px;/* for ie5 which is one size out*/ f\ont-size:10px; }
/* end hide */

/* ########### SCHOOL VIEW ################### */
#svinfo-floatwrap { width: 100%; }
#sv-left { float: left; width: 336px; }

#sv-left-sinfo { float: left; width: 170px; margin: 0 0 0 8px; }
#sv-left-sinfo span.mainlink { text-decoration: underline; font-weight: bold; font-size: 11px; color: #575757; }
/* mac hide \*/
* html #sb-left-sinfo span.mainlink { font-size:10px;/* for ie5 which is one size out*/ f\ont-size:11px; }
/* end hide */
#sv-left-sinfo a.sublink { font-weight: bold; color: #CD8300; display: block; margin: 5px 0; }
#sv-left-sinfo p.phone { font-weight: bold; }

p#sv-desc { margin: 0 170px 0 0; }
#sv-desc-floatwrap { float: left; }

#sv-leftbit {  }

img.leftimg { float: left; padding: 0 10px 10px 0; }

#content p.principalsmessage { font-style: italic; color: #4C4B47; padding: 4px; }
#content p.principalsmessage-quote { text-align: right; }
div.sv-pm { margin: 10px 0 0 0; background: #fefde9; min-height: 157px; }
* html div.sv-pm { height: 157px; }

#sv-right { float: right; list-style: none; border: 1px solid #D8D8D8; width: 164px; }
#sv-right li { padding: 5px 25px; margin:0; }
#sv-right li a { text-decoration: none; display: block; }
#sv-right li#sv-right-cal { background: #F0F0F0 url(images/sinfo_cal.gif) no-repeat left center; }
#sv-right li#sv-right-sd { background: #FFF url(images/sinfo_sd.gif) no-repeat left center; }
#sv-right li#sv-right-rd { background: #FFF url(images/sinfo_rd.gif) no-repeat left center; }
#sv-right li#sv-right-rl { background: #F0F0F0 url(images/sinfo_rl.gif) no-repeat left center; }

#sv-content { width: 530px; }
#sv-content-spacer { padding: 10px 5px 0 5px; }
#sv-content div.hrspacer { padding: 15px 0; }
/* #sv-content hr { line-height: 1px; width: 100%; height: 1px; background: #D8D8D8; color:#D8D8D8; border:0; margin: 0 0 0 0; } */
#sv-content h4 { text-indent: 20px; font-size: 16px; margin: 10px 0 0 0; height: 20px; line-height: 20px; }
#sv-content h4#school-name { background: url(images/school_apple.gif) no-repeat left top; }
#sv-content h4#staff-dir { background: url(images/school_people.gif) no-repeat left top; }
#sv-content h4#principals-message { text-indent: 27px; background: url(images/school_pm.gif) no-repeat left top; }
#sv-content h4#related-docs { background: url(images/school_related.gif) no-repeat left top; }
#sv-content h4#related-docs { background: url(images/school_related.gif) no-repeat left top; }
#sv-content h4#related-links { background: url(images/school_links.gif) no-repeat left top; }
* html #sb-left-sinfo a.mainlink { font-size:15px;/* for ie5 which is one size out*/ f\ont-size:16px; }
#sv-content p { padding: 6px 0 10px 0; }

#sv-content table#staffdir { margin: 10px 0; border-collapse: collapse; }
#sv-content table#staffdir tr td { padding: 3px; border: 1px solid #e0e0e0; }
#sv-content table#staffdir tr td a { color: #cb8202; text-decoration: none; }
#sv-content table#staffdir tr.staff-dir-head td { background: #f0f0f0; font-weight: bold; text-align: left; }

#sv-content table#relateddocs { margin: 0 0 10px 0; }
#sv-content table#relateddocs td { padding: 4px; }
#sv-content table#relateddocs td.docicon { width: 10px; }
#sv-content table#relateddocs td.docno { font-weight: bold; width: 10px; }
#sv-content table#relateddocs td a { font-weight: bold; text-decoration: none; }

#sv-content table#relatedlinks td { padding: 4px; }
#sv-content table#relatedlinks td.linkno { font-weight: bold; width: 10px; }
#sv-content table#relatedlinks td a { font-weight: bold; text-decoration: underline; }

/* ################ FAQS ################### */
#faqs2 ul { padding: 0 0 20px 10px; list-style:none; }
#faqs2 li { padding: 2px 0 0 10px; background: url(images/l2_sscalendar_bullet2.gif) no-repeat left top; }
#faqs2 li a { text-decoration: underline; color: #525252; }
#faqs2 li a:hover { text-decoration: underline; color: #CE8200; }

div.faqbit  { padding: 0 10px; }
div.faqbit div.faq-q { padding: 0 10px 8px 10px; background: url(images/l2_sscalendar_bullet2.gif) no-repeat left top; font-weight: bold; }
div.faqbit div.faq-a { padding: 0 10px 20px 10px; font-weight: normal; }
#faq-parentguide { float: left; padding: 0 0 0 10px; }
div.faq-parentguide-float { float: left; width: 224px; margin: 0 20px 20px 0; }

/* ####### RIGHT NAV HEADERS ########### */
#rightnav h2#h2-pc { background: url(images/h2l2_parentcenter.gif); }
#rightnav h2#h2-sc { background: url(images/h2l2_studentcenter.gif); }
#rightnav h2#h2-s { background: url(images/h2l2_schools.gif); }
#rightnav h2#h2-district { background: url(images/h2l2_district.gif); }
#rightnav h2#h2-staff { background: url(images/h2l2_staff.gif); }
#rightnav h2#h2-contact { background: url(images/h2l2_contact.gif); }
#rightnav h2#h2-mws2 { background: url(images/h2l2_workspace.gif); }
#rightnav h2#h2-links { background: url(images/h2l2_links.gif); }
#rightnav h2#h2-calendar { background: url(images/h2l2_calendar.gif); }
#rightnav h2#h2-alerts { background: url(images/h2l2_alerts.gif); }

/* ######### TOTY/POTY ############ */
#poty-header { margin: 0 4px; background: url(images/poty_header.gif) no-repeat left top; width: 166px; height: 22px; }
#toty-header { margin: 0 4px; background: url(images/toty_header.gif) no-repeat left top; width: 166px; height: 22px; }

#soty-content { margin: 10px 4px 0 4px; }
#soty-content p { padding: 15px 0; }
#soty-content a { font-weight: bold; color: #CB8404; }
#soty-image { float: left; margin: 0 10px 10px 0; }
/* mac hide \*/
* html #soty-image { margin-right: 0; height: 1%; }
/* mac hide */
#soty-name { font-size: 11px; font-weight: bold; }
* html #soty-name { font-size:10px;/* for ie5 which is one size out*/ f\ont-size:11px; }
#soty-spacer { margin: 10px 0 10px 0; border-bottom: 1px solid #E0E0E0; }

/* ############# ALERTS ################# */
#alerts { position: relative; width: 745px; height: 83px; background: url(images/alert_bg.gif); margin: 0 auto 10px auto; }
* html #alerts { z-index: 0; }
#alerts-sub { margin: 0 0 0 128px; text-align: left; padding: 15px 20px 15px 0; }
#alerts-multiple { padding: 22px 0 0 0;margin: 0 0 0 128px; text-align:left; }

/* ############ DISTRICT ################ */
#district-ss { position: relative; margin: 0 0 0 3px; width: 526px;  float:left; }
#district-ss h3 { background: url(images/district_ss.gif); width: 526px; text-indent: -999em; height: 31px; line-height: 31px; }
/* mac hide \*/
* html #district-ss h3 { height:1%; }
/* end hide */
#district-ss-sub { border-bottom: 1px solid #dedcdd; border-left: 1px solid #dedcdd; border-right: 1px solid #dedcdd; }
#district-ss-sub-left { float: left; width: 383px; }
#district-ss-sub-left div.lefthead { padding: 4px; font-weight: bold; background: #f0f0f0; border-bottom: 1px solid #dedcdd; border-right: 1px solid #dedcdd; }
#district-ss-sub-right { float:left;  }
#district-ss-sub-right div.righthead { width: 133px;padding: 4px; font-weight: bold; background: #f0f0f0; border-bottom: 1px solid #dedcdd; }

#district-ss-a { border-right: 1px solid #dedcdd; }

#district-ss-a ul { list-style-type: none; padding: 9px 10px 14px 10px; }
#district-ss-a li { padding: 4px 0 4px 10px; background: url(images/district_bullet.gif) no-repeat left center; }
#district-ss-a li a { text-decoration: none; } 
#district-ss-a li a:hover { text-decoration: underline; } 

#district-ss-d { position: relative; }
#district-ss-d img { margin: 8px 0 8px 15px; }

#district-boe { position: relative; width: 261px; float: left; margin: 10px 0 10px 3px; }
#district-boe h3 { background: url(images/district_boe.gif); width: 261px; text-indent: -999em; height: 31px; line-height: 31px; }
/* mac hide \*/
* html #district-boe h3 { height:1%; }
/* end hide */
#district-boe div.boediv { border-bottom: 1px solid #dedcdd; border-left: 1px solid #dedcdd; border-right: 1px solid #dedcdd; }

#district-boe ul { list-style-type: none; padding: 9px 10px 14px 10px; }
#district-boe li { padding: 6px 0 6px 10px; background: url(images/district_bullet.gif) no-repeat left center; }
#district-boe li a { text-decoration: none; } 
#district-boe li a:hover { text-decoration: underline; }
/* mac hide \*/
* html #district-boe li { position: relative; }
/* end mac hide */

#district-community { position: relative; width: 261px; float: left; margin: 10px 0 10px 5px; }
#district-community h3 { background: url(images/district_community.gif); width: 261px; text-indent: -999em; height: 31px; line-height: 31px; }
/* mac hide \*/
* html #district-community h3 { height:1%; }
/* end hide */
#district-community div.communitydiv { border-bottom: 1px solid #dedcdd; border-left: 1px solid #dedcdd; border-right: 1px solid #dedcdd; }

#district-community ul { list-style-type: none; padding: 9px 10px 14px 10px; }
#district-community li { padding: 6px 0 6px 10px; background: url(images/district_bullet.gif) no-repeat left center; }
#district-community li a { text-decoration: none; } 
#district-community li a:hover { text-decoration: underline; }
/* mac hide \*/
* html #district-community li { position: relative; }
/* end mac hide */

/* ######################## CONTACT PAGE ##################### */
#contact-left { float: left; width: 212px; }
#contact-left p { padding: 0 0 0 10px; font-size: 11px; }
* html #contact-left p { font-size:10px;/* for ie5 which is one size out*/ f\ont-size:11px; }
#contact-left p#contact-address { padding-top: 40px; padding-bottom: 15px; }
#contact-right { margin: 0 0 0 212px; }
.contact-title { font-weight: bold; }
#contact-right input, #contact-right textarea { margin: 4px 0 10px 0; background: #F5F5F5; border-top: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; }
#contact-submit { margin: 10px 0 0 0;  }
#contact-denotes { color:#C90101; font-style: italic; }
#contact-thanks { padding: 4px; font-size: 11px; }
* html #contact-thanks { font-size:10px;/* for ie5 which is one size out*/ f\ont-size:11px; }
#contact-error { padding: 4px; color:#C90101; }

/* ############### DIRECTIONS PAGE ###################### */
#directions { padding: 3px; }
#directions div.hrspacer { padding: 15px 0; }
#directions h3 { font-size: 11px; }
#directions p { padding: 7px 0; }
* html #boardofed h3 { font-size:10px;/* for ie5 which is one size out*/ f\ont-size:11px; }
#directions-left { float: left; width: 156px; }
#directions-right { float:left; }
#directions-school { font-size: 11px; font-weight: bold; }
* html #directions-school { font-size:10px;/* for ie5 which is one size out*/ f\ont-size:11px; }
#directions-address { padding-top: 15px; padding-bottom: 15px; }
#directions-link { margin: 10px 0 0 0; }
#directions-link a {  font-weight: bold; text-decoration: underline; color: #da812d; }


/* ############ VACANCIES #################### */
#vacancies-top { font-weight: bold; margin: 0 0 8px 0; }
#vacancies-left { float: left; width: 155px; }
#vacancies-right { margin: 0 0 15px 155px; }
.greyhr { line-height: 1px; width: 100%; height: 1px; background: #D8D8D8; color:#D8D8D8; border:0; }
#vacancies-left2 { float: left; width: 282px; margin: 8px 0 8px 0; }
#vacancies-right2 { margin: 8px 0 8px 282px; }
.size11 { font-size: 11px; }
* html .size11 { font-size:10px;/* for ie5 which is one size out*/ f\ont-size:11px; }
.vacancies-spacer { margin: 10px 0 0 0; }
.vacancies-img { float: left; padding: 10px 10px 0 0; }
.vacancies-link { font-weight: bold; padding: 10px 0 0 0; }
#vacancies h4 { font-size: 16px; margin: 10px 0 0 0; height: 20px; line-height: 20px; }
.vacancies-table { margin: 10px 0; }
.vacancies-table table { border-collapse: collapse; }
#vacancies table td { padding: 15px; width: 250px; background: #F3F3F3; border-bottom: 2px solid #FFF; }
#vacancies table td span { color: #CB0000; }

/* ############ SUB-VACANCIES ################# */
#vacancies2 h4 { font-size: 16px; margin: 0 0 0 0; }
#vacancies2-left { float: left; margin: 7px 10px 7px 0; }
#vacancies2-right { margin: 7px 0 7px 0; }
#vacancies2-right a { font-weight: bold; text-decoration: underline; }
#vacancies2-content { margin: 10px 0 0 0; }
#vacancies2-content span { color: #CB0000; }
#vacancies2-content p { padding: 0 10px; }
#vacancies2-dl { font-weight: bold; padding: 0 0 0 10px; float: left; width: 80px; }
#vacancies2-dr { margin: 0 0 0 90px; }

.content-p { margin: 5px 0; }

/* ############### LOGIN PAGE ############### */
#login-content { width: 747px; margin: auto; z-index: 1; }
#login-content h2 { width: 745px; height: 31px; }
#login-content h2#welcome { background: url(images/h2_signin.gif); text-indent: -999em; }
/* mac hide - fix indent bug in ie5\*/
* html #login-content h2 { height:1%; }
/* end hide */
#login-content div.content-block { background: url(images/content_bg2.gif) repeat left center; width: 747px; }
#login-content div.content-bottom { background: url(images/content_bottom2.gif) no-repeat left top; width: 747px; height: 41px; }
#login-box { margin: 0 auto; padding: 25px 0 0 0; font-weight: bold; width: 300px; }
#login-box div.lleft { float: left; margin: 0 0 10px 0; }
#login-box div.lright { margin: 0 0 10px 0; }
#login-box input.bginput { width: 200px; background: #F5F5F5; border-top: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; border-right: 1px solid #f2f0ee; border-bottom: 1px solid #f2f0ee; height: 15px; }
#login-button { padding: 10px 0 0 50px; margin:0; }
#login-forgotpass { margin: 5px 0 0 55px; }
#login-forgotpass a { font-style: italic; font-weight: normal; color: #d9802c; }
p.forgotpass { font-weight: normal; padding: 0 0 20px 0; }

#loginnav { text-align:left; background: url(images/login_nav.gif); width: 747px; height: 30px; }
#loginnav p { padding: 8px 11px; }
#loginnav p a { font-weight: bold; color: #4e4e4e; text-decoration: underline; }
#loginnav p a.current { color: #ca8200; }
#loginnav p a:hover { color: #ca8200; }
p.login-error { color: #FF0000; padding: 0 0 6px 0; }

/* ############ STAFF ###########*/
#staff-faqs { position: relative; margin: 0 0 0 0; float: left; width: 100%; }
#staff-faqs h3 { margin: 10px 0 0 0; background: url(images/l2_faqs_100.gif) no-repeat left top;  width: 100%; text-indent: -999em; height: 31px; line-height: 31px; }
/* mac hide \*/
* html #staff-faqs h3 { height:1%; }
/* end hide */
#staff-faqs div.staff-faqsdiv { border-bottom: 1px solid #dedcdd; border-left: 1px solid #dedcdd; border-right: 1px solid #dedcdd; padding-bottom: 21px; }
#staff-faqs ul { padding: 10px 0 10px 10px; list-style:none; }
#staff-faqs li { padding: 2px 0 0 10px; background: url(images/l2_sscalendar_bullet2.gif) no-repeat left top; }
#staff-faqs li a { text-decoration: none; color: #525252; }
#staff-faqs li a:hover { text-decoration: underline; color: #CE8200; }
/* mac hide \*/
* html #staff-faqs li { position: relative; }
/* end mac hide */
#staff-directory { position: relative; margin: 0 0 0 0; float: left; width: 100%; }
#staff-directory h3 { background: url(images/l2_staff_directory_100.gif) no-repeat left top;  width: 100%; text-indent: -999em; height: 31px; line-height: 31px; }
/* mac hide \*/
* html #staff-directory h3 { height:1%; }
/* end hide */
#staff-directory div.staff-directorydiv { border-bottom: 1px solid #dedcdd; border-left: 1px solid #dedcdd; border-right: 1px solid #dedcdd; padding-bottom: 21px; }
#staff-directory ul { padding: 10px 0 10px 10px; list-style:none; }
#staff-directory li { padding: 2px 0 0 10px; background: url(images/l2_sscalendar_bullet2.gif) no-repeat left top; }
#staff-directory li a { text-decoration: none; color: #525252; }
#staff-directory li a:hover { text-decoration: underline; color: #CE8200; }
/* mac hide \*/
* html #staff-directory li { position: relative; }
/* end mac hide */


/* ############ MY WORKSPACE #################### */
.content-bg { text-align:left; }
#content h2#h2-mws { background: url(images/h2_workspace.gif); text-indent: -999em; width: 502px; height: 32px; }
#content h2#h2-ec { background: url(images/h2_employeecalendar.gif); text-indent: -999em; width: 235px; height: 32px; }
#content h2#h2-bc { background: url(images/h2_boardcalendar.gif); text-indent: -999em; width: 235px; height: 32px; }
#content h2#h2-ca { background: url(images/h2_contactadmin.gif); text-indent: -999em; width: 258px; height: 32px; }
#content h2#h2-bmm { background: url(images/DocumentsHeader.jpg); text-indent: -999em; width: 479px; height: 32px; }
#content h2#h2-eo { background: url(images/h2_employmentopportunities.gif); text-indent: -999em; width: 479px; height: 32px; }
#content h2#h2-faqs { background: url(images/h2_faqs.gif); text-indent: -999em; width: 479px; height: 32px; margin: 10px 0 0 0; }
#mws-mws { float: left; width: 502px; }
#mws-mws div.content-bg { background: url(images/workspace_bg1.gif) repeat top left; width: 502px; height: 134px; }
#mws-mws div.content-bg-bottom { position: relative; background: url(images/workspace_bg1_bottom.gif) repeat top left; height: 39px; width: 502px; }
#mws-mws-padder { padding: 5px 0 0 0; }
#mws-mws p { padding: 4px 10px; text-align: left; }
#mws-mws p.button-aligner { margin: 5px auto 0 auto; text-align: center; }

#mws-ec { width: 235px; float:left; margin: 0 0 0 10px; }
#mws-ec div.content-bg { background: url(images/workspace_bg2.gif) repeat top left; width: 235px; }
#mws-ec div.content-bg-bottom { position: relative; background: url(images/workspace_bg2_bottom.gif) repeat top left; height: 39px; width: 235px; }
#mws-ec-padder {  }

#mws-eo { width: 479px; }
#mws-eo div.content-bg { background: url(images/workspace_bg4.gif) repeat top left; width: 235px; height: 77px; }
#mws-eo div.content-bg-bottom2 { position: relative; background: url(images/workspace_bg5_bottom.gif) repeat top left; width: 479px; height: 39px; }
#mws-eo table#eo-table { border-collapse: collapse; margin: 0 0 0 4px; width: 471px; }
#mws-eo table#eo-table td.eo-thead { font-weight: bold; background: #f0f0f0; border-bottom: 1px solid #dddddd; }
#mws-eo table#eo-table td { padding: 4px; }
#mws-eo table#eo-table2 { border-collapse: collapse; margin: 5px 0 4px 4px; width: 471px; }
#mws-eo table#eo-table2 td.eo-tbody { background: #FDEDEE; }
#mws-eo table#eo-table2 td { padding: 8px; width: 235px; }
#mws-eo-head { background: url(images/workspace_eo_bullet.gif) no-repeat left center; }
#mws-eo-head a { padding: 0 0 0 10px; font-weight: bold; text-decoration: underline; }
#mws-eo-sub { padding: 0 0 0 10px; font-style: italic; }
#mws-eo-left { float: left; }
#mws-eo-right { float: left; }
#mws-eo-right a { padding: 0 0 0 5px; color: #D70000; font-weight: bold; }
#mws-eo-right-sub { padding: 0 0 0 5px; font-style: italic; }

#mws-ca { float: left; width: 258px; margin: 10px 0 0 0; }
#mws-ca div.content-bg { background: url(images/workspace_bg3.gif) repeat top left; width: 258px; height: 226px; }
#mws-ca div.content-bg-bottom { background: url(images/workspace_bg3_bottom.gif) repeat top left; height: 39px; width: 258px; }
#mws-ca-padder { margin:0;padding: 10px 17px; }
.mws-ca-formhead { text-align:left; font-weight: bold; }
#mws-ca input { background: #F5F5F5; border-top: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; border-right: 1px solid #f2f0ee; border-bottom: 1px solid #f2f0ee; margin: 5px 0 5px 0; }
#mws-ca textarea { background: #F5F5F5; border-top: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; border-right: 1px solid #f2f0ee; border-bottom: 1px solid #f2f0ee; margin-top: 3px; width: 212px; height: 79px; }
* html #mws-ca textarea { height: 69px; }
#mws-ca-left { float: left; width: 137px; font-style: italic; color: #d40000; margin: 5px 0 0 0; }
#mws-ca-right { float: left; }
#mws-ca-bottom { margin: 10px 0 0 0; }

#mws-bmm { float: left; width: 479px; margin: 10px 0 0 10px; }
#mws-bmm div.content-bg { background: url(images/workspace_bg4.gif) repeat top left; width: 479px; }
#mws-bmm div.content-bg-bottom { position: relative; background: url(images/workspace_bg4_bottom.gif) repeat top left; height: 39px; width: 479px; }

#mws-faqs { position: relative; }
#mws-faqs ul { position: relative;padding: 5px 0 7px 10px; list-style:none; }
#mws-faqs li { padding: 2px 0 0 10px; background: url(images/l2_sscalendar_bullet2.gif) no-repeat left top; }
#mws-faqs li a { text-decoration: none; color: #525252; }
#mws-faqs li a:hover { text-decoration: underline; color: #CE8200; }
#mws-faqs div.content-bg { background: url(images/workspace_bg4.gif) repeat top left; width: 479px; }
#mws-faqs div.content-bg-bottom2 { position: relative; background: url(images/workspace_bg5_bottom.gif) repeat top left; width: 479px; height: 39px; }

#mws-bmm table#bmm-table { margin: 0 0 0 4px; width: 471px; border-collapse: collapse; }
#mws-bmm table#bmm-table td { width: 235px; padding: 4px; }
#mws-bmm table#bmm-table td.row1 { width: 235px; padding: 6px 4px; }
.bmm-rightborder { border-right: 1px solid #dddddd; }
.bmm-head { font-weight: bold; background: #f0f0f0; border-bottom: 1px solid #dddddd; }
.bmm-body a { font-weight: bold; padding: 0 0 0 5px; }

/* more button 2 */
.morebutton2 {text-indent:-999em; position: absolute; right: 15px; bottom: 30px; background: url(images/morebutton.gif) no-repeat left top; width: 35px; height: 10px; }
* html .morebutton2 {text-indent:0;}/* cancel it out for ie*/
* html .morebutton2 span{text-indent:-999em}/* for ie*/
.morebutton2 a{display:block;width: 35px; height: 10px;text-decoration:none}

/* more button 2 */
.morebutton3 {text-indent:-999em; position: absolute; right: 252px; bottom: 30px; background: url(images/morebutton.gif) no-repeat left top; width: 35px; height: 10px; }
* html .morebutton3 {text-indent:0;}/* cancel it out for ie*/
* html .morebutton3 span{text-indent:-999em}/* for ie*/
.morebutton3 a{display:block;width: 35px; height: 10px;text-decoration:none}

table.small-cal { border-collapse: collapse; margin: 0 0 0 8px; }
table.small-cal tr td { border: 0; }
table.small-cal tr.small-cal-head td { text-align: center; background: url(images/cal_headbg.gif) repeat left top; height: 15px; line-height: 15px; font-weight: bold; width: 31px; }
table.small-cal tr.small-cal-head td.sunday { background: url(images/cal_headbg_left.gif) no-repeat left top; }
table.small-cal tr.small-cal-head td.sunday span { color: #d50000; }
table.small-cal tr.small-cal-head td.saturday { background: url(images/cal_headbg_right.gif) no-repeat right top; }
table.small-cal tr td.day { font-weight: bold; }
table.small-cal tr.small-cal-head td a { text-decoration: none; }
table.small-cal tr.small-cal-head td a.current { color: #d50000; }
table.small-cal tr.small-cal-top td { padding: 10px 0 10px 0; }

table.small-cal tr.small-cal-body td a { text-decoration: none; display: block; width: 31px; text-align: center; height: 15px; line-height: 15px; }
table.small-cal tr.small-cal-body td.alt1l a { background: url(images/cal_alt1l.gif) no-repeat left top; }
table.small-cal tr.small-cal-body td.alt1 a { background: url(images/cal_alt1.gif) repeat left top; }
table.small-cal tr.small-cal-body td.alt1lb a { background: url(images/cal_alt1lb.gif) no-repeat left top; }
table.small-cal tr.small-cal-body td.alt1r a { background: url(images/cal_alt1r.gif) no-repeat right top; }
table.small-cal tr.small-cal-body td.alt2 a { background: url(images/cal_alt2.gif) repeat left top; }
table.small-cal tr.small-cal-body td.alt1rb a { background: url(images/cal_alt1rb.gif) no-repeat right top; }
table.small-cal tr.small-cal-body td a:hover,table.small-cal tr.small-cal-body td.current a { color: #000; background: url(images/cal_active.gif) repeat left top; }

#content-page { padding: 0 10px 10px 10px; }
#content-page p { margin: 10px 0; }
#content-page ul { margin: 0 0 0 20px; list-style-position: inside; }

/* ########### LINKS PAGE ############ */
#links { padding: 4px; }
#links div.linkhead { font-weight: bold; background: url(images/link_bullet.gif) no-repeat left 5px; padding: 0 0 0 10px; }
#links p { padding: 0 0 0 10px; }
#links div.linkfoot { font-weight: bold; padding: 10px 0 0 10px; }
#links div.linkfoot a { color: #d17922; }
#links div.hrspacer { padding: 15px 0; }

/* ############ AGENDAS PAGE ############ */
#agendas { padding: 4px; }
#agendas p { padding: 0 0 20px 0; }
#agendas p a { font-weight: bold; color: #DB802D; }
#agendas div.lefticon { float: left; width: 30px; }
#agendas div.rightbox { margin: 0 0 0 30px; }
#agendas div.agendahead { font-weight: bold; }
#agendas div.agendahead a { font-weight: bold; }
#agendas div.agendafoot { font-style: italic; }
#agendas div.hrspacer { padding: 15px 0; }

/* ##### BOARD OF EDUCATION PAGE ############ */
#boardofed { padding: 4px; }
#boardofed div.hrspacer { padding: 15px 0; }
#boardofed h3 { font-size: 12px; }
* html #boardofed h3 { font-size:11px;/* for ie5 which is one size out*/ f\ont-size:12px; }
#boardofed-left { float: left; width: 240px; }
#boardofed-left ul { width: 230px;list-style: none; margin: 20px 0 10px 0; }
#boardofed-left li { margin: 5px 0; padding: 0 0 0 16px; background: url(images/boe_bullet.gif) no-repeat left 3px; }
#boardofed-right { margin: 0 0 0 240px; }
#boardofed-image { width: 278px; height: 201px; background: url(images/boe.jpg) no-repeat left top; }
#boardofed div.boardofed-linksub { margin: 10px 0; }

#boardofed-links div.top { background: url(images/link_bullet.gif) no-repeat left 5px; padding: 0 0 0 10px; }
#boardofed-links div.top a { font-size: 11px; font-weight: bold; text-decoration: underline; }
* html #boardofed-links div.top a { font-size:10px;/* for ie5 which is one size out*/ f\ont-size:11px; }
#boardofed-links div.sub { font-style: italic; padding: 0 0 0 10px;  }

/* ##### SPORTS SCHEDULE CALENDAR ############ */
#sscal { padding: 4px; }
#sscal div.hrspacer { padding: 15px 0; }
#sscal h3 { font-size: 12px; margin: 0 0 0 0; }
* html #sscal h3 { font-size:11px;/* for ie5 which is one size out*/ f\ont-size:12px; }

#sscal table.ssclisting { margin: 10px 0 20px 0; border-collapse: collapse; }
#sscal table.ssclisting tr td { padding: 3px; border: 1px solid #e0e0e0; }
#sscal table.ssclisting tr td a { color: #cb8202; text-decoration: none; }
#sscal table.ssclisting tr.thead td { background: #f0f0f0; font-weight: bold; text-align: left; }
#sscal table.ssclisting tr.thead td.sscaldate { width: 32%; }
#sscal table.ssclisting tr.thead td.sscalmatch { width: 53%; }
#sscal table.ssclisting tr.thead td.sscalvenue { width: 15%; }
#sscal span.sscalhome { font-weight: bold; color: #77903F; }
#sscal span.sscalaway { font-weight: bold; color: #DB802F; }

/* ##### CALENDARS LIST ############# */
#callist { padding: 4px; }
#callist div.calbit { height: 40px; float: left; width: 224px; margin: 0 20px 20px 0; }
#callist div.calbit div.calheadbit { background: url(images/link_bullet.gif) no-repeat left 5px; padding: 0 0 0 10px; }
#callist div.calbit div.calheadbit a { font-weight: bold; text-decoration: underline; }
#callist div.calbit div.calfoot { padding: 0 0 0 10px; font-style: italic; }

/* ####### SCHOOLS PAGE ########## */
#schoolpage { padding: 4px; }
#schoolpage div.hrspacer { padding: 15px 0; }
#schoolpage h3 { font-size: 12px; }
* html #schoolpage h3 { font-size:11px;/* for ie5 which is one size out*/ f\ont-size:12px; }
#schoolpage p { margin: 10px 12px 10px 0; }
#schoolpage-left { float: left; width: 240px; }
#schoolpage-right { margin: 0 0 0 240px; }
#schoolpage-image { width: 278px; height: 167px; background: url(images/school_bigimg.jpg) no-repeat left top; }
#schoolpage-left2 { float: left; width: 240px; margin: 15px 0 0 0; }
#schoolpage-right2 { margin: 15px 0 0 240px; }
.schoolpage-linksub div.top { background: url(images/link_bullet.gif) no-repeat left 5px; padding: 0 0 0 10px; }
.schoolpage-linksub div.top a { font-size: 11px; font-weight: bold; text-decoration: underline; }
* html .schoolpage-linksub div.top a { font-size:10px;/* for ie5 which is one size out*/ f\ont-size:11px; }
.schoolpage-linksub div.sub { font-style: italic; padding: 0 0 10px 10px;  }
#schoolpage-left3 { float: left; width: 110px; margin: 15px 0 0 0; }
#schoolpage-right3 { margin: 15px 0 0 115px; }
#schoolpage-right3 a { color: #da812f; font-weight: bold; font-size: 11px; }
* html #schoolpage-right3 a { font-size:11px;/* for ie5 which is one size out*/ f\ont-size:12px; }

/* ######### ALERTS SUB PAGE ############ */
#alerts-subpage { padding: 4px; }
#alerts-subpage div.hrspacer { padding: 15px 0; }
#alerts-subpage h3 { font-size: 12px; margin: 0 0 20px 0; }
#alerts-subpage h3.secondary { font-size: 12px; margin: 40px 0 20px 0; }
* html #alerts-subpage h3 { font-size:11px;/* for ie5 which is one size out*/ f\ont-size:12px; }
#alerts-subpage div.top { background: url(images/link_bullet.gif) no-repeat left 5px; padding: 0 0 0 10px; font-weight: bold;  }
* html #alerts-subpage div.top { font-size:10px;/* for ie5 which is one size out*/ f\ont-size:11px; }
#alerts-subpage div.top2 { font-style: italic; margin: 0 0 10px 0; padding: 0 0 0 10px;  }
#alerts-subpage p { padding: 0 0 0 10px; }


/* ###### BACK TO TOP ########## */
#content p.topspecial { padding: 5px 0; }
#content span.gotop { display: inline-table; float: right; }
#content span.gotop a { font-weight: normal; color: #CE8200; }
#content span.gotop:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #content span.gotop { height: 1%; }
#content span.gotop { display: block; }
/* End hide from IE-mac */


/* ######### SITEMAP SUB PAGE ############ */
#sitemap-content { width: 747px; margin: auto; z-index: 1; }
#sitemap-content h2 { width: 745px; height: 31px; }
#sitemap-content h2#h2-sitemap { background: url(images/h2_sitemap.gif); text-indent: -999em; }
#sitemap-content div.content-block { background: url(images/content_bg2.gif) repeat left center; width: 747px; }
#sitemap-content div.content-bottom { background: url(images/content_bottom2.gif) no-repeat left top; width: 747px; height: 41px; }
/* mac hide - fix indent bug in ie5\*/
* html #sitemap h2 { height:1%; }
/* end hide */
#sitemap { padding: 4px; }
.sitemapcol { float: left; width: 237px; }
#sitemap ul { text-align:left; list-style-type: none; padding: 5px 5px 14px 5px; }
#sitemap li { padding: 4px 0 4px 8px; background: url(images/district_bullet.gif) no-repeat left 10px; }
#sitemap li a { font-weight: bold; }
#sitemap ul.sub1 { padding: 2px 0; }
#sitemap ul.sub1 ul { padding: 2px 13px; }
#sitemap ul.sub1 ul li a {  }
#sitemap li ul li { padding: 0; background: none; }
#sitemap li ul a { font-weight: normal; text-decoration: none; }
#sitemap li ul a:hover { font-weight: normal; text-decoration: underline; }

/* ######## CONTENT TABLE ############ */
table.content-table { border-collapse: collapse; }
table.content-table tr.thead td { background: #DDD; font-weight: bold; }
table.content-table td { border: 1px solid #CCC; padding: 4px; }