body {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   line-height: 125%;
      
}


#navcontainer
{
width: 955px;
float: center;
position: absolute;
background-color: #666633;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{
margin-left: 160px;
margin-right: 140px;
color: #FFFFFF;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: .65em;
letter-spacing: 2px;
font-weight: bold;
}

#navcontainer ul li a
{
padding: 0.2em 20px;
background-color: #666633;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #FFFFFF;
}

#navcontainer ul li a:hover
{
background-color: #336600;
color: #FFFFFF;
}

#navlist li a:hover, #navlist li a:active
{
color: #FFFFFF;
text-decoration: none;
background: #336600;
text-align: left;
text-transform: uppercase;
font: bold normal 10px/16px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}



#refer {
  width: 820px;
  position: absolute;
  top: 285px;
  left: 140px;
  height: 100px;
  font-size: 90%; 
  padding-left: 10px;
    
}

#one, #two, #three, #four {
  width: 300px;
  position: absolute;
  height: 250px;
  padding: 10px;
  font-size: 75%; 
}

#refer a {
  text-decoration: none;
  color: #666633;
}

#refer a:hover {
  text-decoration: underline;
}

#one a {
  text-decoration: none;
  color: #666633;
}

#one a:hover {
  text-decoration: underline;
}

#two a {
  text-decoration: none;
  color: #666633;
}

#two a:hover {
  text-decoration: underline;
}


#three a {
  text-decoration: none;
  color: #666633;
  
}

#three a:hover {
  text-decoration: underline;
}


#four a {
  text-decoration: none;
  color: #666633;
}

#four a:hover {
  text-decoration: underline;
}



#one, #two {
  top: 315px;
}

#one {
  left: 180px;}

#two {
  left: 520px;
 
}


#three {
  top: 600px;
  left: 180px;
}

#four {
  top: 600px;
  left: 520px;
}

#one, #three {
  border-right: dashed #666633;
}

.no-bullet {
  padding: 0;
  margin: 0;
}

.no-bullet li {
  list-style-type: none;
  font-size: 75%;
}

.no-bullet a  {
  color: #666633;
  text-decoration: none;
}

.no-bullet a:hover  {
  color: #336600;
  text-decoration: underline;
}

h4 {
   margin-bottom: 3px;
}



#leftmenu {
  position: absolute;
  top: 275px;
  border-bottom: 1px solid #666633;
  width: 135px; 
  height: 175px;
  line-height: 100%;

  
}


#leftmenu2 {
  position: absolute;
  top: 440px;
  border-bottom: 1px solid #666633;
  width: 135px;
  height: 115px;
  line-height: 100%;
}

#leftmenu3 {
  position: absolute;
  top: 545px;
 border-bottom: 1px solid #666633;
  width: 135px;
  height: 100px;
  line-height: 100%;
}

#leftmenu4 {
  position: absolute;
  top: 635px;
  border-bottom: 1px solid #666633;
  width: 135px;
  height: 85px;
  line-height: 100%;
}

#leftmenu5 {
  position: absolute;
  top: 715px;
  border-bottom: 1px solid #666633;
  width: 135px;
  height: 150px;
  line-height: 100%;
}



h1 {
  line-height: 105%;
}

#aboutus {
  position: absolute;
  top: 270px;
  left: 170px;
  width: 655px;
  font-size: 75%;
  border-left: 1px solid #666633;  
  padding: 8px;
}

#aboutus a  {
  color: #666633;
  text-decoration: none;
}

#aboutus a:hover  {
  text-decoration: underline;
}


#aboutus2 {
  position: absolute;
  top: 270px;
  left: 170px;
  width: 755px;
  font-size: 75%;
  border-left: 1px solid #666633;  
  padding: 8px;
}

#aboutus2 a  {
  color: #666633;
  text-decoration: none;
}

#aboutus2 a:hover  {
  text-decoration: underline;
}


#summerlogo {
  position: absolute;
  top: 10px;
  width: 400px;
  
}


#forms {
  position: absolute;
  left: 425px;
  top: 67px;
  width: 300px;
  padding-left: 10px;
  border-left: 1px solid #666633;  
 
}

#forms2 {
  position: absolute;
  left: 525px;
  top: 96px;
  width: 350px;
  height: 420px;
  padding-left: 15px;
  
  }
  
#forms3 {
  position: absolute;
  left: 525px;
  top: 0px;
  width: 300px;
  height: 320px;
  padding-left: 10px;
  } 


#contact {
  position: absolute;
  top: 270px;
  left: 170px;
  width: 655px; 
  height: 800px;
  font-size: 75%;
  border-left: 1px solid #666633;
  padding: 8px;
}

#phone {
  position: absolute;
  left: 300px;
  top: 67px;
  width: 300px;
  height: 290px;
  padding-left: 10px;
  }

#openhouse {
  position: absolute;
  top: 270px;
  left: 625px;
  width: 275px;
  height: 150px;
  padding-left: 25px;
  padding-top: 5px;
  border-left: 1px solid #666633;
  font-size: 75%;
 
  }

#class1 {
 position: absolute;
 font-size: 80%;
  top: 270px;
  left: 170px;
  width: 445px;
 padding: 5px;
}



#bio1 {
 position: absolute;
 border: 2px solid #336600;
 font-size: 80%;
 line-height: 110%;
 top: 270px;
 left: 625px; 
 width: 312px;
 padding: 7px;
}

#class2 {
 position: absolute;
 font-size: 80%;
  left: 170px;
  top: 490px;
  width: 350px;
 padding: 5px;
}

#bio2 {
 position: absolute;
 font-size: 80%;
 top: 470px;
left: 620px; 
width: 375px;
 padding: 5px;
}

#bio1 img, #class3 img, #bio3 img {
  border: 1px solid #336600;
}

#bio1 a, bio2 a, #class3 a, #bio3 a, #class4 a, #class5 a {
  text-decoration: none;
  color: #666633;
}

#bio1 a:hover, bio2 a:hover, #class3 a:hover, #bio3 a:hover, #class4 a:hover, #class5 a:hover {
  text-decoration: underline;
}


#class3 {
 position: absolute;
 font-size: 80%;
  border: 2px solid #336600;
  left: 170px;
  top: 725px;
  width: 300px;
 padding: 5px;
 
}

#bio3 {
 position: absolute;
 font-size: 80%;
  border: 2px solid #336600;
  left: 170px;
  top: 985px;
  width: 300px;
 padding: 5px;
 line-height: 110%;
}

#class4 {
 position: absolute;
 font-size: 80%;
 top: 715px;
left: 545px; 
width: 375px;
 padding: 5px;
}

#class5 {
 position: absolute;
 font-size: 80%;
  left: 545px;
  top: 990px;
  width: 350px;
 padding: 5px;
}

#classsub {
 position: absolute;
 font-size: 80%;
  left: 170px;
  top: 710px;
  width: 350px;
 padding: 5px;
}

#classteendrums {
 position: absolute;
 font-size: 80%;
  left: 545px;
  top: 825px;
  width: 350px;
 padding: 5px;
}


#classsubalt {
 position: absolute;
 font-size: 80%;
  left: 170px;
  top: 750px;
  width: 350px;
 padding: 5px;
}

#class1alt {
 position: absolute;
 font-size: 80%;
  top: 290px;
  left: 170px;
  width: 445px;
 padding: 5px;
}






#class2alt {
 position: absolute;
 font-size: 80%;
  left: 170px;
  top: 525px;
  width: 350px;
 padding: 5px;
}

#bio2alt {
 position: absolute;
 font-size: 80%;
 top: 525px;
left: 620px; 
width: 375px;
 padding: 5px;
}


#class3alt {
 position: absolute;
 font-size: 80%;
  left: 170px;
  top: 760px;
  width: 350px;
 padding: 5px;
}

#class4alt {
 position: absolute;
 font-size: 80%;
 top: 720px;
left: 545px; 
width: 375px;
 padding: 5px;
}

#class5alt {
 position: absolute;
 font-size: 80%;
  left: 170px;
  top: 1015px;
  width: 350px;
 padding: 5px;
}

#class6 {
 position: absolute;
 font-size: 80%;
  left: 170px;
  top: 1275px;
  width: 350px;
 padding: 5px;
}

#aboutus2 {
  position: absolute;
  top: 270px;
  left: 170px;
  width: 655px;
  font-size: 75%;
  border-left: 1px solid #666633;
  
  padding: 8px;
}

#aboutus2 a  {
  color: #666633;
  text-decoration: none;
}

#aboutus2 a:hover  {
  text-decoration: underline;
}

#carlo {
  position: absolute;
  font-size: 90%;
  left: 0px;
  top: 375px;
  width: 325px;
  padding: 5px;
}

#carol {
  position: absolute;
  font-size: 90%;
  left: 350px;
  top: 220px;
  width: 350px;
  padding: 5px;
}

#float {
    position: absolute;
    top: 33px;
    left: 148px;
    width: 140px;
    color: white;
}

#float a {
  text-decoration: none;
  color: #000000;
  
}

#float a:hover {
  text-decoration: underline;
}

#bioart {
 position: absolute;
 font-size: 80%;
 line-height: 110%;
 top: 265px;
 left: 625px; 
 width: 318px;

 
}

#bioart img {
  border: 2px solid #336600;
}

#float2 {
    position: absolute;
    top: 33px;
    left: 0px;
    width: 140px;
    color: #FFFFFF;
    padding-left: 10px;
    background-color: #000000;
}

#float2 a {
  text-decoration: none;
  color: #FFFFFF;
}

#float2 a:hover {
  text-decoration: underline;
  
#summercamp {
  position: absolute;
  top: 370px;
  left: 470px;
  width: 200px;
  border: 1px solid red;  
  padding: 8px;
}

#summercamp a  {
  color: #666633;
  text-decoration: none;
}

#summercamp a:hover  {
  text-decoration: underline;
}