body {

  margin: 0;

  padding: 0;
  width: 1150px;
  background-color: #8DCFF4;
  color: white;
  
  
  
}

#wrapper{background-color:#8DCFF4;

color:black;
margin: 30px 40px 30px 40px;
padding: 10px;
}


.change{
 font-family: Pristina , Brush Script MT, Arial, Helvetica, Verdana, sans-serif;

font-size: 5em}

#header-bottom {border-top: 1px solid #b9d2e3;
border-bottom: 1px solid #b9d2e3;

}
#header-bottom li {

display: inline}

#tagline {
font-weight : bold;
margin :0;
padding:0 0 0 20px;
width: 300px;
float : left;}

#header-bottom ul {
margin: 0;
padding: 0 30px 0 0;
text-align : right;}



p{padding-left:5px;}


#content{margin: 0 0 0 220px;
border: 1px solid black;
background-color:#8DCFF4;
color:black;
padding:0 0 0 10px;}


.h1{text-align:center;}
#main{margin-top: 10px;}

.comic{font-family: "Comic Sans MS";
font-size:24px;
font-style:italic;
font-weight:bold;}

#sidebarright{position:absolute;
top:0;
right:0;
width: 220px;

color:white;
margin:0;
padding:0;}


#sidebarleft{position:absolute;
top:0;
left:0;
width: 220px;

color:white;
margin:0;
padding:0;}




#main{position: relative;
top:0;
left:220;
width: 100%;
margin-top: 10px;}



#SchoolPhoto{float:left;
padding:30px;
border: 1px solid #b9d2e3;}




table.schedule {
  clear: right;
  width: 90%;
   height:100%;
  line-height: 1.4em;
  border-collapse: collapse;
  border: 4px solid #adbbca;
  color: #4f6480;
  background: #f0f0f0;
}
table.schedule caption {
  margin: 0;
  padding: 0;
  color: #032469;
  line-height: 2em;
  text-align: left;
  font-weight: bold;
}
table.schedule33 thead tr {
  color: white;
  background: #5e7796;
}
table.schedule thead tr th {
  padding: 0.4em 0.6em 0.4em 0.6em;
  border: 4px solid #adbbca;
}
table.schedule tbody tr {
  border: 4px solid #adbbca;
}
table.schedule tbody th {
  padding: 0.6em;
  border: 4px solid #adbbca;
}
table.schedule tbody td {
  background: #e9ecee;
  padding-left:  0.6em;
  border: 4px solid #ccc;
 text-align: center;
}

table.schedul {
  clear: right;
  width: 90%;
   height:100%;
  line-height: 1.4em;
  border-collapse: collapse;

  color: #000000;
  background: #A5D8F6;
}
table.schedul caption {
  margin: 0;
  padding: 0;
  color: #032469;
  line-height: 2em;
  text-align: left;
  font-weight: bold;
}
table.schedul thead tr {
  color: black;
  background:#8DCFF4;
}
table.schedul thead tr th {
  padding: 0.4em 0.6em 0.4em 0.6em;
  
}



table.schedul tbody th {
  padding: 0.6em;
 
}
table.schedul tbody td {
  background: #8DCFF4;
  padding-left:  0.6em;
 
 text-align: center;
}







table.schedule3{
  clear: right;
  width: 90%;
   height:100%;
  line-height: 1.4em;
  border-collapse: collapse;
  border: 4px solid #adbbca;
  color: #4f6480;
  background: #f0f0f0;
}
table.schedule3 caption {
  margin: 0;
  padding: 0;
  color: #032469;
  line-height: 2em;
  text-align: left;
  font-weight: bold;
}
table.schedule3 thead tr {
  color: white;
  background: #5e7796;
}
table.schedule3 thead tr th {
  padding: 0.4em 0.6em 0.4em 0.6em;
  border: 4px solid #adbbca;
}
table.schedule3 tbody tr {
  border: 4px solid #adbbca;
}
table.schedule3 tbody th {
  padding: 0.6em;
  border: 4px solid #adbbca;
}
table.schedule3 tbody td {
  background: #e9ecee;
  padding-left:  0.6em;
  border: 4px solid #ccc;
 text-align: center;
}

table.schedule3 td {
width : 45%;

}


























ol.alpha{list-style-type:lower-alpha;}

ol{list-style-type:decimal;}

ol ol{list-style-type:lower-alpha;}

ol ol ol{list-style-type:lower-roman;}

.buttons{
background-color:#0000ff;
color: #ffff00;}


#menu ul {
margin-left: - 2.5em;
}

#menu li{
list-style-type : none;
float: left;
width: 8em;
text-align: center;


}


#menu a {
text-decoration: none;
color : #ffff00;
display : block;
border : 3px blue outset;
background-color:#0000ff;
}

#menu a:hover {
border: 3px green inset;

}