@charset "utf-8";

/***
RESET
***/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.25;
	background-color:#000000;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***
END RESET

START LAYOUT
***/

h1 {
font-size:21px;
font-weight:bolder;
margin:15px 5px 5px 0;
padding:7px 0px 6px 0px;
text-align:center;
}
h2 {
font-size:18px;
font-weight:bolder;
margin:15px 5px 5px 0;
padding:7px 0px 6px 0px;
border-bottom:solid thin #FFFFFF;
}
h3 {
font-size:18px;
font-weight:bolder;
margin:0;
padding:0;
text-align:center;
}
h4 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:bolder;
margin:12px 0px 0px;
padding:0;
color:#fc008e;
}
h5 {
font-size:16px;
font-weight:bolder;
margin:15px 5px 5px 0;
padding:7px 0px 6px 0px;
}

p {
margin:0;
padding:6px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height::16px;
}

a:link {
color:#fc008e;
font-weight:600;
text-decoration:none;
}

a:visited {
color:#fc008e;
font-weight:600;
text-decoration:none;
}

a:hover {
color:#fc008e;
font-weight:600;
text-decoration:underline;
}

a {
color:#fc008e;
font-weight:600;
text-decoration:none;
}

#backgroundBottom {
margin:0;
padding:0;
background-color:#000000;
}

#backgroundTop {
margin:0;
padding:0;
background-image:url(../images/backgroundTop.jpg);
background-repeat:repeat;
background-color:#c9c9c9;
}

#border {
margin:0;
padding:0;
height:14px;
border-bottom: 1px solid #000000;
background-image:url(../images/border.jpg);
background-repeat:repeat-x;
}

#businessesrock {
margin:0;
padding:0px;
height:75px;
width:285px;
background-image:url(../images/businessesrock.jpg);
background-repeat:no-repeat;
}

#yelp {
margin:0;
padding:0px;
height:75px;
width:285px;
background-image:url(../images/yelp.jpg);
background-repeat:no-repeat;
}
#facebook {
margin:0;
padding:0px;
height:75px;
width:285px;
background-image:url(../images/facebook.png);
background-repeat:no-repeat;
}

#callout {
margin:0;
padding:5px;
width:571px;
font-size:16px;
color:white;
background-color:#fc008e;
}

#contact {
float:left;
margin:0 1px;
padding:2px;
height:470px;
width:294px;
background-image:url(../images/contact.jpg);
background-repeat:no-repeat;
}

#contact a {
 color: black;
 text-decoration: none;
}

#contact a:hover {
 text-decoration: underline;
}

#contact li {
 font-weight: bold;
 color: black;
}

#contactWriting {
margin:0;
padding:10px;
height:373px;
width:278px;
color:#FFFFFF;
}

#content {
float:left;
margin:0 1px;
padding:2px;
width:585px;
background-image:url(../images/content.jpg);
background-repeat:repeat-y;
}

#contentWriting {
margin:0;
padding:30px;
width:529px;
}

#events {
margin:0;
padding:0px;
height:75px;
width:285px;
background-image:url(../images/events.jpg);
background-repeat:no-repeat;
}

#footer {
margin:12px auto;
padding:0 0 10px 4px;
width:900px;
font-size:10px;
color:#ffffff;
}

#footerC {
float:left;
margin:0;
padding:0;
width:280px;
text-align:center;
}

#footerL {
float:left;
margin:0;
padding:0;
width:230px;
text-align:left;
}

#footerR {
float:left;
margin:0;
padding:0;
width:380px;
text-align:right;
}

#footer a:link {
color:#85bcff;
text-decoration:none;
}

#footer a:visited {
color:##85bcff;
text-decoration:none;
}

#footer a:hover {
color:#ffffff;
text-decoration:none;
}

#footer a {
color:##85bcff;
text-decoration:none;
}

.indent {
margin:0;
padding:15px 0 0 45px;
}

#information {
float:left;
margin:0 1px;
padding:2px;
height:389px;
width:294px;
background-image:url(../images/information.jpg);
background-repeat:no-repeat;
}

#informationWriting {
margin:0;
padding:10px;
height:373px;
width:278px;
color:#FFFFFF;
}

#logo {
float:left;
margin:0 auto;
padding:0;
height:75px;
width:200px;
background-image:url(../images/nav_home.jpg);
background-repeat:no-repeat;
}

#menu {
float:left;
margin:0;
padding:0px;
width:285px;
}

#mysubmit { 
margin:5px 0 0 0;
padding:2px;
color:#000000;
font-variant:small-caps;
font-size:14px;
font-weight:100;
border:#85bcff thin;
border-style:solid;
background-image:none;
background-color:#ffffff;
}

#mysubmit:hover{
margin:5px 0 0 0;
padding:2px;
color:#000000;
font-variant:small-caps;
font-size:14px;
font-weight:100;
cursor:pointer;
border:#85bcff thin;
border-style:solid;
background-image:none;
background-color:#85bcff;
}

#nav {
margin:0 auto;
padding:0;
height:75px;
width:600px;
background-image:url(../images/nav.jpg);
background-repeat:no-repeat;
}

#navHome {
margin:0 auto;
padding:0;
height:75px;
width:900px;
background-image:url(../images/nav_home.jpg);
background-repeat:no-repeat;
}

#navAbout {
margin:0 auto;
padding:0;
height:75px;
width:900px;
background-image:url(../images/nav_about.jpg);
background-repeat:no-repeat;
}

#navService {
margin:0 auto;
padding:0;
height:75px;
width:900px;
background-image:url(../images/nav_service.jpg);
background-repeat:no-repeat;
}
#navSchool {
margin:0 auto;
padding:0;
height:75px;
width:900px;
background-image:none;
}

#navTestimonials {
margin:0 auto;
padding:0;
height:75px;
width:900px;
background-image:url(../images/nav_testimonials.jpg);
background-repeat:no-repeat;
}

#navPhoto {
margin:0 auto;
padding:0;
height:75px;
width:900px;
background-image:url(../images/nav_photos.jpg);
background-repeat:no-repeat;
}

#navContact {
margin:0 auto;
padding:0;
height:75px;
width:900px;
background-image:url(../images/nav_contact.jpg);
background-repeat:no-repeat;
}

#navigation ul {
margin:0px auto;
padding:0;
font-weight:bold;
font-size:18px;
}

#navigation li {
margin:0px;
padding:0px 12px;
display:inline;
font-weight:bold;
font-size:18px;
list-style-type:none;
}

#navigation li a:link {
margin:0px;
padding:0px;
font-weight:bold;
font-size:18px;
color:#fc008e;
text-decoration:none;
}

#navigation li a:visited {
margin:0px;
padding:0px;
font-weight:bold;
font-size:18px;
color:#fc008e;
text-decoration:none;
}

#navigation li a:hover {
margin:0px;
padding:0px;
font-weight:bold;
font-size:18px;
color:#000000;
text-decoration:none;
}

#navigation li a:active {
margin:0px;
padding:0px;
font-weight:bold;
font-size:18px;
color:#000000;
text-decoration:none;
}

#navigation {
float:left;
margin:0;
padding:45px 0px 0px 75px;
height:30px;
width:625px;
}

#pic {
float:left;
margin:0;
padding:0px;
width:285px;
}

#separator {
margin:0;
padding:0;
height:115px;
background-image:url(../images/tier2wrap.jpg);
background-repeat:repeat-x;
}

#testimonial {
float:left;
margin:0 1px;
padding:2px;
height:389px;
width:294px;
background-image:url(../images/testimonials.jpg);
background-repeat:no-repeat;
background-position: 0px 200px;
}

#testimonialWriting {
margin:0;
padding:10px;
height:373px;
width:278px;
color:#FFFFFF;
}

#tier1 {
margin:0 auto;
padding:0;
width:1185px;
background-image:none;
background-repeat:none;
background-color:#c9c9c9;
}

#tier1wrap {
margin:0;
padding:0;
background-image:url(../images/tier1wrap.jpg);
background-repeat:repeat-x;
}

#tier2 {
margin:0 auto;
padding:0;
height:680px;
width:900px;
background-image:none;
background-repeat:none;
background-color:#000000;
border-bottom:solid thick #FFFFFF;
}

#wrapper {
margin:0 auto;
padding:0;
width:900px;
}

 /*** END LAYOUT
 
 START CLASSES
 ***/

.clear {
clear:both;
}

.current {
font-size:9px;
color:#000000;
background-image:url(../images/tab.jpg);
}

.photo {
	margin:10px 0;
	padding:0;
	border: #00FFFF 1px solid;
}

.homepageMSG
{
	margin : 10px;
	margin-right: 20px;
	margin-bottom: -20px;
	padding: 10px;
	background-color:#fc008e;
	color: #ffffff;
}

#playgroup {margin-top:350px}
.bio {margin-top:40px}
.bio img {padding: 0 20px 4px 0; width:220px; height:220px; float: left; clear:both display:block; }
.bio p span, .hot {color:#fc008e}

#slideshow {
    position:relative;
    height:350px;
    width:500px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}




/*homepage and school */


a#button {
	padding: 4px 8px;
	background-color:#fc008e;
	color: #fff;
	text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

		}
a#button:hover {
	background-color:#000;
}
	
#contentWriting	p {
	font-size: .9em; 
	line-height:1.5}
#announcement {
	margin-bottom: 0;
	}
#announcement p {
	font-size:1.3em; 
	line-height:1.6;
	padding:0;
	margin:0;
}
#announcement #more {
	margin: 12px 0 40px 0; 
	width:110px; 
	float:left;
	}
#announcement #join {
	font-size: 16px; 
	float:right; 
	width:390px;
	line-height:1.3; 
	margin-top:10px;
	font-weight:bold;
	}

#school h1 {color:#fc008e}
#school h2 {color:#fc008e; margin:0; padding:0; margin-top:25px;}
#school h3 {text-align:left; font-style: italic;font-size: 1em; margin-top: 1em; margin-bottom:3px;}
#school #obidient li {
	list-style-type:disc; margin-bottom:.5em; margin-left:18px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	}
#school #left {float:left; }
#school #right {float:right; }
#school #left, #right {
	width:235px; margin-top:20px;
	border: 1px solid #444; 
	padding:10px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; margin-bottom:20px;
}
#school .smaller {font-size: 12px; }
#school #left h2, #right h2 {font: 14px/17px Arial, Helvetica, sans-serif; color:black;  margin-top:0}
#school #left h2 span, #right h2 span {font-size: 12px; color:#fc008e;}
#school #button {margin-bottom:30px; margin-top: 10px}
#school #button a {
	padding: 4px 8px;
	background-color:#fc008e;
	color: #fff;
	text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
		}
#school #button a:hover {
	background-color:#000;
}

#school #regform {
	margin: 50px auto;
	width:250px;
	padding:20px 10px;
	background-color: #bbb;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
text-align: center;
	}
	
#school #regform input {
margin-top:10px}