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

html{ overflow:scroll;}

body { background:url(images/clouds.jpg) repeat-x; text-align:center; background-color:#5195ed; margin:0; font-family: Georgia;}

#container { background:url(images/header.jpg) no-repeat 0 0; width:959px; height: auto; border:none; margin:0 auto; padding:0; text-align:center;}
#imtop { height:56px; padding:0; margin-right: 2.55em; float: right;} 
#boxtop { background:url(images/boxtop.png) no-repeat 0 0; width:959px; height:21px; padding:0; margin: 0; border:none; display: block;}

#homecontent { text-align: left; width:959px; height: 400px; margin-left: 4em; margin-top: -0em; border:none; padding: 0; background: url(images/homepagepix.gif); background-repeat: no-repeat; display: block;}

img.homekids {
	float: left;
	width: 239px;
	height: 382px;
	margin-top: 1.2em;
	margin-left: -4.3em;
	  zoom: 1;
                position: relative;

}

#content { text-align: left; width:959px; margin: 0; margin-top: 0em; border:none; padding: 0; background-color: #fff; }
#content p{ margin:0; padding-left:2em; font-size:12px; line-height: 20px; font-weight:normal; color: #686767;}
#content table { margin-left: 2em;}
h1 { font-family: Georgia; padding-left: 1.4em; color: #22589f; font-size: 16px; line-height: 20px; }
h2 { font-family: Georgia; padding-left: 1.7em; color: #ff6c00; font-size: 14px; line-height: 16px; }
.testimonial { font-family: Georgia; color: #22589f; font-size: 12px; line-height: 18px; font-style: italic; }

#quote { float: left; text-align: left; width: 300px; height: 227px; margin: 1em 0 0 2em; background:url(images/quote_border.png) no-repeat; display: block;}
#quote p { font-family: Georgia; font-style: italic; font-size: 12px; line-height: 24px; color: #7e4117; padding: 1.4em 1.8em 1.4em 1.8em;}

#footer { margin-top: 1em; line-height: 12px; color: #fff; font-size: 10px; font-family: georgia;}
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: underline; }

b.blue { color: #22589f;}

.paragraph {
	font-family: georgia;
	color: #22589f;
	font-size: 14px;
	line-height: 18px;
}

.clear {
  clear: both;
}



/* Menu Styles - There are more style options in the superfish.css file that pertain to the functionality and appearance of this menu. These styles define the roll over effects for the picture menu items */

#navBarContainer
{
	margin: 0;
	padding: 0;
}

.menu
{
	padding: 0 0 0 0;
	margin: 0 2.55em 0 0;
	float: right;
	width: 678px;
}

.menuinner
{
	padding: 0 0 0 0;
	margin-right: 2.5em;
	float: right;
}


.m_home a { display: block; width: 126px; height: 28px; background: url('images/imenu.gif') no-repeat 0 0; }
.m_homeOver a { display: block; width: 126px; height: 28px; background: url('images/imenu.gif') no-repeat 0 -28px; }
.m_home a:hover { background-position: 0 -28px; }

.m_program a { display: block; width: 113px; height: 28px; background: url('images/imenu.gif') no-repeat -126px 0; }
.m_programOver a { display: block; width: 113px; height: 28px; background: url('images/imenu.gif') no-repeat -126px -28px; }
.m_program a:hover { background-position: -126px -28px; }

.m_philosophy a { display: block; width: 111px; height: 28px; background: url('images/imenu.gif') no-repeat -239px 0; }
.m_philosophyOver a { display: block; width: 111px; height: 28px; background: url('images/imenu.gif') no-repeat -239px -28px; }
.m_philosophy a:hover { background-position: -239px -28px; }

.m_staff a { display: block; width: 112px; height: 28px; background: url('images/imenu.gif') no-repeat -350px 0; }
.m_staffOver a { display: block; width: 112px; height: 28px; background: url('images/imenu.gif') no-repeat -350px -28px; }
.m_staff a:hover { background-position: -350px -28px; }

.m_events a { display: block; width: 112px; height: 28px; background: url('images/imenu.gif') no-repeat -462px 0; }
.m_eventsOver a { display: block; width: 112px; height: 28px; background: url('images/imenu.gif') no-repeat -462px -28px; }
.m_events a:hover { background-position: -462px -28px; }

.m_contact a { display: block; width: 104px; height: 28px; background: url('images/imenu.gif') no-repeat -574px 0; }
.m_contactOver a { display: block; width: 104px; height: 28px; background: url('images/imenu.gif') no-repeat -574px -28px; }
.m_contact a:hover { background-position: -574px -28px; }