@charset "utf-8";
/* CSS Document */
body
{
	font-family:Arial, sans-serif;
    font-size: 100%;
	/*border:1px black solid;*/	

}

#logo
{
	background-image:url(../images/logo.png);
	height:245px;
	width:311px;
	background-repeat:no-repeat;
	position:relative;
	
}
img
{
	border:0;
}
*
{
  margin: 0;
  padding: 0;
  outline: 0;
}

body#home  .nav-home,body#map .nav-map, body#contact .nav-contact
{
	color:#663300;
}
body#about .nav-about,body#programs .nav-programs,body#parents .nav-parents,body#enrollment .nav-enrollment,body#rooms .nav-rooms,body#faq .nav-faq
{
color:#FFFFFF;
background-color:#663300;
	
}


#container {

    margin           : 10px auto;
    padding          : 0px;
    text-align       : left;
    /*overflow-x       : hidden;*/
    width            : 960px;
	/*border:1px black solid*/

}
 header {

    /*background-location : top center;
    background-repeat   : no-repeat;*/
    min-height          : 160px;
    position            : relative;
    width             : 960px;
	text-align:center;
	border: solid #FFFFFF 2px;
	-webkit-border-radius: 18px 18px 0px 0px;
	-moz-border-radius: 18px 18px 0px 0px;
	border-radius: 18px 18px 0px 0px;
	font-family:Arial, sans-serif;
	/*background-color:#5A69E1;*/
	background-color:#F5DEB3;
	margin-bottom:3px;
}

 #area h1 {

   color: #000000;
text-align: center;
font-family: Arial, "Times New Roman", sans-serif;
font-size: 34px;
left: 0;
line-height: 110px;
margin: 65px 0px 0px 350px;
position: absolute;
top: 0;
	
}
#container header .extra {

    float : right;
}
#container header .extra .location {

    clear       : both;
    color       : #663300;
    float       : right;
    font-size   : 0.787em;
    line-height : 26px;
    margin      : 5px 10px 0px 0px;
    padding     : 0px;
    position    : absolute;
    right       : 0;
    text-align  : right;
    top         : 0;
    width       : 480px;
	font-family:Arial, sans-serif;
}

#phone
{
	font-weight: bold;
	font-size: 1.000em;
	font-family:Arial, sans-serif;
	color:#663300;
}
#innernav
{
	float:right;
	
}
#container header .extra #innernav nav {
	clear      : both;
	color      : #66cc33;
	font-size  : 1.313em;
	margin     : 150px 20px 0px 0px;
	position   : absolute;
	right      : 1px;
	text-align : right;
	top        : 44px;
	width      : 300px;
	font-family:Arial, sans-serif;
	height: 20px;
	
}
#innernav nav a
  {
    margin:10px;
    color: #FFFFFF;
    text-decoration : none;
	padding:6px;
	font-family:Arial, sans-serif;
	font-size:0.9em;
 }
 #innernav nav a:hover {
	color:#663300;
    
}


.nav 
{
	height:50px;
	 background-color:#66cc33; 
	 color:#fff; 
	font-family:Arial, sans-serif;
	  z-index:1000;
	  width:960px;
	  margin:0px auto;
	  padding:0;
	  margin-left:2px;
	  text-align:center;
	  margin-bottom:5px;
	  }










.menu a
{
	float:left;
	 color:#FFF; 
	 text-decoration:none; 
	 width:130px;
	  height:40px; 
	 padding-top:8px;
	 text-align:center;
	 font-size:1em;
	 margin:0 auto;
}
.menu a:hover {
	color:#fff;
	text-align:center;
	margin:0 auto;
	}
	
.menu
 {
	 list-style:none;
	 font-family:Arial, sans-serif;			   	 	 	     text-align:center;
	 width:800px;
	 margin:0 auto;
	 font-size:1em;
	 text-align:center;
	  
 }
.menu li
{
	position:relative; 
	float:left;
	width:130px;
	 z-index:1000;
	 text-align:center;
	 margin:0 auto;
	 height:auto;
	 
}
.menu ul
 {
	display:none;
	position:absolute; 
	font-size:0.813em;
	 top:30px; 
	 left:0; 
	 background-color:#66cc33;
	   list-style:none;
	   text-align:center;
	   margin:0 auto;
	   }
.menu ul li {
	float:none; 
	border-top:1px solid #ccc;
	 width:130px;
	 text-align:center;
	 margin:0 auto;
	 height:auto;
	 overflow:hidden;
	 }
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {
	float:none; 
	display:block;
	 background:none; 
	 height:20px; 
	 /*padding-top:5px;*/
	 text-align:center;
	 margin:0 auto;
	 width:130px;
	 }
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover 
{
	text-align:center;
	 color:#fff;
	 margin:0 auto
	 
	
}

.menu ul ul {left:110px; top:0px}
li.menuhover a, li.menuhover li.menuhover a 
{
	text-align:center;
	color:#fff;
 background-color:#663300;
 margin:0 auto;
 }
.nav li a:hover
{
	text-align:center;
	color:#fff;
 background-color:#663300;
 

 }
  #main
	{
	float: left;
	background-color:#279b7b;
	height: 350px;
	width: 960px;
	/*padding-top: 10px;*/
	/*padding-left: 10px;*/
	margin:0 auto;
	/*margin-bottom: 15px;*/
	padding-top:2px;
	margin-left:2px;
	text-align:center;
	}
	#text
	{
		float:left;
		width:500px;
		height:310px;
		background-color:#FFFFFF;
		/*padding:10px 10px 10px 10px ;*/
		margin:10px 10px 10px 10px;
		border: 3px solid #66cc33;
	}
	#heading
	{
		font-family:"Myriad Pro", "Myriad Web Pro", Arial, Helvetica, Tahoma, sans-serif;
		font-size:1.625em;
		/*margin:0 auto;*/
		text-align:center;
		
		padding-top:19px;
		
	
		
	}
	/*headings*/
	#programsheading,#hoursheading
	{
	font-family: "Myriad Pro", "Myriad Web Pro", Arial, Helvetica, Tahoma, sans-serif;
		font-size:1.3em;
		text-align:center;
		color:#FFFFFF;
		padding-top:10px;
	}
	#contactheading
	{
		font-family:"Myriad Pro", "Myriad Web Pro", Arial, Helvetica, Tahoma, sans-serif;
		text-align:center;
		color:#FFFFFF;
		font-size:1.625em;
		padding-top:15px;
	}
	#programsheading2,#infantheading,#afterschoolheading
	{
		font-family:  "Myriad Pro", "Myriad Web Pro", Arial, Helvetica, Tahoma, sans-serif;
		font-size:1.625em;
		text-align:center;
		color:#000000;
		padding-top:19px;
	}
	
	#upcomingeventsheading a,#faqheading a,#fieldtripsheading a,#foodmenusheading a,#testimonialsheading a
	{
		text-decoration:none;
		color:#000000;
	}
	#upcomingeventsheading a:hover,#faqheading a:hover,#fieldtripsheading a:hover,#foodmenusheading a:hover,#testimonialsheading a:hover
	{
		color:#66cc33;
		text-decoration:underline;
	}
	#programsheading a
	{
		text-decoration:none;
		color:#ffffff;
	}
	#programsheading a:hover
	{
		color:#66cc33;
	}
	#locationheading
	{
		font-size:1.3em;
		margin-bottom:5px;
		padding-top:5px;
		clear:both;
		color:#FFFFFF;
		font-family: "Myriad Pro", "Myriad Web Pro", Arial, Helvetica, Tahoma, sans-serif;
		
	}
	.eventsli,.enrollmentli,.foodli,.programsli,.parentsli
	{
		text-align:left;
		margin:0 auto;
		list-style:disc;
		margin-left:30px;
	}
	.programsli a
	{
		text-decoration:none;
		color:#000000;
	}
	.programsli a:hover
	{
		color: #66cc33;
		text-decoration:underline;
	}
	#parentsheading,#upcomingeventsheading,#summerprogramheading,#enrollmentheading,#testimonialsheading,#roomsheading,#foodmenusheading,#fieldtripsheading
	{
		font-family: "Myriad Pro", "Myriad Web Pro", Arial, Helvetica, Tahoma, sans-serif;
		font-size:1.625em;
		text-align:center;
		color:#000000;
		padding-top:19px;
	}
	#foodallergens
	{
		font-size:1.625em;
		text-align:center;
		color:#000000;
		padding-top:5px;
	}
	#philosophyheading,#policiesheading,#infanttoddlerheading,#twotothree,#threetofive
	{
		text-align:center;
		font-size:1.438em;
		font-family: "Myriad Pro", "Myriad Web Pro", Arial, Helvetica, Tahoma, sans-serif;
		padding-top:5px;
	}
	#philosophyheading2,#missionheading2,#faqheading,#afterschoolheading
	{
		text-align:center;
		font-size:1.625em;
		font-family: "Myriad Pro", "Myriad Web Pro", Arial, Helvetica, Tahoma, sans-serif;
		padding-top:19px;
	}
	
	#missionheading
	{
		
		text-align:center;
		font-size:1.438em;
		font-family:"Myriad Pro", "Myriad Web Pro", Arial, Helvetica, Tahoma, sans-serif;
		
	}
	
	
		
	#aboutus
	{
		text-align:center;
		font-family: "Myriad Pro", "Myriad Web Pro", Arial, Helvetica, Tahoma, sans-serif;
		font-size:1.625em;
		padding-top:10px;
	}
	/*end of headings*/
		
	
		#locationmap
		{
			margin:0 auto;
			width:360px;
			height:335px;
			background-color:#663300;
			margin-top:6px;	
		}
		#locationinfo
		{
		margin-bottom:15px;
		margin-top:0px;
		text-align:center;
		font-size:x-small;
		color:#ffffff;
		/*margin-left:5px;*/
		}
	.treehousefundaycare,.programsp
	{
		text-align:left;
		font-family:Arial, sans-serif;
		margin:6px 10px 10px 10px;
	}
	#images
	{
		float:right;

	/*background-color:#CD171A;*/
	
	width:350px;
	height:250px;
	/*padding:10px 10px 10px 10px;*/
	margin:20px 20px 20px 20px;
	}
	


/*--IMAGE SLIDER--*/
.slider-wrap {
  width: 350px;
  height: 250px;
  margin: 1px auto;
}
.slider {
  overflow-x: scroll;
}
.holder {
  width: 300%;
}
.slide {
  float: left;
  width: 350px;
  height: 250px;
  position: relative;
  /*background-position: -100px 0;*/
}

#slide-0 {
  background-image: url(../images/twoboys.jpg);
}
#slide-1 {
  background-image: url(../images/studentswork.jpg);
}
#slide-2 {
  background-image: url(../images/daycareworkermemorygame.jpg);
}
.slide:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
 
}
.slider-nav {
  text-align: center;
  margin: 10px 0 0 0;
}
.slider-nav a {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #ddd;
  overflow: hidden;
  text-indent: -9999px;
  border-radius: 50%;
}
.slider-nav a.active {
  background: #999;
}
	
/*CONTENT*/
	#content
	{
		width:960px;
		float:left;
		height:153px;
		background-color:#66cc33;
		margin-left:2px;
		text-align:center;
	 	margin-bottom:2px;
		margin-top:2px;
		margin: 10px auto;
	}
	 

#content .left {

    float   : left;
    height  : 153px;
    margin  : 0px;
    padding : 0px;
    width   : 240px;
	background-color:#663300;
	position: relative;
}
#content .info {

    color       :#000000;
    float       : left;
    font-size   :0.8em;
    margin      : 0px;
    overflow    : hidden;
    padding     : 10px 0px 10px 10px;
    max-height  : 132px;
    width       : 350px;
	

    font-family: "Myriad Pro", "Myriad Web Pro", Arial, Helvetica, Tahoma, sans-serif;
    

}

#content .info a {

    color           : #ffffff;
    text-decoration : none;
	margin-right:5px;
}

#content .info div {

    float : left;
}


#content .info div.infotext {

    height      : 132px;
    line-height : 150%;
    overflow    : hidden;
    padding     : 0px 0px 0px 5px;
    width       : 325px;
	

    font-family: "Myriad Pro", "Myriad Web Pro", Arial, Helvetica, Tahoma, sans-serif;
}
#content .info div.infotext a:hover
{
	color: #663300;
}

#content .info div.infotext b {

    font-size : 1.2em;
	color:#FFFFFF;
}

#content .info div.infotext img {

    border     : 4px #66cc33 solid;
    float      : left;
    margin     : 0px 10px 0px 0px;
    max-height : 120px;
    max-width  : 175px;
}

#content .info div.infotext h3 {

    float     : left;
    font-size : 115%;
}

#content .info div.infotext p {

    line-height : 140%;
}


#infant,#after,#summer
{
	text-align:center;
	color:#ffffff;
	margin:0 auto;
	margin-bottom:5px;
	
}
#infant a,#after a,#summer a
{
	color:#ffffff;
	text-decoration:none;
}
#infant a:hover,#after a:hover,#summer a:hover
{
	color: #66cc33;
}
#hoursp
{
	font-family:Arial, sans-serif;
	font-size:0.813em;	
	text-align:center;
	margin:0 auto;
	padding-bottom:6px;
	color:#ffffff;
	
}
/*--FOOTER--*/
footer {
	background-color:#F5DEB3;
	/*background-color:#5A69E1;*/
	height:150px;
	border: solid #FFFFFF 2px;
	-webkit-border-radius: 0px 0px 18px 18px;
	-moz-border-radius: 0px 0px 18px 18px;
	border-radius: 0px 0px 18px 18px;
	clear:both;
	color:#ffffff;
	font-weight:300;
	font-size:smaller;
	width:960px;
	margin:0 auto;
}
footer p {
	margin:0 auto;
}

footer a {
	color:#663300;
	text-decoration:none;
}
footer a:hover {
	color:#ffffff;
}
.utilitynavigation {
	float:left;
	margin-left:30px;
	margin-top:20px;
	
}
.utilitynavigation li {
	margin-bottom:10px;
	list-style:none;
	text-align:center;
}
#footerinfo {
	float:right;
	width:250px;
	text-align:center;
}

#footerinfo p {
	
	
	color:#663300;
	line-height:1.3em;
	font-family:Arial, sans-serif;
	font-size:1.3em;
	margin-top:15px;
	/*margin-right:10px;*/
}
/*form*/
#contactform {
	width:300px;
	border: solid #FFFFFF 2px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	height:480px;
	background-color:#66cc33;
	margin:0 auto;
}
#contactform li {
	font-family: Arial, sans-serif;
	font-size:.8em;
}
div.formlist {
	list-style:none;
	/*margin-left:0px;
	padding-left:0px;*/
}
h3.formheading {
	/*background-color:#ffffff;*/
	border-radius:5px;
	margin-top:10px;
	/*margin-left:0px;*/
	/*padding:8px;*/
	/*padding-left:14px;*/
	font-family:Arial, sans-serif;
	font-size:1.5em;
	text-align:center;
	
}
fieldset {
	border:none;
	text-align:left;
	margin-left:5px;
}


li
{
	list-style:none;
}
input,textarea
	 { 
	 	vertical-align:top; 
		}
textarea
{
	resize:none;
}
#textabout
{
	
		width:560px;
		height:567px;
		background-color:#FFFFFF;
		margin:0 auto;
		border: 3px solid #66cc33;
}
#textfaq,#texttestimonails,#textinfant2
{
	width:560px;
		height:700px;
		background-color:#FFFFFF;
		margin:0 auto;
		border: 3px solid #66cc33;
}
#textparents
{
	width:560px;
		height:550px;
		background-color:#FFFFFF;
		margin:0 auto;
		border: 3px solid #66cc33;
		
}


#textrooms
{
	width:560px;
		height:600px;
		background-color:#FFFFFF;
		margin:0 auto;
		border: 3px solid #66cc33;
}

#main2
{
	float: left;
	background-color:#279b7b;
	height: 605px;
	width: 960px;
	/*padding-top: 10px;*/
	/*padding-left: 10px;*/
	margin:0 auto;
	/*margin-bottom: 15px;*/
	/*padding-top:2px;*/
	
	text-align:center;
	
	
	
}
#contentcontact,#contentabout
{
	float: left;
	background-color:#279b7b;
	height:600px;
	width:960px;
	
}
#imageprogram
{
	margin:0 auto;
	text-align:center;
}
#contentfaq,#contenttestimonials,#contentparents,#contentinfant
{
	float: left;
	background-color:#279b7b;
	height:800px;
	width:960px;
	
}



#contentrooms
{
	float: left;
	background-color:#279b7b;
	height:800px;
	width:960px;
}

p.programroomsp
{
	text-align: left;
padding-left: 65px;
float: left;
}

.faqp
{
	text-align:center;
}
.foodmenup,.testimonialsp,.parentsp,.roomsp,.upcomingevents,.fieldtripsp,.faqp2
{
	text-align:left;
	
		font-family:Arial, sans-serif;
		margin:6px 10px 10px 10px;
}
.answer
{
	text-align:left;
	margin-left:40px;
}
.answer2
{
	text-align:left;
	margin-left:40px;
	padding-left:5px;
}
.answer a,.answer2 a,.testimonialsp a,.foodmenup a, .upcomingevents a,.fieldtripsp a,.faqp2 a,.treehousefundaycare a
{
	color:#000000;
	text-decoration:none;
	
}
.answer a:hover,.answer2 a:hover,.testimonialsp a:hover,.foodmenup a:hover,.upcomingevents a:hover,.fieldtripsp a:hover, .faqp2 a:hover,.treehousefundaycare a:hover
{
	color:#279b7b;
	text-decoration:underline;
	
}
hr
{
	align:center; 
	width:300;
	color:#000000;
}
#contactp
{
	font-family:Arial, sans-serif;
	font-size:0.813em;	
	text-align:center;
	color:#FFFFFF;
	margin:0 auto;
	
}
#contactp a
{
	color:#FFFFFF;
	text-decoration:none;
}
#contactp a:hover
{
	color: #000000;
}
.philosophyp,.policiesp,.missionp,.infantp2,.afterschoolp,.summerprogramp
{
	text-align:left;
		font-family:Arial, sans-serif;
		margin:6px 10px 10px 10px;
}
.philosophyp a,.policiesp a,.missionp a,.summerprogramp a
{
	color:#000000;
	text-decoration:none;
}
.philosophyp a:hover,.policiesp a:hover,.missionp a:hover,.summerprogramp a:hover
{
	color:#279b7b;
	text-decoration:underline;
}