body{background:#ffffff url("/images/BG.gif") repeat; font-family:arial, helvetica, sans-serif; font-size:9pt; color:#000000; padding:20px 0; margin:0;}

#content a{color:#993F42; font-weight:bold;}

.container{border:1px solid #993F42; background:#ffffff; width:800px; margin:auto;}

#header{padding:0; height:198px; background:#ffffff url("/images/header/headerBG.jpg") no-repeat 100% 0; width:800px;}
.logo{float:left; width:361px;}

/* classes for the horizontal nav */
#navBar{float:left; width:100%; background-image:url("/images/header/navBG.gif"); text-align:center; font-family:tahoma, sans-serif;}
#nav, #nav ul{padding:0; width:632px; margin: 0 auto; list-style:none; line-height:1; z-index:1000;}
#nav li{background-image:url("/images/header/navBG.gif"); border-left:1px solid #444444; float:left; width:12%; text-align:center; postion:relative;} /* width needed or else Opera goes nuts */
#nav a{display:block; font-size:10pt; text-decoration:none; padding:9px 0; color:#ffffff;} 
#nav li:hover a, #nav li.hover a, #nav li.sfhover a{color:#000000;}
#nav li:hover, #nav li.sfhover{position:static; background-image:url("/images/header/navHoverBG.gif");} /* fix for IE7 having sticky menus */
#nav li ul{position:absolute; width:180px; left:-999em; background:#ffffff; margin-left:-30px; border:1px solid #444444;}
#nav li ul li{text-align:left;}
#nav ul li ul a{display:block; font-size:8pt; text-decoration:none; padding:4px; color:#ffffff;}
#nav a.category{background: url("/images/header/arrow.gif") no-repeat 98% 60%;}
#nav li ul li{float:left; width:180px; background:#993F42; border-top:0px; border-bottom:1px solid #444444; border-left:0;}
#nav li ul ul {margin:-1em 0 0 10em;}
#nav li ul a{padding:4px;}
#nav li:hover ul ul, #nav li.sfhover ul ul{left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{left:auto;}
/*  set the subnavs to use a background color instead of the image */
#nav li li:hover, #nav li li.sfhover, #nav li li li:hover, #nav li li li.sfhover{background:#E8BC77;}
/* make the turned on nav have a different image background */
#philosophy .navPhilosophy, #afterschool .navAfterschool, #curriculum .navCurriculum, #program .navProgram, #staff .navStaff, #map .navMap, #form .navForm, #contact .navContact, #choose .navChoose{background-image:url("/images/header/navHoverBG.gif");}
 /* make the turned on nav link black */
#philosophy .navPhilosophy a, #afterschool .navAfterschool a,#curriculum .navCurriculum a, #program .navProgram a, #staff .navStaff a, #map .navMap a, #form .navForm a, #contact .navContact a, #choose .navChoose a{color:#000000;}
/* if the nav is turned on turn the subnav links white again */
#nav .navPhilosophy li a, #nav .navAfterschool li a, #nav .navCurriculum li a, #nav .navProgram li a, #nav .navStaff li a, #nav .navMap li a, #nav .navForm li a, #nav .navContact li a, #nav .navChoose li a{color:#ffffff;}
/* make the subnavs white again since we turned them black with the turned on nav links */
#nav li ul li ul li a, #nav .navPhilosophy li ul li a, #nav .navAfterschool li ul li a, #nav .navCurriculum li ul li a, #nav .navProgram li ul li a, #nav .navStaff li ul li a, #nav .navMap li ul li a, #nav .navForm li ul li a, #nav .navContact li ul li a, #nav .navChoose li ul li a{color:#ffffff;}
/* make the hovers for the subnavs black again since we turned them to white above */
#nav li li:hover a, #nav li li.hover a, #nav li li.sfhover a, #nav li li li:hover a, #nav li li li.hover a, #nav li li li.sfhover a{color:#000000;}
/* end of horizontal nav classes */

.clear{clear:both; font-size:0; margin:0; padding:0; height:0;}
.center{text-align:center;}

h1{color:#993F42; font-size:14pt; border-bottom:5px solid #993F42; font-family:arial narrow, arial, helvetica, sans-serif; padding-bottom:5px;}
h2{color:#993F42; font-size:13pt; font-family:arial narrow, arial, helvetica, sans-serif;}
h3{color:#993F42; font-size:12pt; font-family:arial narrow, arial, helvetica, sans-serif;}

#tagline{background:#E6E6CC url("/images/home/taglineBG.jpg") no-repeat 100% 0; font-size:12pt;}
#content{width:800px; background:#E6E6CC;}
#contentPadding{padding:10px 20px;}
hr{border:0; border-top:2px solid #993F42; height:2px;}
hr.thick{border:0; border-top:5px solid #993F42; height:5px;}
p.newsItem{margin:15px 0;}
.newsItem{padding:0 0 10px 0; border-bottom:2px solid #993F42;}
.newsItem a{color:#000000; text-decoration:none;}

#footer{padding:5px; font-size:8pt; color:#ffffff; text-align:center; background:#993F42;}
#footer a{color:#FFFFFF;}