body {margin:auto;padding:0;
background:#fff url(image/bee-watermark.png) no-repeat top center;
font:12px/1.5em Arial,Geneva,sans-serif;}


a {text-decoration:none;}
li {list-style-type:none;}
h1, h2, h3 {font-weight:normal;}
img {border:none;}
table {width:37.5em;}
td {width:9.375em;}
.right {float:right;width:200px;}


#container {width:80em;
margin:auto;padding:0;
background:url(image/bee-watermark.png) no-repeat scroll 50% 550px;}

#header {position:relative;width:100%;height:11em;}
#logo {position:absolute;top:20px;left:0;}


/* THIS IS THE TABS CSS STUFF */
#menu {width:60em;height:2.75em;margin:0;padding-top:10px;padding-left:10px;overflow:visible;background:/*#31859c*/ url(image/navbar.png) left no-repeat;}
#menu li ul {position:absolute;left:-999em;width: 12em;margin:0;padding:0;}
/* The -999em hides the submenu items until you hover over the corresponding menu item */
#menu li:hover ul, #menu li.sfhover ul {left:auto;}
#menu li {float:left;margin-right:20px;padding:0;}
#menu li ul a, #menu li ul a:link {width:12em;margin:10px 10px 10px 0;padding:5px;background-color:#31859c;opacity:0.8;filter:alpha(opacity=80);color:#fff;}
#menu li ul a:hover {width:12em;font-size:120%;font-weight:normal;}
#menu a {display:inline-block;display:block;color:#fff;text-decoration: none;font-weight: bold;}
#menu span {display:block;padding: 5px 15px;}
#menu a:hover {background-position: right -198px;}
#menu a:hover span {background-position: 0 -198px;}
/*END OF TABS CSS STUFF */


#panel,#panel-about,#panel-admissions,#panel-academics,#panel-activities,
#panel-news,#panel-summer {width:960px;height:300px;margin:0;padding:0;}
#panel {height:350px;background:url(image/homepage-park2.png) top center no-repeat;}
#panel-about {background:url(image/about2.png) top center no-repeat;}
#panel-admissions {background:url(image/admission2.png) top center no-repeat;}
#panel-academics {background:url(image/academics2.png) top center no-repeat;}
#panel-activities {background:url(image/activities2.png) top center no-repeat;}
#panel-news {background:url(image/news.png) top center no-repeat;}
#panel-summer {background:url(image/summer.png) left center no-repeat;}
#panel-map {width:960px;height:395px;margin:0;padding:0;background:url(image/map.png) top center no-repeat;}
.panel {float:right;margin-top:1em;margin-right:1em;padding:.25em;color:#CC6600;font-size:250%;}
.panel2 {float:right;margin-top:50px;margin-right:10px;padding:5px;color:#fff;}
.panel2 {width:300px;margin-right:50px;line-height:1.25em;}


#sidebar {float:left;width:300px;
margin:20px 0 20px 0;padding:0;color:#31859c;}
#sidebar a {color:#CC6600;}
#sidebar ul {margin:0;padding:0;}
#sidebar li {padding-top:10px;padding-bottom:10px;
border-bottom:1px solid #ddd;}
.diduknow {width:100%;height:300px;background-color:#dfb337;padding:10px;}


#main {float:right;width:600px;
margin:20px 0 20px 0;padding:0;}
.news {margin:0;padding:0;}
.news li {margin-bottom:10px;}
#calendar {margin:40px 0 20px 0;padding:0;}


#footer {clear:both;width:100%;height:200px;margin:0;padding:0;
background-color:#d0772e;
font-size:10px;color:#fff;}
#footer a {color:#fff;}
#footer a:hover {color:#31859c;}
#footer p {margin:0;}
#footernav {width:600px;height:150px;margin-left:10px;padding-top:10px;}
#chalk {float:right;margin-top:-40px;}
.credit {float:right;padding-right:10px;}
.bigger {font-size:120%;margin-right:10px;}