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

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-image:url(../images/main-background.png);
background-repeat:repeat-x;
	background-color:#ffffff;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/**********************RESET FINISHED***************************/


/************REEFINE HTML ELEMENTS*******************/

p {
    color: #575F68;
	text-shadow: 0px 0.5px 1px #CFD1D3;
    font-size: 12px;
    line-height: 16px;
	margin:0px 20px 10px 15px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	
}

a {
color:#6da7ba;
}

a:hover {
color:#abbe71;
}

h1 {
color:#abbe71;
font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif"; 
font-size:16px;
font-weight:bold;
text-shadow: 0px 0px 1px #CFD1D3;
margin:0px 20px 10px 15px;
}

h2 {
color:#6da7ba;
text-shadow: 0px 0px 1px #C5D1DB;
font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
line-height:25px;
font-size:14px;
margin:0px 20px 10px 15px;
}

h3 {
color:#abbe71;
font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif"; 
font-size:12px;
font-weight:bold;
text-shadow: 0px 0px 1px #CFD1D3;
margin:0px 20px 10px 0px;
}
/************REDEFINE HTML ELEMENTS END***************************/


/************TOP NAVIGATION****************/


#topnav {
background:url(../images/top-nav-case.png);
width:920px;
height:47px;
clear:both;
padding-left:40px;
padding-top:24px;
}


#topnav li{
	float: left;
	list-style: none;
	position:relative;
    z-index:5000000; 
}

#topnav li a{
	display:block;
	text-indent: -99999px;
	height: 39px;
	background-image:url(../images/top-nav.jpg);
	background-repeat:no-repeat;
}



#topnav div.fb{
	padding:5px 50px 0px 0px;
	text-align: right;
}

/** NAVIGATION STATE NORMAL **/
#mm_home a {background-position: 0px 0px; width:77px;}
#mm_specialities a {background-position: -87px 0px; width:145px;}
#mm_children a {background-position: -243px 0px; width:127px;}
#mm_adults a {background-position: -380px 0px; width:102px;}
#mm_location a {background-position: -492px 0px; width:129px;}
#mm_fees a {background-position: -632px 0px; width:73px;}
#mm_contact a {background-position: -715px 0px; width:143px;}
#mm_staff a {background-position: -870px 0px; width:85px;}


/** NAVIGATION STATE OVER **/
#mm_home a:hover {background-position: 0px -39px; width:77px;}
#mm_specialities a:hover {background-position: -87px -39px; width:145px;}
#mm_children  a:hover {background-position: -243px -39px; width:127px;}
#mm_adults a:hover {background-position: -380px -39px; width:102px;}
#mm_location a:hover {background-position: -492px -39px; width:129px;}
#mm_fees a:hover {background-position: -632px -39px; width:73px;}
#mm_contact a:hover {background-position: -715px -39px; width:143px;}
#mm_staff a:hover {background-position: -870px -39px; width:85px;}


/** NAVIGATION STATE PRESSED **/
#mm_home_current a {background-position: 0px -78px; width:77px;}
#mm_specialities_current a {background-position: -87px -78px; width:145px;}
#mm_children_current a {background-position: -243px -78px; width:127px;}
#mm_adults_current a {background-position: -380px -78px; width:102px;}
#mm_location_current a {background-position: -492px -78px; width:129px;}
#mm_fees_current a {background-position: -632px -78px; width:73px;}
#mm_contact_current a {background-position: -715px -78px; width:143px;}
#mm_staff_current a {background-position: -870px -78px; width:85px;}



/******DROPDOWN********/

      /* submenu, it's hidden by default */
        #topnav ul {
            position:absolute;
            left:0;
            display:none;
            margin:0 0 0 7px;
            padding:0;
            list-style:none;
			
        }
         
        #topnav ul li {
			float:left;
			border-bottom:#1B3E51 1px solid;
			}
         
        /* display block will make the link fill the whole area of LI */
        #topnav ul a {
            display:block; 
            height:16px;
            padding: 8px 5px 10px 15px;
            color:#ffffff;
			background:#2E6485;
			text-indent:0px;
			font-size:13px;
			font-weight:bold;
			text-shadow: 1px 1px 1px #1E405D;
        }
         
        #topnav ul a:hover {
			
			background:#1B3E51;
			color:#E4F1BB;
			text-shadow: 1px 1px 1px #1E405D;
        }
 

	  
	  
/************TOP NAVIGATION****************/





/************MAIN WEBSITE STRUCTURAL BLOCKS*****************************/


div.maincontainer {
width:960px;
margin-left:auto;
margin-right:auto;
padding-top:13px;
}



div.banner {
background:url(../images/top-banner-bg.jpg) no-repeat;
width:450px;
padding-left:510px;
overflow:hidden;
height:306px;
display:block;
}

div.leftcontent {
width:495px;
float:left;
padding-left:15px;
}


div.leftcontent div.greyboxtop {
background-image:url(../images/grey-box-top.gif);
background-repeat:no-repeat;
width:484px;
height:15px;
display:block;
}

div.leftcontent div.greyboxmid {
background-image:url(../images/grey-box-body.gif);
background-repeat:no-repeat;
width:474px;
min-height:100px;
display:block;
overflow:hidden;
padding-left:10px;
}

div.leftcontent a {
color:#abbe71;
}

div.leftcontent a:hover {
color:#cae186;
}

div.leftcontent div.greyboxbottom {
background-image:url(../images/grey-box-bottom.gif);
background-repeat:no-repeat;
width:484px;
height:16px;
display:block;
overflow:hidden;
}

/**2nd PAge Layout**/

div.leftcontentnarrow {
width:306px;
float:left;
padding-left:15px;
}


div.leftcontentnarrow div.greyboxtop {
background-image:url(../images/small-grey-box-top.gif);
background-repeat:no-repeat;
width:306px;
height:15px;
display:block;
}

div.leftcontentnarrow div.greyboxmid {
background-image:url(../images/small-grey-box-body.gif);
background-repeat:no-repeat;
width:296px;
min-height:100px;
display:block;
overflow:hidden;
padding-left:10px;
}

div.leftcontentnarrow div.greyboxmid ul{
	padding-left:15px;
	padding-top:5px;
	display:block;
	clear:both;
}
div.leftcontentnarrow div.greyboxmid ul li{
	margin-top:10px;
	padding-left:26px;
	line-height: 1.3em;
	background:url(../images/bullet.png) no-repeat 0px 0px;
	font-size:12px;
	color:#6da7ba;
	text-shadow: 1px 0px 1px #C5D1DB;
}



div.leftcontentnarrow a {
color:#abbe71;
}

div.leftcontentnarrow a:hover {
color:#cae186;
}

div.leftcontentnarrow div.greyboxbottom {
background-image:url(../images/small-grey-box-bottom.gif);
background-repeat:no-repeat;
width:306px;
height:16px;
display:block;
overflow:hidden;
}

div.rightcontentwide {
width:608px;
padding-left:20px;
float:left;
}


/**2nd Page layout end**/

div.rightcontent {
width:430px;
padding-left:20px;
float:left;
}


div.rightcontent ul{
	padding-left:10px;
	display:block;
	clear:both;
}
div.rightcontent ul li{
	margin-top:10px;
	padding-left:26px;
	line-height: 1.3em;
	background:url(../images/bullet.png) no-repeat 0px 0px;
	font-size:12px;
	color:#6da7ba;
	text-shadow: 1px 0px 1px #C5D1DB;
}

div.rightcontent ul li a{
	
	text-decoration:underline;
	
}


div.rightcontent ul.canx{
	padding-left:10px;
	display:block;
	clear:both;
}
div.rightcontent ul.canx li{
	margin-top:10px;
	padding-left:26px;
	line-height: 1.3em;
	background:url(../images/bullet.png) no-repeat 0px 0px;
	font-size:12px;
	color:#6da7ba;
	text-shadow: 1px 0px 1px #C5D1DB;
}

div.rightcontentwide ul{
	padding-left:10px;
	display:block;
	clear:both;
}
div.rightcontentwide ul li{
	margin-top:10px;
	padding-left:26px;
	line-height: 1.3em;
	background:url(../images/bullet.png) no-repeat 2px 0px;
	font-size:12px;
	color: #575F68;
	text-shadow: 0px 0.5px 1px #CFD1D3;
	
}




div.rightcontent ul.reqappt {
width:215px;
padding-top:15px;
padding-left:0px;
}

div.rightcontent ul.reqappt li {
width:215px;
height:55px;
display:block;
background:none;
padding:0px;
}

div.rightcontent ul.reqappt li a {
width:215px;
height:55px;
display:block;
background-image:url(../images/button-requestappointment.png);
background-repeat:no-repeat;
}

div.rightcontent ul.reqappt li a:hover {

background-image:url(../images/button-requestappointment-hover.png);
background-repeat:no-repeat;}


div.googlemap {
width:470px;
padding: 10px 10px 10px 10px;
background-color:#FFFFFF;
border:#CCDCEC solid 1px;
display:block;
}


/***********MAIN WEBSITE STRUCTURAL BLOCKS END*****************************/


/**********************CSS STICKY FOOTER************************/


div.footer-navy-bar {
height:40px;
padding-top:10px;
width:1000px;
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
font-size:12px;
clear:both;
}

div.padmenu {
padding-top:10px;
float:left;
}



div.footer-navy-bar a{
color:#FFFFFF;
font-weight:bold;
}

div.footer-navy-bar a:hover{
color:#8FA83E;
}


div.footer-upper-bar {
height:225px;
width:1000px;
margin-left:auto;
margin-right:auto;
}

div.footer-upper-bar div.address-block1 {
width:250px;
float:left;
font-size:11px;
text-shadow: 1px 1px 0px #C5D1DB;
padding:12px 0px 0px 0px;
line-height:16px;
color:#1E405D;
}

div.footer-upper-bar div.address-block2 {
width:160px;
float:left;
font-size:11px;
text-shadow: 1px 1px 0px #C5D1DB;
padding:12px 0px 0px 0px;
line-height:16px;
color:#1E405D;
}

div.footer-upper-bar div.address-block3 {
width:260px;
float:left;
font-size:11px;
text-shadow: 1px 1px 0px #C5D1DB;
padding:12px 0px 0px 0px;
line-height:16px;
color:#1E405D;
}

div.footer-upper-bar div.footerseperator {
width:5px;
height:141px;
padding:0px 10px 0px 10px;
float:left;
background:url(../images/footer-address-separator.gif) no-repeat;
}

div.footer-upper-bar div.testimonialblock {
float:right;
background:url(../images/speechbubble.gif) no-repeat;
width:350px;
padding:35px 20px 30px 20px;
display:block;
height:115px;
color:#8FA83E;
font-size:12px;
text-shadow: 1px 1px 0px #E1E8C7;
line-height:16px;
font-style:italic;
}

div.footer-upper-bar div.link{
float:right;
padding:20px 40px 0px 0px;
display:block;
font-size:12px;
text-shadow: 1px 1px 0px #E1E8C7;
line-height:16px;
font-style:italic;
text-align: right;
}

div.testimonialblockODD {
float:right;
padding:20px 20px 20px 20px;
display:block;
color:#8FA83E;
font-size:12px;
text-shadow: 1px 1px 0px #E1E8C7;
line-height:16px;
font-style:italic;
text-align: left;
}

div.testimonialblockEVEN {
float:right;
padding:20px 20px 20px 20px;
display:block;
color:#6da7ba;
font-size:12px;
text-shadow: 1px 1px 0px #E1E8C7;
line-height:16px;
font-style:italic;
text-align: left;
}

div.footer-upper-bar div.address-block1 a {
color:#1E405D;
text-decoration:underline;
}

div.footer-upper-bar div.address-block1 a:hover {
color:#8FA83E;
}

div.footer-upper-bar div.address-block2 a:hover {
color:#8FA83E;
}

div.footer-upper-bar div.address-block3 a:hover {
color:#8FA83E;
}

div.footer-upper-bar div.address-block2 a {
color:#1E405D;
text-decoration:underline;
}

div.footer-upper-bar div.address-block3 a {
color:#1E405D;
text-decoration:underline;
}









div.footer-upper-bar div.addresstitle{width:560px; float:left; padding-top:22px; padding-bottom:5px;}

div.footer-upper-bar div.testimonialtitle{width:390px; float:right; padding-top:22px; padding-bottom:5px;}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;
margin-left:auto;
margin-right:auto;}

#main {overflow:auto;
margin-left:auto;
margin-right:auto;
	padding-bottom: 279px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -279px; /* negative value of footer height */
	height: 279px;
	clear:both;
	background-image:url(../images/footer.png);
	background-repeat:repeat-x;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/*************************CSS STICKY FOOTER END************************/


/*-------------TOP BANNER IMAGE ROTATOR WITH FADE---------------*/

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:306px;
	float:left;
	width:450px;
	
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	
    div#rotator ul li.show {
	z-index:500;
}


/*-------------FORM CLASSES-------------*/

form{
	padding:10px 0px 0px 0px;
}

label{
	width:400px;
	display:block;
	overflow:hidden;
	padding-top:10px;
}


span{
	width:150px;
	line-height:1.2em;
	padding:4px 25px 0px 0px;
	overflow:hidden;
	display:block;
	float:left;
	}



input{
	border:1px solid #cccccc;
	font-size:12px;
	color:#666666;
	padding:3px;
	float:left;
}


input.input-large{
	width:215px;
}



textarea{
	width:215px;
	height:70px;
	border:1px solid #cccccc;
	font-size:11px;
	padding:3px;
	float:left;
}

select{
	width:223px;
	border:1px solid #cccccc;
	font-size:11px;
	padding:3px;
	float:left;
}


a.submitbutton {
	width:79px;
	height:27px;
	text-indent:-9999px;
	display:block;
	background-image:url(../images/submitbutton.jpg);
	float:left;
	cursor:pointer;
	
}