* {
	padding: 0;
	margin: 0;
	border: 0;
}
html, body {
	background: #C9E8F7;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 19px;
	text-align: center;	
	color: #333333;
}
html {overflow-y: scroll}
#centerDIV {
	width: 854px;
	margin:0 auto;
	height: 100px;
	padding-top: 20px;
	position: relative;
}

#nav {
	width: 854px; height: 85px;
	float: left;
	background-image:url(../i/tabs.png);
	background-repeat:no-repeat;
	margin-top: 7px;
}
a#signUp, a#tuition, a#kodaly, a#teacher {
	text-decoration: none; font-weight: bold; font-size: 15px; margin-top: 30px;
}
a#signUp:hover, a#tuition:hover, a#kodaly:hover, a#teacher:hover {
	font-size: 16px;
}
a#signUp {width: 95px; float: left; margin-left: 282px; color: #F2E422;}
a#tuition {width: 176px; float: left; color: #21B24B;}
a#kodaly {width: 136px; float: left; color: #F23030;}
a#teacher {width: 155px; float: left; color: #FF9900;}
a#home, a#home:link, a#home:visited, a#home:hover, a#home:active {text-decoration: none; font-weight: bold; font-size: 15px; position: absolute; top: -60px; left: 20px; color: #fff;}
a#home:hover {font-size: 16px; color: #fff;}

#mainContent {width: 854px; clear: both; position: relative; background-color: #0487D9; min-height: 450px; text-align:left;}
#mainContent h2.fullWidth, #mainContent p.fullWidth {margin: 0 0 0 20px; width: 820px;}
#mainContent ul.fullWidth {padding: 0 20px 0 40px; text-align: left;}
li {margin-bottom: 7px;}
#mainContent h2 {font-size: 17px; margin-bottom: 10px;}
#mainContent h3 {font-size: 13px; margin-bottom: 5px;}
#mainContent a {color: #fff;}
.important { color: #032CA6; font-weight: bold;}
.important2 { color: #990033; font-weight: bold;}
.quote { color: #9c6128; font-style: italic; }
#logo {position: absolute; top: -70px; left: 7px;}
#gayle {position: absolute; top: -70px; left: 17px;}
#logoTop {position: absolute; top: -70px; left: 7px;}
#logoBottom {position: absolute; top: 38px; left: 7px;}
#kodalyQuote {position: absolute; top: 430px; left: 40px;}
#image1 {position: absolute; top: 200px; left: 8px;}
#image2 {position: absolute; top: 200px; left: 256px;}
#image3 {position: absolute; top: 400px; left: 256px;}
#image4 {position: absolute; top: 485px; left: 8px;}
#image5 {position: absolute; top: 550px; left: 144px;}
#image6 {position: absolute; top: 706px; left: 8px;}
#click_on_any_picture {position: absolute; top: 915px; left: 8px;}
.headerGraphic {margin:25px  0 15px 330px;}
.headerGraphic2 {margin:25px 0 15px 460px;}
.sectionheader{font: bold 18px Verdana, Helvetica, sans-serif; text-align:center;color: #000000;}
#blog_tab {position: absolute; top: -28px; left: 438px;}
#location_tab {position: absolute; top: -28px; left: 628px;}

div.RounderContainer {clear: both; width: 455px;  text-align: left; background-image:url(../i/topRounder.gif); background-repeat:no-repeat; background-color:#fff; padding: 0; margin: 0; margin-left: 384px;}
div.RounderContainer p, div.RounderContainer h2, div.RounderContainer h3, div.RounderContainer ul {width: 400px; margin: 0 auto;}
div.RounderContainerLeft {clear: both; width: 360px; text-align: left; background-image:url(../i/topRounderLeft.gif); background-repeat:no-repeat; background-color:#fff; padding: 0; margin: 0; position: absolute; top: 1152px; left: 8px; }
div.RounderContainerLeft p, div.RounderContainerLeft h2, div.RounderContainerLeft h3, div.RounderContainerLeft ul {width: 310px; margin: 0 auto;}
div.RounderContainerLeftBlog {clear: both; width: 360px; text-align: left; background-image:url(../i/topRounderLeft.gif); background-repeat:no-repeat; background-color:#fff; padding: 0; margin: 0; position: absolute; top: 530px; left: 8px; }
div.RounderContainerLeftBlog p, div.RounderContainerLeftBlog h2, div.RounderContainerLeftBlog h3, div.RounderContainerLeftBlog ul {width: 310px; margin: 0 auto;}
div.RounderContainerLeftClass {
	clear: both;
	width: 360px;
	text-align: left;
	background-image:url(../i/topRounderLeft.gif);
	background-repeat:no-repeat;
	background-color:#fff;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 420px;
	left: 8px;
}
div.RounderContainerLeftClass p, div.RounderContainerLeftClass h2, div.RounderContainerLeftClass h3, div.RounderContainerLeftClass ul {width: 310px; margin: 0 auto;}
div.RounderContainerLeftSick {
	clear: both;
	width: 360px;
	text-align: left;
	background-image:url(../i/topRounderLeft.gif);
	background-repeat:no-repeat;
	background-color:#fff;
	padding: 0;
	margin: 0;
}
div.RounderContainerLeftSick p, div.RounderContainerLeftSick h2, div.RounderContainerLeftSick h3, div.RounderContainerLeftSick ul {width: 310px; margin: 0 auto;}
.redText, #mainContent a.redText {color: #F23030;}
.purpleText {color: #663399;}
.blueText {color: #0487D9;}
.greenText {color: #21B24B;}
#footer {width: 855px; height: 46px; background-image:url(../i/footer-y.gif); background-repeat:no-repeat; background-color: #C9E8F7; padding-bottom: 10px;}
#footer p {font-size: 13px; width: 854px; margin: 0; text-align:center; color: #21B24B; padding-top: 5px;}
#footer a {color: #21B24B;}
#footer a:hover, #footer a:active {color: #0487D9;}

a#blog, a#blog:link, a#blog:visited, a#blog:active {text-decoration: none; font-weight: bold; font-size: 15px; position: absolute; top: -24px; left: 510px; color: #F2E422;}
a#blog:hover {font-size: 16px; color: #F2E422;}

a#location, a#location:link, a#location:visited, a#location:hover, a#location:active {text-decoration: none; font-weight: bold; font-size: 15px; position: absolute; top: -24px; left: 655px; color: #fff;}
a#location:hover {font-size: 16px; color: #fff;}

a#links, a#links:link, a#links:visited, a#links:active {color: #333333; font-weight: bold;text-decoration:none;}
a#links:hover {text-decoration:underline;  }