@charset "utf-8";
/* CSS Document */

BODY {
margin: 0px 0px 0px;
 background: #efefef url("./images/teachback.jpg") repeat-x;
}

h1{
 FONT-SIZE: 18px;
  FONT-FAMILY: arial;
  margin-bottom: 0px;
}h2{ FONT-SIZE: 15px;  FONT-FAMILY: arial;  margin-bottom: 0px;}

DIV.mainbody {
  FONT-SIZE: 14px;
  COLOR: white;
  FONT-FAMILY: arial;
  WIDTH: 875px; 
  margin-left:auto;
  margin-right:auto;
}

DIV.logoarea{
 background: url("./images/header.jpg") no-repeat;
 width: 875px;
 height: 227px;
}

DIV.topmenuleft{
float: left;
 width: 300px;
 color: white;
font-family: arial;
font-size : 14px;
 padding-top: 191px;
 padding-left: 35px;
}


DIV.topmenuright{
float: left;
 width: 510px;
 color: white;
font-family: arial;
font-size : 14px;
 text-align: right;
 padding-top: 191px;
}
 
DIV.maincontent {
background: #acacac url("./images/midBack.jpg") repeat-x;
WIDTH: 829px;
margin-left: 24px;

}

DIV.maincontent2 {
background: #acacac url("./images/midBack.jpg") repeat-x;
padding-left: 35px;
padding-top: 10px;
width: 717px;
margin-left: 16px;
}

DIV.leftContent {
float: left;
WIDTH: 500px;
color: white;
font-size: 14px;
padding-top: 10px;
padding-left: 20px;
}

DIV.rightContent {
float: left;
WIDTH: 275px;
font-size: 14px;
padding-top: 10px;
padding-left: 22px;
}

DIV.leftWording{
width: 510px;
font-family: arial;
font-size: 16px;
color: #2b2b2b;
padding-top: 15px;
padding-left: 15px;
}

DIV.infobox {
background: url("./images/bottomwhitebox.jpg") no-repeat;
padding-left: 35px;
padding-top: 10px;
width: 511px;
height: 391px;
color: black;
margin-top: 20px;
}

DIV.infobox2 {
background: white;
padding-left: 20px;
padding-top: 10px;
padding-right: 20px;
width: 475px;
color: black;
margin-top: 20px;
padding-bottom: 15px;
}

DIV.sidewhite {
background: white;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
width: 255px;
color: black;
padding-bottom: 10px;
}

div.boxwording{
margin-top: 15px;
margin-left: 5px;
width: 450px;
color:black;
}

DIV.pianoback {
background: url("./images/pianobottom.jpg") no-repeat;
width: 830px;
height: 98px;
}

DIV.clear{
DISPLAY: block;
CLEAR:both;
}

DIV.footer{
 background: url("./images/footerBack.jpg") no-repeat;
  WIDTH: 875px;
  height: 30px;
}

DIV.footerNav{
float: left;
width: 400px;
padding-top: 3px;
padding-left: 28px;
 color: white;
  font-size:11px;
  font-family: arial;
}

DIV.copyright {
float: left;
padding-top: 3px;
color: white;
width: 415px;
text-align: right;
font-size: 11px;
font-family: arial;
}

A.headerlink:link {
text-decoration: none;
color: white;
font-family: arial;
font-size : 14px;
}

A.headerlink:visited {
text-decoration:  none;
color: white;
font-family: arial;
font-size : 14px;
}


A.headerlink:hover {
color: #abc9ed;
font-family: arial;
font-size : 14px;
 }

A.headerlink:active {
color: #abc9ed;
font-family: arial;
font-size : 14px;
}

A.footerlink:link {
text-decoration: none;
color: white;
font-family: arial;
font-size : 11px;
}

A.footerlink:visited {
text-decoration:  none;
color: white;
font-family: arial;
font-size : 11px;
}


A.footerlink:hover {
color: #abc9ed;
font-family: arial;
font-size : 11px;
 }

A.footerlink:active {
color: #abc9ed;
font-family: arial;
font-size : 11px;
}