* {
	border:0;
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body {
	margin-top:20px;
	color:#562D00;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
}

a {
	color:#ED1C24;
	text-decoration:none;
	outline: none;
}

a:hover {
	text-decoration:underline;
}

a.homelink {
	display:block;
	height:120px;
	width:620px;
}

a.bloglink {
	display:block;
	height:80px;
	width:95px;
}

a.gmaplink {
	position:absolute;
	top:10px;
	left:165px;
	display:block;
	height:110px;
	width:150px;
}

table {
	width:640px;
	border-width: 1px;
	border-spacing: 2px;
	border-color: #562D00;
	border-collapse: collapse;
	border-style: solid;
	table-layout: fixed;
}
tr, td {
	border-width: 1px;
	border-spacing: 2px;
	border-color: #562D00;
	border-collapse: collapse;
	border-style: solid;
	table-layout: fixed;
	text-align:center;
}
table.cal {
	width:600px;
	border-width: 0px;
	border-spacing: 0px;
	border-color: #562D00;
	border-collapse: collapse;
	border-style: hidden;
	table-layout: fixed;
}
tr.cal, td.cal {
	border-width: 0px;
	border-spacing: 0px;
	border-color: #562D00;
	border-collapse: collapse;
	border-style: solid;
	table-layout: fixed;
	text-align:left;
	height:22px;
}

#container {
	background:white;
	min-height:100%;
	margin:0 auto;
	width:768px;
	position:relative;
	z-index:5;
}

#top {
	clear:both;
	width:768px;
	height:120px;
	background: url(../images/top_new.gif) no-repeat;
}

#logoarea {
	position:absolute;
	top:3px;
	left:35px;
	height:120px;
	width:700px;
}

#blogarea {
	position:absolute;
	top:3px;
	left:670px;
	height:80px;
	width:95px;
}

#navleft {
	float:left;
	width:116px;
	height:41px;
	background: url(../images/nav-left.gif) no-repeat;	
}

#navright {
	float:left;
	width:40px;
	height:41px;
	background: url(../images/nav-right.gif) no-repeat;	
}

#nav {
	float:left;
	width:612px;
	height:41px;
}

#nav ul {
	list-style:none;
	width: 612px;
	height: 41px;
}

#nav li {
    list-style: none;
	display: inline;
	text-align: center;
}

#nav li a {
	text-decoration: none;
	display:block;
	float:left;	
	background: url(../images/nav.gif) no-repeat;
	text-indent:-9999px;
}

li#philosophy a {
	width:98px;
	height:41px;
}
li#curriculum a {
	width:83px;
	height:41px;
}
li#programs a {
	width:83px;
	height:41px;
}
li#fees a {
	width:83px;
	height:41px;
}
li#calendar a {
	width:83px;
	height:41px;
}
li#director a {
	width:83px;
	height:41px;
}
li#gallery a {
	width:99px;
	height:41px;
}

li#philosophy a:hover, li#philosophy a:focus {	
	background-position: -0px -0px;
	width: 98px;
	}	
	
li#curriculum a:link, li#curriculum a:visited {	
	background-position: -98px 0px;
	}
	
li#curriculum a:hover, li#curriculum a:focus {	
	background-position: -88px -41px;
	width: 93px;
	margin-left: -10px;
	}
	
li#programs a:link, li#programs a:visited {	
	background-position: -181px 0px;
	}
	
li#programs a:hover, li#programs a:focus {	
	background-position: -171px -82px;
	width: 93px;
	margin-left: -10px;
	}
li#fees a:link, li#fees a:visited {	
	background-position: -264px 0px;
	}
	
li#fees a:hover, li#fees a:focus {	
	background-position: -254px -123px;
	width: 93px;
	margin-left: -10px;
	}
li#calendar a:link, li#calendar a:visited {	
	background-position: -347px 0px;
	}
	
li#calendar a:hover, li#calendar a:focus {	
	background-position: -337px -164px;
	width: 93px;
	margin-left: -10px;
	}
li#director a:link, li#director a:visited {	
	background-position: -430px 0px;
	}
	
li#director a:hover, li#director a:focus {	
	background-position: -420px -205px;
	width: 93px;
	margin-left: -10px;
	}
li#gallery a:link, li#gallery a:visited {	
	background-position: -513px 0px;
	}
	
li#gallery a:hover, li#gallery a:focus {	
	background-position: -503px -246px;
	width: 109px;
	margin-left: -10px;
	}

<!-- on states -->

body#philosophy li#philosophy a:link, body#philosophy li#philosophy a:visited {	
	background-position: -0px -0px;
	width: 98px;
	}	
	
body#curriculum li#curriculum a:link, body#curriculum li#curriculum a:visited {	
	background-position: -88px -41px;
	width: 93px;
	margin-left: -10px;
	}
body#curriculum li#philosophy a:hover, body#curriculum li#philosophy a:focus {	
	background-position: -0px -0px;
	width: 109px;
	margin-right: -11px;
	overflow: visible;
	position: relative;
	}
	
body#programs li#programs a:link, body#programs li#programs a:visited {	
	background-position: -171px -82px;
	width: 93px;
	margin-left: -10px;
	}
body#programs li#curriculum a:hover, body#programs li#curriculum a:focus {	
	background-position: -88px -41px;
	width: 109px;
	margin-right: -16px;
	overflow: visible;
	position: relative;
	}
body#programs li#fees a:hover, body#programs li#fees a:focus {	
	background-position: -254px -123px;
	width: 109px;
	margin-right: -16px;
	overflow: visible;
	position: relative;
	}

body#fees li#fees a:link, body#fees li#fees a:visited {	
	background-position: -254px -123px;
	width: 93px;
	margin-left: -10px;
	}
body#fees li#programs a:hover, body#fees li#programs a:focus {	
	background-position: -171px -82px;
	width: 109px;
	margin-right: -16px;
	overflow: visible;
	position: relative;
	}
body#fees li#calendar a:hover, body#fees li#calendar a:focus {	
	background-position: -337px -164px;
	width: 109px;
	margin-right: -16px;
	overflow: visible;
	position: relative;
	}

body#director li#director a:link, body#director li#director a:visited {
	background-position: -420px -205px;
	width: 93px;
	margin-left: -10px;
	}
body#director li#calendar a:hover, body#director li#calendar a:focus {	
	background-position: -337px -164px;
	width: 109px;
	margin-right: -16px;
	overflow: visible;
	position: relative;
	}
body#director li#gallery a:hover, body#director li#gallery a:focus {	
	background-position: -503px -246px;
	width: 109px;
	margin-right: -16px;
	overflow: visible;
	position: relative;
	}

body#calendar li#calendar a:link, body#calendar li#calendar a:visited {	
	background-position: -337px -164px;
	width: 93px;
	margin-left: -10px;
	}
body#calendar li#fees a:hover, body#calendar li#fees a:focus {	
	background-position: -254px -123px;
	width: 109px;
	margin-right: -16px;
	overflow: visible;
	position: relative;
	}
body#calendar li#director a:hover, body#calendar li#director a:focus {	
	background-position: -420px -205px;
	width: 109px;
	margin-right: -16px;
	overflow: visible;
	position: relative;
	}	
	
body#gallery li#gallery a:link, body#gallery li#gallery a:visited {
	background-position: -503px -246px;
	width: 109px;
	margin-left: -10px;
	}
body#gallery li#director a:hover, body#gallery li#director a:focus {	
	background-position: -420px -205px;
	width: 105px;
	margin-right: -12px;
	overflow: visible;
	position: relative;
	}
	
#main {
	clear:both;
	padding:0;
	margin:0;
	border:0;	
	width:768px;
}
.home {background:#ACD1EF url(../images/main-bg.gif) repeat-y;height:616px;}
.philosophy {background:#FAC6CC url(../images/main-bg.gif) repeat-y;height:616px;}
.curriculum {background:#D6E04E url(../images/main-bg.gif) repeat-y;height:616px;}
.programs {background:#A0CE67 url(../images/main-bg.gif) repeat-y;height:840px;}
.fees {background:#E38D1A url(../images/main-bg.gif) repeat-y;height:830px;}
.calendar {background:#E598C2 url(../images/main-bg.gif) repeat-y;height:756px;}
.director {background:#7AA5C4 url(../images/main-bg.gif) repeat-y;height:616px;}
.gallery {background:#FDCF42 url(../images/main-bg.gif) repeat-y;height:616px;}

#whiteline {
	position:relative;
	top:0;
	left:0;
	background:#fff;
	width:768px;
	height:1px;
}

#kite {
	position:absolute;
	top:275px;
	left:-14px;
	background:url(../images/kite.png) no-repeat;
	width:92px;
	height:161px;
}

#girlonbox {
	position:absolute;
	top:171px;
	left:650px;
	background:url(../images/girlonbox.png) no-repeat;
	width:61px;
	height:92px;
}

#boyonbox {
	position:absolute;
	top:672px;
	left:655px;
	background:url(../images/boyonbox.png) no-repeat;
	width:63px;
	height:95px;
}

#boyonbox2 {
	position:absolute;
	top:696px;
	left:660px;
	background:url(../images/boyonbox2.png) no-repeat;
	width:72px;
	height:108px;
}

#kite2 {
	position:absolute;
	top:420px;
	left:725px;
	background:url(../images/kite2.png) no-repeat;
	width:92px;
	height:161px;
}

#bubbles {
	position:absolute;
	top:570px;
	left:-75px;
	background:url(../images/bubbles.png) no-repeat;
	width:125px;
	height:160px;
}

#boxboy {
	position:absolute;
	top:638px;
	left:650px;
	background:url(../images/boxboy.png) no-repeat;
	width:81px;
	height:91px;
}

#ballboy {
	position:absolute;
	top:228px;
	left:630px;
	background:url(../images/ballboy.png) no-repeat;
	width:79px;
	height:106px;
}

#blocks {
	position:absolute;
	top:605px;
	left:-5px;
	background:url(../images/blocks.png) no-repeat;
	width:64px;
	height:175px;
}

#welcomecloud {
	position:absolute;
	top:180px;
	left:35px;
	width:429px;
	height:405px;
	padding-top:140px;
	padding-left:60px;
	margin-right:280px;
	background:url(../images/welcomecloud.gif) no-repeat;
}
#welcometext {
	position:relative;
	top:-10px;
	left:0px;
	width:327px;
	height:265px;
	overflow-y: auto;
	overflow-x: hidden;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
}

#photobox1 {
	position:absolute;
	top:219px;
	left:502px;
}
.photo1 {
	width: 236px;
	height: 190px;
	display: block;
	position: absolute;
	left: -5px;
	background:url(../images/homephoto.jpg) no-repeat;
	background-position:center; 
}

#enrollmentbox {
	position:absolute;
	top:415px;
	left:506px;
	width:218px;
	height:170px;
	padding-top:40px;
	padding-left:24px;
	background:url(../images/box-home-enrollment.gif) no-repeat;
}
#enrollmenttext {
	position:relative;
	top:4px;
	width:180px;
	height:115px;
	overflow-y: auto;
}

#locationbox {
	position:absolute;
	top:603px;
	left:44px;
	width:323px;
	height:100px;
	padding-top:40px;
	padding-left:24px;
	background:url(../images/box-home-location.gif) no-repeat;
}
#locationtext {
	position:relative;
	top:4px;
	left:7px;
	width:130px;
	height:70px;
	overflow-y: auto;
}

#inquiriesbox {
	position:absolute;
	top:603px;
	left:411px;
	width:312px;
	height:100px;
	padding-top:40px;
	padding-left:24px;
	background:url(../images/box-home-inquiries.gif) no-repeat;
}
#inquiriestext {
	position:relative;
	top:4px;
	left:9px;
	width:270px;
	height:70px;
	overflow-y: auto;
}

p.quote {
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	line-height:20px;
}

#philosophycloud {
	position:absolute;
	top:169px;
	left:36px;
	width:358px;
	height:416px;
	padding-top:140px;
	padding-left:60px;
	margin-right:280px;
	background:url(../images/philosophycloud.gif) no-repeat;
}
#philosophytext {
	position:relative;
	top:0px;
	left:-38px;
	width:320px;
	height:409px;
	overflow-y: auto;
}
#philosophytext ul li {
	padding-bottom:15px;
	padding-left:20px;
	list-style: none; 
	background:url(../images/bullet-philosophycloud.gif) no-repeat top left;
}

#experiencebox {
	position:absolute;
	top:200px;
	left:429px;
	width:294px;
	height:310px;
	padding-top:40px;
	padding-left:24px;
	background:url(../images/box-philosophy-experience.gif) no-repeat;
}
#experiencetext {
	position:relative;
	top:18px;
	left:6px;
	width:240px;
	height:240px;
	overflow-y: auto;
}

#photobox2 {
	position:absolute;
	top:522px;
	left:429px;
}
.photo2 {
	width: 304px;
	height: 209px;
	display: block;
	position: absolute;
	left: -5px;
	background:url(../images/philosophyphoto.jpg) no-repeat;
	background-position:center; 
}

#curriculumcloud {
	position:absolute;
	top:180px;
	left:35px;
	width:436px;
	height:425px;
	padding-top:140px;
	padding-left:60px;
	margin-right:280px;
	background:url(../images/curriculumcloud.gif) no-repeat;
}
#curriculumtext {
	position:relative;
	top:-20px;
	left:-20px;
	width:360px;
	height:295px;
	overflow-y: auto;
}

#interactivitybox {
	position:absolute;
	top:201px;
	left:496px;
	width:227px;
	height:405px;
	padding-top:40px;
	padding-left:24px;
	background:url(../images/box-curriculum-interact.gif) no-repeat;
}
#interactivitytext {
	position:relative;
	top:18px;
	left:-7px;
	width:190px;
	height:335px;
	overflow-y: auto;
}
#interactivitytext ul li {
	padding-bottom:15px;
	padding-left:20px;
	list-style: none; 
	background:url(../images/bullet-interactivitytext.gif) no-repeat top left;
}

#foundationsbox {
	position:absolute;
	top:620px;
	left:45px;
	width:638px;
	height:159px;
	padding-left:40px;
	margin-right:24px;
	background:url(../images/box-curriculum-foundations.gif) no-repeat;
}
#foundationstext {
	position:relative;
	top:50px;
	left:-7px;
	width:585px;
	height:95px;
	overflow-y: auto;
}

#programscloud {
	position:absolute;
	top:180px;
	left:27px;
	width:702px;
	/*height:100%;*/
	padding-top:70px;
	background:url(../images/programscloud.gif) no-repeat;
}
#programstext {
	position:relative;
	top:3px;
	left:64px;
	width:595px;
	min-height:500px;
	overflow-y: auto;
}

#nurserybox {
	position:absolute;
	top:355px;
	left:45px;
	width:205px;
	height:300px;
	padding-top:70px;
	background:url(../images/box-programs-nursery.gif) no-repeat;
}
#nurserytext {
	position:relative;
	top:-20px;
	left:20px;
	width:160px;
	height:280px;
	overflow-y: auto;
}
#nurseryschedule {
	position:relative;
	top:-55px;
	left:20px;
	width:170px;
	height:35px;
	overflow-y: auto;
}
#prekschedule, #kindergartenschedule {
	position:relative;
	top:-55px;
	left:23px;
	width:170px;
	height:35px;
	overflow-y: auto;
}

#prekbox {
	position:absolute;
	top:355px;
	left:282px;
	width:205px;
	height:300px;
	padding-top:70px;
	background:url(../images/box-programs-prek.gif) no-repeat;
}
#prektext {
	position:relative;
	top:-20px;
	left:22px;
	width:160px;
	height:280px;
	overflow-y: auto;
}

#kindergartenbox {
	position:absolute;
	top:355px;
	left:518px;
	width:205px;
	height:300px;
	padding-top:70px;
	background:url(../images/box-programs-kindergarten.gif) no-repeat;
}
#kindergartentext {
	position:relative;
	top:-20px;
	left:24px;
	width:160px;
	height:280px;
	overflow-y: auto;
}

#feescloud {
	position:absolute;
	top:180px;
	left:36px;
	width:689px;
	height:133px;
	padding-top:70px;
	background:url(../images/feescloud.gif) no-repeat;
}
#yearspan {
	position:relative;
	top:-26px;
	left:305px;
	color:#7AA5C4;
	font-family:Arial, sans-serif;
	font-size:15px;
	font-weight:normal;
	width:100px;
}
#feestext {
	position:relative;
	top:-10px;
	left:61px;
	width:545px;
	height:50px;
	overflow-y: auto;
}

#nurseryprekfeesbox {
	position:absolute;
	top:324px;
	left:45px;
	width:678px;
	height:282px;
	padding-top:70px;
	background:url(../images/box-fees-nurseryprek.gif) no-repeat;
}
#nurseryprekfeestext {
	position:relative;
	top:-20px;
	left:16px;
	width:660px;
}

#kindergartenfeesbox {
	position:absolute;
	top:575px;
	left:45px;
	width:678px;
	height:196px;
	padding-top:70px;
	background:url(../images/box-fees-kindergarten.gif) no-repeat;
}
#kindergartenfeestext {
	position:relative;
	top:-25px;
	left:16px;
	width:660px;
}

#additionalfeesbox {
	position:absolute;
	top:780px;
	left:45px;
	width:328px;
	height:196px;
	padding-top:70px;
	background:url(../images/box-fees-additional.gif) no-repeat;
}
#additionalfeestext {
	position:relative;
	top:-20px;
	left:18px;
	width:295px;
	height:130px;
	overflow-y: auto;
}

#discountsbox {
	position:absolute;
	top:780px;
	left:388px;
	width:335px;
	height:196px;
	padding-top:70px;
	background:url(../images/box-fees-discounts.gif) no-repeat;
}
#discountstext {
	position:relative;
	top:-20px;
	left:18px;
	width:300px;
	height:130px;
	overflow-y: auto;
}

#directorcloud {
	position:absolute;
	top:180px;
	left:36px;
	width:411px;
	height:399px;
	padding-top:140px;
	padding-left:60px;
	margin-right:280px;
	background:url(../images/directorcloud.gif) no-repeat;
}
#directortext {
	position:relative;
	top:-40px;
	left:-25px;
	width:345px;
	height:288px;
	overflow-y: auto;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
}

#photobox3 {
	position:absolute;
	top:200px;
	left:501px;
}
.photo3 {
	width: 229px;
	height: 219px;
	display: block;
	position: absolute;
	left: -5px;
	background:url(../images/directorphoto.jpg) no-repeat;
	background-position:center; 
}

#contactbox {
	position:absolute;
	top:426px;
	left:499px;
	width:218px;
	height:170px;
	padding-top:40px;
	padding-left:24px;
	background:url(../images/box-director-contact.gif) no-repeat;
}
#contacttext {
	position:relative;
	top:4px;
	width:180px;
	height:115px;
	overflow-y: auto;
}

#cornerstonebox {
	position:absolute;
	top:595px;
	left:45px;
	width:638px;
	height:159px;
	padding-left:40px;
	margin-right:24px;
	background:url(../images/box-director-cornerstone.gif) no-repeat;
}
#cornerstonetext {
	position:relative;
	top:46px;
	left:-14px;
	width:580px;
	height:80px;
	overflow-y: auto;
}

#calendarcloud {
	position:absolute;
	top:180px;
	left:27px;
	width:702px;
	height:139px;
	padding-top:70px;
	background:url(../images/calendarcloud.gif) no-repeat;
}
#calendartext {
	position:relative;
	top:13px;
	left:60px;
	width:550px;
	height:65px;
	overflow-y: auto;
}

#calendarbox {
	position:absolute;
	top:330px;
	left:45px;
	width:678px;
	height:580px;
	padding-top:70px;
	background:url(../images/calendarbox.gif) no-repeat;
}
#calendarframe {
	position:relative;
	top:-50px;
	left:20px;
	width:638px;
	height:406px;
	overflow-y: auto;
	overflow-x: hidden;
}

#gallerycloud {
	position:absolute;
	top:180px;
	left:27px;
	width:702px;
	height:139px;
	padding-top:70px;
	background:url(../images/gallerycloud.gif) no-repeat;
}
#gallerytext {
	position:relative;
	top:13px;
	left:64px;
	width:550px;
	height:45px;
	overflow-y: auto;
}

#gallerybox {
	position:absolute;
	top:330px;
	left:45px;
	width:678px;
	height:443px;
	padding-top:70px;
	background:url(../images/gallerybox.gif) no-repeat;
}
#galleryframe {
	position:relative;
	top:-50px;
	left:20px;
	width:638px;
	height:406px;
	overflow-y: auto;
}

#bottom {
	 clear:both;
	 width:768px;
	 height:34px;
	 overflow:visible;
}

.bottomhome {background: url(../images/bottom-home.gif) no-repeat;}
.bottomphilosophy {background: url(../images/bottom-philosophy.gif) no-repeat;}
.bottomcurriculum {background: url(../images/bottom-curriculum.gif) no-repeat;}
.bottomprograms {background: url(../images/bottom-programs.gif) no-repeat;}
.bottomfees {background: url(../images/bottom-fees.gif) no-repeat;}
.bottomdirector {background: url(../images/bottom-director.gif) no-repeat;}
.bottomcalendar {background: url(../images/bottom-calendar.gif) no-repeat;}
.bottomgallery {background: url(../images/bottom-gallery.gif) no-repeat;}

#footer {
	text-align:right;
	padding-right:63px;
	padding-bottom:15px;
	font-size:9px;
}