html, body, div, ul, ol, p, h1, h2, h3, h4, img{
 border: 0;
 margin: 0;
 padding: 0;
 font-family: sans-serif;
 font-size: 100%;
 outline: 0;
}



#menu{
overflow: visible;
left: 375px;
margin: 0px;
padding: 0px;
position: absolute;
top: 12px;
width: 350px;
z-index: 2;
}

#menu .level-1{
overflow: hidden;
float: left;
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
text-align: center;
}

#menu #about{width: 105px; padding-right: 10px;}
#menu #summercamp{width: 150px; margin-left: -20px;}
#menu #contact{width: 95px;}



#menu .level-1 a{
color: #fff;
font-size: 110%;
text-decoration: none;
line-height: 25px;
}
 
#menu .level-1 a:hover{
 text-decoration: underline;
}

/* #menu .level-2{display: none;}  

#menu .level-2{display: none;}    

 url(../images/whiteout.png)

*/

#menu .level-2{display: block; position: relative; text-align: left; margin-top: 12px; padding-bottom: 10px; background: url(../images/whiteout.png); list-style-type: none; visibility: hidden;}

#menu .level-2 a{display: block; overflow: visible; color: #fff; text-align: left; padding: 10px 10px 0; background: url(../images/clearout.png); font-size: 90%; line-height: 15px; outline: none;}





.alignright{float:right;}
.alignleft{float:left;}









#page{
 background-color: transparent;
 border:0px solid #000;
 left:50%;
 margin-left:-375px;
 position: relative;
 width:750px;
}

#home{
 border: 0px solid #900;
 height: 45px;
 margin: 0 0 0 15px;
 position: absolute;
 width: 345px;
 z-index: 2;
}

#header{
 background: transparent url("../images/headermiddle.jpg") repeat-y top center;
 height: 240px;
 position: relative;
 width: 750px;
}

#headertop{
 background: transparent url("../images/headertop.jpg") no-repeat top center;
 padding-top: 49px;
 position: relative;
}


#headerbottom{
 background: transparent url("../images/headerbottom.jpg") no-repeat top center;
 height: 6px;
 position: relative;
 width: 750px;
}

#displayphoto{
 margin: 0 25px 0 25px;
 position: relative;
}


#content{
 background: transparent url("../images/contentbg.jpg") repeat-y top center;
 position: relative;
 width: 750px;
}

#incontent{
 margin: 0 40px 0 40px;
 padding: 10px 0 20px 0;
 position: relative;
}

#footer{
 background: transparent url("../images/contentbg.jpg") repeat-y top center;
 font-size: 11px;
 line-height: 13px;
 position: relative;
 width: 750px;
}

#footertop{
 background: transparent url("../images/footertop.jpg") no-repeat top center;
 padding: 15px 0 10px 0;
 position: relative;
 width: 750px;
}

#footerbottom{
 background: transparent url("../images/footerbottom.jpg") no-repeat bottom center;
 clear: both;
 height: 16px;
 position: relative;
 width: 750px;
}

#infooter{
 margin: 0 20px 0 20px;
}

#footer img {
padding: 5px 10px 0 10px;
}

#footer #logo1{
float: left;
position: relative;
width: 97px;
}

#footer #logo2, #footer #logo3{
float: right;
position: relative;
z-index: 9;
}

#forms{
margin: 10px 0 10px 15px;
padding: 0 10px;
position: relative;
border: 1px solid #69c;
}

#forms p{
padding: 0.2em 0;
font-size: 0.9em;

}

#contact{
 padding-left: 150px;
}

#staff{
 border-top: #69c 1px dotted;
 margin-top: 10px;
 padding: 10px 0;
}

.staffmember{overflow: hidden;}

.staffmember img{
float: left;
padding: 10px 25px 10px 10px;
}

.staffmember h3{
border-bottom: 0;
padding-top: 75px;
}

#staffphotos{
 border: 0px solid;
 margin-left: 90px;
}

#staffphotos td{
 text-align: center;
}

#staffphotos img{
 margin: 15px 5px 5px 5px;
}

.calendar{
 background-color: #69c;
 margin: 10px auto 25px;
 width: 670px;
}


.calendar td{
 background-color: #fff;
 padding: 5px;
}

.noline{border: none;}

#welcome{
margin-right: -10px;
padding-left: 10px;
}

.clear{
 clear: both;
}

.clearonly{
 clear: both;
 margin: 0;
 padding: 0;
}


.campus{
margin: 20px 0 5px 0;
}

.campus ul{
 padding: 5px 0 15px 20px;
 line-height: 120%;
}

.campus p{
 padding: 5px;
}

/*

.level1{
 background: transparent;
 border: 0px solid #900;
 color: #fff;
 font-family: sans-serif;
 font-size: 110%;
 left: 364px;
 margin: 0px;
 padding: 0px;
 position: absolute;
 text-align: center;
 top: 12px;
 width: 371px;
 z-index: 5;
}


.level1 a{
 color: #fff;
 text-decoration: none;
 line-height: 25px;
}

.level1 a:hover{
 text-decoration: underline;
}

.level1 li{
 border: 0px solid #900;
 display: inline;
 list-style-type: none;
 margin: 0 7px 0 7px;
 padding: 0px;
 position: relative;
 text-align: center;
}

.level1 li.current{
  margin: 0 3px 0 3px;

}
*/


.level2{
 background: transparent url("../images/level2middle.jpg") repeat-y 0 0;
 border: 0px solid #036;
 color: #fff;
 font-size: 110%;
 position: relative;
 text-align: center;
 width: 750px;
 z-index: 15;
}

.level2top{
 background: transparent url("../images/level2top.jpg") no-repeat 0 0;
 position: relative;
 width: 750px;
}

.level2bottom{
 background: transparent url("../images/level2bottom.jpg") no-repeat 0 100%;
 position: relative;
 width: 750px;
 }




 
 .level2 ul{
 padding: 11px 0 12px 0;
 background-color: transparent;
 position: relative;
}

.level2 ul li{
 display: inline;
 list-style-type: none;
 padding: 0px 8px 0 8px;
}


.level2 a{
 color: #fff;
 text-decoration: none;

}

.level2 a:hover{
 text-decoration: underline;
}




.textright{
 padding: 2px 10px 2px 0;
 text-align: right;
}

.textleft{
 padding: 2px 0 2px 0;
 text-align: left;
}

.floatleft{
 float: left;
 position: relative;
}

.floatright{
 float: right;
 position: relative;
}

a{
 color: #369;
 text-decoration: none;
}

a:hover{
 text-decoration: underline;
}

body{
 background: #69c url("../images/headband.jpg") top right repeat-x;
 line-height: 1;

}

h2{
 color: #369;
 font-size: 150%;
 text-align: center;
}

h3{
 color: #393;
 font-size: 115%;
 text-align: left;
 padding: 10px 0 5px 0;
 border-bottom: 1px dotted #393;
}

h4{
margin: 10px 0 0 0;
}

p{
 line-height: 1.2em;
 padding: .5em 0 .5em 0;
 font-size: 0.9em;
}

.campFull{
color:#cc3333;
}