body{
height: 850px;
background-color: silver;
}


.logo{
margin-left: 25px;
margin-top: 10px;
text-decoration: none;
background-color: transparent;
border: none;
}



.quote{
font-family: bradley hand itc;
font-size: 1.75em;
color: gray;
margin-left: 275px;
font-style: italic;
font-weight: bold;
margin-top: -55px;
text-decoration: none;
}

.top{
background-color: white;
width: 750px;
height: 150px;
margin: auto;

}

.body{
background-color: white;
width: 750px;
height: 800px;
margin: auto;
margin-top: -35px;
}


#nav {
 background-color: #CC3333;
 width: 698px;
 height: 20px;
 border: none; 
margin-left: 25px;
padding: 1px;
margin-top: 20px;
}
 
 #nav li {
 background-color: #CC3333;
 border: none; 
 font-family: verdana;
 font-variant: small-caps;
 display: inline;
 font-size: 0.85em;
 margin-left: 20px;
 text-align: center;
}

 #nav a:link, #nav a:visited {
 color: white;
 text-decoration: none;
}
 

 #nav a:hover{
 color: silver;
 text-decoration: none;
 }

#bottom {
 margin-top: 15px;
 background-color: transparent;
 border: none; 
padding-left: 2px;
padding-right: 2px;
margin: auto;
text-align: center;
}
 
 #bottom2 {
 background-color: transparent;
 border: none; 
padding-left: 2px;
padding-right: 2px;
margin: auto;
text-align: center;
}
 
 #bottom li {
 background-color: transparent;
 border: none;  
 font-family: century gothic;
 display: inline;
 padding:10px; 
 color: #CD2626;
 font-size: 0.75em;
 font-variant: small-caps;
 text-decoration: none;
 }

 #bottom2 li {
 background-color: transparent;
 border: none;  
 font-family: century gothic;
 display: inline;
 padding:10px; 
 color: #CD2626;
 font-size: 0.75em;
 font-variant: small-caps;
 text-decoration: none;
 }

 #bottom a:link, #bottom a:visited {
 color: #666666;
 text-decoration: none;
}
 
 #bottom2 a:link, #bottom2 a:visited {
 color: #666666;
 text-decoration: none;
}

 #bottom a:hover{
 color: #CC3333;
 text-decoration: none;
 }

 #bottom2 a:hover{
 color: #CC3333;
 text-decoration: none;
 }

#bottom a:active{
text-decoration: none;
}

#bottom2 a:active{
text-decoration: none;
}

 /*HOME*/
 .tl{
 width: 165px;
 height:295px;
 background-color: silver;
 margin-left: 25px;
 color: white;
 font-family: century gothic;
 font-size: 0.75em;
 padding: 5px;
 padding: 5px;
 }

.t2{
 width: 165px;
 height: 265px;
 background-color: gray;
 margin-left: 25px;
 color: white;
 font-family: century gothic;
 font-size: 0.75em;
 padding: 5px;
}

.t3{
width: 350px;
height: 475px;
margin-left: 200px;
margin-top: -550px;
font-family: verdana;
font-size: 0.75em;
text-align: center;
color: gray;
}

.summer a:link, .summer a:visited{
text-decoration: none;
color: white;
}

.summer a:hover{
color: yellow;
}

.summer a:active{
text-decoration: none;
}

.intro{
text-align: left;
font-family: verdana;
color: gray;
margin-left: 8px;
margin-right: 8px;
}

.blog{
text-align: left;
padding-left: 20px;
}

.blog a:link, .blog a:visited{
text-decoration: none;
color: #CC3333;
font-size: 1em;
}

.blog a:hover{
color: gray;
}

.blog a:active{
text-decoration: none;
}

.locations{
color: gray;
text-align: left;
}

.form a:link, .form a:visited{
text-decoration: none;
color: gray;
}

.form a:hover{
color: white;
}

.form a:active{
text-decoration: none;
}

 #t4{
 width: 174px;
 height:500px;
 margin-left: 551px;
 font-family: verdana;
 margin-top: -485px;
 text-align: center;
 background-color: white;
 border-left: 1px solid gray;
 font-variant: small-caps;
 }

 .rtext a:link, .rtext a:visited{
 color: #565051;
 font-size: 0.85em;
 text-decoration: none;
 }

 .rtext a:hover{
 color: black;
 }

.rtext a:active{
text-decoration: none;
}

 .pic{
 margin-top: 50px;
 }

 .wb a:link, .wb a:visited{
color: silver;
text-decoration: none;
}

.wb a:hover{
color: white;
}

.wb a:active{
text-decoration: none;
}

 /*ABOUT US*/
 
 .t5{
width: 515px;
height: 595px;
margin-left: 25px;
font-family: verdana;
font-size: 0.75em;
color: gray;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
}
 
 .t6{
 width: 174px;
 height:500px;
 margin-left: 551px;
 font-family: verdana;
 margin-top: -565px;
 text-align: center;
 background-color: white;
 border-left: 1px solid gray;
 font-variant: small-caps;
 }

 .t6 a:link, .t6 a:visited{
 color: #565051;
 font-size: 0.85em;
 text-decoration: none;
 }

 .t6 a:hover{
 color: black;
 }

 .pic{
 margin-top: 50px;
 }

 .rtext{
 margin-top: 5px;
 }

 .more{
font-style: italic;
}

.more a:active{
text-decoration: none;
font-weight: bold;
 }

 .more a:link, .more a:visited{
 color: gray;
 text-decoration: none;
  font-weight: bold; 
  }

 .more a:hover{
 color: black;
 text-decoration: none;
  font-weight: bold; 
  }

.fam a:active{
text-decoration: none;
font-weight: bold;
}

 .fam a:link, .fam a:visited{
 color: gray;
 text-decoration: none;
 font-weight: bold;
  }

 .fam a:hover{
 color: black;
 text-decoration: none;
 font-weight: bold;
 }


/*BOARD*/

.body_board{
background-color: white;
width: 750px;
height: 900px;
margin: auto;
margin-top: -35px;
}

.t7{
 width: 174px;
 height:615px;
 margin-left: 551px;
 font-family: verdana;
 margin-top: -570px;
 text-align: center;
 background-color: white;
 border-left: 1px solid gray;
 font-variant: small-caps;
 }

 .t7 a:link, .t7 a:visited{
 color: #565051;
 font-size: 0.85em;
 text-decoration: none;
 }

 .t7 a:hover{
 color: black;
 }

 /*CONTACT US*/

.body_contact{
background-color: white;
width: 750px;
height: 1000px;
margin: auto;
margin-top: -35px;
}

.email a:link, .email a:visited{
text-decoration: none;
color: #565051;
}

.email a:hover{
color: gray;
}

.tcontact{
 width: 174px;
 height:700px;
 margin-left: 551px;
 font-family: verdana;
 margin-top: -560px;
 text-align: center;
 background-color: white;
 border-left: 1px solid gray;
 font-variant: small-caps;
 }

 .tcontact a:link, .t4 a:visited{
 color: #565051;
 font-size: 0.85em;
 text-decoration: none;
 }

 .tcontact a:hover{
 color: black;
 }

 /*EMPLOYMENT*/

 .tjobs{
 width: 174px;
 height:475px;
 margin-left: 551px;
 font-family: verdana;
 margin-top: -565px;
 text-align: center;
 background-color: white;
 border-left: 1px solid gray;
 font-variant: small-caps;
 }

 .tjobs a:link, .t4 a:visited{
 color: #565051;
 font-size: 0.85em;
 text-decoration: none;
 }

 .tjobs a:hover{
 color: black;
 }

 .address{
 text-align: center;
 }

 /*SCHOOL CALENDAR*/

 .body_calendar{
background-color: white;
width: 750px;
height: 1450px;
margin: auto;
margin-top: -35px;
}

.tcalendar{
 width: 174px;
 height:1150px;
 margin-left: 551px;
 font-family: verdana;
 margin-top: -560px;
 text-align: center;
 border-left: 1px solid gray;
 font-variant: small-caps;
 }

 .tcalendar a:link, .t4 a:visited{
 color: #565051;
 font-size: 0.85em;
 text-decoration: none;
 }

 .tcalendar a:hover{
 color: black;
 }
 
 .calendar{
margin-left: -5px
}

/*SITE MAP*/
.body_map{
background-color: white;
width: 750px;
height: 925px;
margin: auto;
margin-top: -35px;
}


.t9{
width: 500px;
height: 650px;
margin-left: 25px;
font-family: verdana;
font-size: 0.75em;
color: gray;
padding-left: 200px;
}


 .sites a:link, .sites a:visited{
text-decoration: none;
color: #565051;
}

.sites a:hover{
 color: black;
}

.sites a:active{
text-decoration: none;
}



 /*SUMMER*/

.body_summer{
background-color: white;
width: 750px;
height: 2300px;
margin: auto;
margin-top: -35px;
}
 
.t14{
width: 496px;
height: 1425px;
margin-left: 25px;
font-family: verdana;
font-size: 0.75em;
color: gray;
padding-left: 25px;
padding-right: 5px;
}

.t12{
 width: 174px;
 height: 2025px;
 margin-left: 551px;
 font-family: verdana;
 margin-top: -1400px;
 text-align: center;
 border-left: 1px solid gray;
 font-variant: small-caps;
 }

.wag a:link, .wag a:visited{
color: #565051;
text-decoration: none;
}

.wag a:hover{
color: black;
}

 .t12 a:link, .t4 a:visited{
 color: #565051;
 font-size: 0.85em;
 text-decoration: none;
 }

 .t12 a:hover{
 color: black;
 }

 .reg a:link, .reg a:visited{
 text-decoration: none;
 color: #C24641;
 }

 .reg a:hover{
 color: #565051;
 }

 .reg a:active{
 text-decoration: none;
 }

 .brochure a:link, .brochure a:visited{
text-decoration: none;
color: gray;
}

.brochure a:hover{
color: #565051;
}

 /*REGISTRATION & FEES*/

 .reg a:link, .reg a:visited{
 text-decoration: none;
 color: #C24641;
 }

 .reg a:hover{
 color: #565051;
 }

 .reg a:active{
 text-decoration: none;
 }

.body_fees{
background-color: white;
width: 750px;
height: 1625px;
margin: auto;
margin-top: -35px;
}

.tfees{
 width: 174px;
 height:1350px;
 margin-left: 551px;
 font-family: verdana;
 margin-top: -550px;
 text-align: center;
 background-color: white;
 border-left: 1px solid gray;
 font-variant: small-caps;
 }

 .tfees a:link, .t4 a:visited{
 color: #565051;
 font-size: 0.85em;
 text-decoration: none;
 }

 .tfees a:hover{
 color: black;
 }

 .dates{
margin-left: 150px;
 }

.fees{
margin-left: 5px
}

 /*STAFF*/

 .body_staff{
background-color: white;
width: 750px;
height: 975px;
margin: auto;
margin-top: -35px;
}

.t8{
 width: 174px;
 height:650px;
 margin-left: 551px;
 font-family: verdana;
 margin-top: -560px;
 text-align: center;
 border-left: 1px solid gray;
 font-variant: small-caps;
 }

 .t8 a:link, .t4 a:visited{
 color: #565051;
 font-size: 0.85em;
 text-decoration: none;
 }

 .t8 a:hover{
 color: black;
 }

/*FAQ*/
.body_faq{
background-color: white;
width: 750px;
height: 1200px;
margin: auto;
margin-top: -35px;
}

.t13{
 width: 174px;
 height: 900px;
 margin-left: 551px;
 font-family: verdana;
 margin-top: -550px;
 text-align: center;
 border-left: 1px solid gray;
 font-variant: small-caps;
 }


/*COMMUNITY PROGRAMS*/

.cp{
background-color: white;
width: 750px;
height: 875px;
margin: auto;
margin-top: -35px;
}

 .tcp{
 width: 174px;
 height:575px;
 margin-left: 551px;
 font-family: verdana;
 margin-top: -565px;
 text-align: center;
 background-color: white;
 border-left: 1px solid gray;
 font-variant: small-caps;
 }

 .tcp a:link, .t6 a:visited{
 color: #565051;
 font-size: 0.85em;
 text-decoration: none;
 }

 .tcp a:hover{
 color: black;
 }

.thumbnail{
float: left;
padding: 2px;
}

.adobe{
font-size: 0.85em;
text-decoration: none;
color: #56501;
}

.adobe a:link, .adobe a:visited{
text-decoration: none;
color: black;
}

.adobe a:hover{
color: gray;
}