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

body
{
	background: #003be4;
	margin: 0 auto 0 auto;
	text-align: center;
	color: #000000;
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 16px;
}


a 
{
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #8cc63f;
	text-decoration: underline;
}
a:link { color: #8cc63f; }
a:visited { color: #8cc63f; }

a:hover
{
	color: #00a4e3;
}

#headerWrapper
{
	background: #a0dbe8 url(../images/header-2-bg.png) center top repeat-x;
	width: 100%;
	height: 180px;
	margin: 0;
	text-align: center;
}

#contentWrapper
{
	margin: 0 auto 0 auto;
	text-align: center;
	width: 960px;
	
}

#mainContent
{
	margin: 20px auto 0 auto;
	padding: 4px;
	width: 898px;
	background: #ffffff;
	
}

#mainContent h1
{
	clear: both;
	text-align: left;
	color: #8cc63f;
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 36px;
	font-weight: bold;
	
}

#mainContent h2
{
	text-align: left;
	color: #8cc63f;
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin: 1em 0 0 0;
}

#mainContent h3
{
	clear: both;
	text-align: left;
	color: #00a4e3;
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin: 1em 0 0 0;
	border-top: 2px solid #00a4e3;
	
}

#mainContent p
{
	text-align: left;
}

#mainContent p.subTitle
{
	text-align: left;
	font-weight: bold;
	margin: 1em 0 0 0;
}

.classListing
{
	text-align: center;
	width: 100%;
}
.classList
{
	clear: both;
	border-top: 2px solid #00a4e3;
	text-align: left;
	width: 700px;
	margin: 10px auto 10px auto;
}

.classList .picture
{
	width: 180px;
	margin: 20px 10px 10px 0;
	float: left;
	position: relative;
}

.classList p
{
	margin-left: 190px;
}

.bottomLinks
{
	text-align: center;
	margin: 0 auto 0 auto;
	width: 700px;
}
.bottomLinks img
{
	margin: 4px 20px 4px 20px;
	top: 0;
}

#menuArea
{
	margin: -30px 129px 6px 129px;
	width: 630px;
	height: 56px;
	background: url(../images/menu_background.png) top center no-repeat;
	float: left;
	position: relative;
	text-align: center;
}
#footer
{
	clear: both;
	margin: 10px auto 10px 0;
	width: 100%;
	background: #00a4e3;
	text-align: center;
	font: 8pt Arial, Helvetica, sans-serif;
	color: #003be4;
}

#footerContent
{
	clear: both;
	margin: 0 auto 0 auto;
	padding: 4px;
	width: 960px;
	text-align: right;

}

.footerLeftContent
{
	float: left;
	text-align: left;
	position: relative;
	width: 580px;
	
}

#footerContent p
{
	margin: 0;
}

#footer a
{
	font: bold 8pt Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: underline;
}

#footer a:link { color: #ffffff; }
#footer a:visited { color: #ffffff; }

#footer a:hover
{
	color: #000000;
}


.clear
{
	clear: both;
}

.testimonial
{
	margin: 10px 20px 40px 20px;
	border-top: 2px solid #8cc63f;
	padding: 4px 20px 0 20px;
}
.rightPicture280
{
	width: 280px;
	margin: 4px 0 4px 4px;
	position: relative;
	float: right;
}

.leftPicture280
{
	width: 280px;
	margin: 4px 4px 4px 0;
	position: relative;
	float: left;
}

.staff
{
	clear: both;
}

.staff .staffImage
{
	float: left;
	position: relative;
	margin: 0 4px 4px 0;
	width: 150px;
	height: 150px;
	border: 2px solid #00a4e3;
}