#title
{width: 1300px;
height: 130px;
position: fixed;
top: 0px;
left: 0px;
}

#learn
{width: 150px;
height: 48px;
position: fixed;
top: 130px;
left: 0px;
}


a.us {
display:block;
width:150px;
height:36px;
text-indent:-500px;
background:url(images/us.png);
text-decoration:none;
position:fixed;
top:178px;
left:0px;
}

a:hover.us{
background-position:0 -36px;
}

#us_over
{width: 150px;
height: 36px;
position: fixed;
top:178px;
left:0px;
}



a.classes {
display:block;
width:150px;
height:59px;
text-indent:-500px;
background:url(images/classes.png);
text-decoration:none;
position:fixed;
top:214px;
left:0px;
}

a:hover.classes{
background-position:0 -59px;
}

#classes_over
{width: 150px;
height: 59px;
position: fixed;
top:214px;
left:0px;
}



a.news {
display:block;
width:150px;
height:83px;
text-indent:-500px;
background:url(images/news.png);
text-decoration:none;
position:fixed;
top:273px;
left:0px;
}

a:hover.news{
background-position:0 -83px;
}

#news_over
{width: 150px;
height: 83px;
position: fixed;
top:273px;
left:0px;
}



a.activities {
display:block;
width:150px;
height:63px;
text-indent:-500px;
background:url(images/activities.png);
text-decoration:none;
position:fixed;
top:356px;
left:0px;
}

a:hover.activities{
background-position:0 -63px;
}

#activities_over
{width: 150px;
height: 63px;
position: fixed;
top:356px;
left:0px;
}



a.enrolling {
display:block;
width:150px;
height:41px;
text-indent:-500px;
background:url(images/enrolling.png);
text-decoration:none;
position:fixed;
top:419px;
left:0px;
}

a:hover.enrolling{
background-position:0 -41px;
}

#enrolling_over
{width: 150px;
height: 41px;
position: fixed;
top:419px;
left:0px;
}




#spacer_top
{width: 340px;
height: 30px;
position: fixed;
top: 130px;
left: 210px;
}

#spacer_link
{width: 60px;
height: 510px;
position: fixed;
top: 130px;
left: 150px;
}

#spacer_right
{width: 500px;
height: 810px;
position: fixed;
top: 130px;
left: 743px;
}

#spacer_bottom
{width: 150px;
height: 540px;
position: fixed;
top: 460px;
left: 0px;
}

#bodytext
{-moz-column-width: 400px; /* Firefox */
-webkit-column-width: 400px; /* Safari and Chrome */
max-width: 330px;
margin-top: 180px;
margin-left: 205px;
font-size: 14px;
line-height: 120%;
color: #black;
font-family: Gill Sans, Trebuchet MS, Calibri, sans-serif;
}

.intro_head
{color: #0099CC;
font-size: 18px;
line-height: 120%;
}

.us_head
{color: #FF6600;
font-size: 18px;
line-height: 120%;
}

.classes_head
{color: #99CC33;
font-size: 18px;
line-height: 120%;
}

.news_head
{color: #CC0066;
font-size: 18px;
line-height: 120%;
}

.activities_head
{color: #FFCC00;
font-size: 18px;
line-height: 120%;
}

.enrolling_head
{color: #339999;
font-size: 18px;
line-height: 120%;
}


.apat
{color: #FFCC00;
}



.subhead
{font-weight: bold;
}

.italic
{color: #696969;
font-style: italic;
}

.address
{color: #FF6600;
}



#img1
{
position: fixed;
top: 200px;
left: 630px;
transform:rotate(8deg);
-ms-transform:rotate(8deg); /* IE 9 */
-moz-transform:rotate(8deg); /* Firefox */
-webkit-transform:rotate(8deg); /* Safari and Chrome */
-o-transform:rotate(8deg); /* Opera */
}

#img2
{
position: fixed;
top: 420px;
left: 600px;
transform:rotate(-6deg);
-ms-transform:rotate(-6deg); /* IE 9 */
-moz-transform:rotate(-6deg); /* Firefox */
-webkit-transform:rotate(-6deg); /* Safari and Chrome */
-o-transform:rotate(-6deg); /* Opera */
}

#img3
{
position: fixed;
top: 500px;
left: 20px;
transform:rotate(4deg);
-ms-transform:rotate(4deg); /* IE 9 */
-moz-transform:rotate(4deg); /* Firefox */
-webkit-transform:rotate(4deg); /* Safari and Chrome */
-o-transform:rotate(4deg); /* Opera */
}

#img4
{
position: fixed;
top: 150px;
left: 600px;
transform:rotate(-6deg);
-ms-transform:rotate(-6deg); /* IE 9 */
-moz-transform:rotate(-6deg); /* Firefox */
-webkit-transform:rotate(-6deg); /* Safari and Chrome */
-o-transform:rotate(-6deg); /* Opera */
}

#img5
{
position: fixed;
top: 420px;
left: 600px;
transform:rotate(6deg);
-ms-transform:rotate(6deg); /* IE 9 */
-moz-transform:rotate(6deg); /* Firefox */
-webkit-transform:rotate(6deg); /* Safari and Chrome */
-o-transform:rotate(6deg); /* Opera */
}

#img6
{
position: fixed;
top: 500px;
left: 20px;
transform:rotate(-8deg);
-ms-transform:rotate(-8deg); /* IE 9 */
-moz-transform:rotate(-8deg); /* Firefox */
-webkit-transform:rotate(-8deg); /* Safari and Chrome */
-o-transform:rotate(-8deg); /* Opera */
}

#img7
{
position: fixed;
top: 180px;
left: 620px;
transform:rotate(4deg);
-ms-transform:rotate(4deg); /* IE 9 */
-moz-transform:rotate(4deg); /* Firefox */
-webkit-transform:rotate(4deg); /* Safari and Chrome */
-o-transform:rotate(4deg); /* Opera */
}

#img8
{
position: fixed;
top: 420px;
left: 600px;
transform:rotate(-8deg);
-ms-transform:rotate(-8deg); /* IE 9 */
-moz-transform:rotate(-8deg); /* Firefox */
-webkit-transform:rotate(-8deg); /* Safari and Chrome */
-o-transform:rotate(-8deg); /* Opera */
}

#img9
{
position: fixed;
top: 500px;
left: 20px;
transform:rotate(8deg);
-ms-transform:rotate(8deg); /* IE 9 */
-moz-transform:rotate(8deg); /* Firefox */
-webkit-transform:rotate(8deg); /* Safari and Chrome */
-o-transform:rotate(8deg); /* Opera */
}

#img10
{
position: fixed;
top: 200px;
left: 600px;
transform:rotate(-8deg);
-ms-transform:rotate(-8deg); /* IE 9 */
-moz-transform:rotate(-8deg); /* Firefox */
-webkit-transform:rotate(-8deg); /* Safari and Chrome */
-o-transform:rotate(-8deg); /* Opera */
}

#img11
{
position: fixed;
top: 420px;
left: 600px;
transform:rotate(6deg);
-ms-transform:rotate(6deg); /* IE 9 */
-moz-transform:rotate(6deg); /* Firefox */
-webkit-transform:rotate(6deg); /* Safari and Chrome */
-o-transform:rotate(6deg); /* Opera */
}

#img12
{
position: fixed;
top: 500px;
left: 20px;
transform:rotate(-4deg);
-ms-transform:rotate(-4deg); /* IE 9 */
-moz-transform:rotate(-4deg); /* Firefox */
-webkit-transform:rotate(-4deg); /* Safari and Chrome */
-o-transform:rotate(-4deg); /* Opera */
}

#img13
{
position: fixed;
top: 180px;
left: 600px;
transform:rotate(6deg);
-ms-transform:rotate(6deg); /* IE 9 */
-moz-transform:rotate(6deg); /* Firefox */
-webkit-transform:rotate(6deg); /* Safari and Chrome */
-o-transform:rotate(6deg); /* Opera */
}

#img14
{
position: fixed;
top: 420px;
left: 600px;
transform:rotate(-6deg);
-ms-transform:rotate(-6deg); /* IE 9 */
-moz-transform:rotate(-6deg); /* Firefox */
-webkit-transform:rotate(-6deg); /* Safari and Chrome */
-o-transform:rotate(-6deg); /* Opera */
}

#img15
{
position: fixed;
top: 500px;
left: 20px;
transform:rotate(8deg);
-ms-transform:rotate(8deg); /* IE 9 */
-moz-transform:rotate(8deg); /* Firefox */
-webkit-transform:rotate(8deg); /* Safari and Chrome */
-o-transform:rotate(8deg); /* Opera */
}

#img16
{
position: fixed;
top: 180px;
left: 600px;
transform:rotate(-4deg);
-ms-transform:rotate(-4deg); /* IE 9 */
-moz-transform:rotate(-4deg); /* Firefox */
-webkit-transform:rotate(-4deg); /* Safari and Chrome */
-o-transform:rotate(-4deg); /* Opera */
}

#img17
{
position: fixed;
top: 420px;
left: 610px;
transform:rotate(8deg);
-ms-transform:rotate(8deg); /* IE 9 */
-moz-transform:rotate(8deg); /* Firefox */
-webkit-transform:rotate(8deg); /* Safari and Chrome */
-o-transform:rotate(8deg); /* Opera */
}

#img18
{
position: fixed;
top: 500px;
left: 20px;
transform:rotate(-8deg);
-ms-transform:rotate(-8deg); /* IE 9 */
-moz-transform:rotate(-8deg); /* Firefox */
-webkit-transform:rotate(-8deg); /* Safari and Chrome */
-o-transform:rotate(-8deg); /* Opera */
}

.boxedgreen {
  border: 3px double green ;
  float:left;
  background-color:#fff;
  height:auto;
  padding:5%;
  width:95%;
}

.boxedpink {
  border: 2px solid #BD0F40 ;
  float:left;
  background-color:#fff;
  height:auto;
  padding:5%;
  width:95%;
}

.boxedblue {
  border: 2px solid #185ABD ;
  float:left;
  background-color:#fff;
  height:auto;
  padding:5%;
  width:95%;
}

.boxedyellow {
  border: 2px solid #FFCC00 ;
  float:left;
  background-color:#fff;
  height:auto;
  padding:5%;
  width:95%;
}

.boxedred {
  border: 2px solid #DC143C ;
  float:left;
  background-color:#fff;
  height:auto;
  padding:5%;
  width:95%;
}

td {
  padding-right: 3px;
  padding-left: 3px;
}

