@charset "utf-8";

html, body, div, form, ul {
	margin: 0;
	padding: 0;
	}

body {
	background: #00cb63;
	font: 60% Arial, Helvetica, sans-serif;
	color: #0838a5;
	}

/* force IE/Win to inherit text styles... (FF has trouble w/Form elements too) */
table, input, select, textarea {
	font: inherit;
	font-size: 1em;
	}

#wrap {
	width: 770px;
	border: 0;
	border: 1px solid #04ba5c;
	}
	
p, label {
	font-size: 1.3em;
	}
	
a	{
	text-decoration: none;
	}
	
.emphasis {
	color: #00cb63;
	font-weight: bold;
	margin: 0 0 3px 0;
	}
	
#topNav {
	list-style: none;
	text-align: right;
	padding: 5px 10px;
	}
#topNav li {
	display: inline;
	padding-left: 20px;
	}
#topNav a {
	font-size: 1.2em;
	font-weight: bold;
	}
#topNav a:link, #topNav a:visited {
	color: #0838a5;
	}
#topNav #active {
	color: #fff;
	}
	
.background, .footer {
	background-color: #00cb63;
	}
.footer {
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 10px;
	border-bottom: 4px solid #04ba5c;
	}
.footer a {
	color: #fff;
	}
	
.header {
	background: #04ba5c;
	}
	
.header h3 {
	color: #fff;
	padding: 5px 10px;
	margin: 0;
	letter-spacing: 0.6px;
	font-size: 1.3em;
	}

#logo {
	margin: 10px 0 0 18px;
	}

#contentBg {
	width: 100%;
	}

#about #contentBg {
	background: #fff;
	}

#index #contentBg {
	background: #fff url(../images/bg_country.gif) no-repeat 50% 100%;
	}
#contact #contentBg {
	background: #fff url(../images/bg_barn.gif) no-repeat 50% 100%;
	}
#contact #contentBg div {
	margin: 50px 0 50px 150px;
	}

#index #bodyContent {
	width: 60%;
	float: left;
	}
	
#index #bullets {
	width: 40%;
	float: left;
	}
#index #bodyContent div {
	padding: 5px 20px 0 20px;
	}
#index #bullets ul {
	padding: 40px 20px 20px 20px;
	list-style-type: circle;
	font-size: 1.2em;
	list-style-position: inside;
	}
	
#about #bodyContent {
	padding: 20px 65px;
	}
#about #bodyContent h3 {
	margin-bottom: 0;
	}
#about #bodyContent p {
	margin-top: 0;
	}
#about #bodyContent li {
	list-style-position:inside;
	}
#about #bodyContent ul {
	font-size: 1.2em;
	margin-bottom: 10px;
	}
	

#bullets ul li {
	padding: 10px 0 0 15px;
	font-weight: bold;
	}
	
#classrooms {
	text-align: center;
	width: 100%;
	border: 0;
	}
#classrooms td {
	width: 20%
	}
#classrooms img {
	padding: 1px;
	margin: 5px 0;
	background-color: #ddd76f;
	}

#moreInfo {
	width: 100%;
	text-align: center;
	border: 0;
	margin: 20px auto 0 auto;
	font-size: 1.4em;
	}
#moreInfo td {
	width: 33%;
	padding: 15px 0;
	}
	
#moreInfo #border {
	border-style: none solid none solid;
	border-color: #e7c0a7;
	border-width: 1px;
	}
	
#moreInfo ul {
	list-style-position: inside;
	list-style: none;
	}
#moreInfo li {
	}
	
h1 {
	height: 63px;
	margin: 0.5em 0;
	background-repeat: no-repeat;
	letter-spacing : -1000em;
	font-size: 1em;
	}
/* be nice to Opera, but hide from IE/Mac */
/*\*/html>body h1 {
	letter-spacing: normal;
	text-indent: -999em;
	overflow: hidden;
	} 
/* stop hiding */

/* mir not working for IE6 so... */
/*\*/
* html h1 {
	text-indent:-999em; 
	overflow:hidden;
	letter-spacing: normal;
	}
/* stop hiding */

h1 {
	background-image: url(../images/pro_child_care.gif);
	}
	
/* FORMS */

#contactForm input, #contactForm textarea {
	width: 150px;
	}
#contactForm #submitButton {
	width: 50px;
	}

#contactForm dd {
	margin: 0;
	padding: 4px 0 0 90px;
	}
#contactForm dt {
	float: left;
	padding-top: 2px;
	}
#contactForm {
	float: left;
	margin: 45px 0 30px 100px;
	}
* html #contactForm {
	margin: 45px 0 30px 75px;
	}
#contactForm span {
	color: #39C4E1;
	}

#contact #contentBg ul {
	float: left;
	margin: 55px 0 30px 100px;
	list-style-type: none;
	font-size: 1.2em;
	font-weight: bold;
	}
* html #contact #contentBg ul {
	margin: 45px 0 30px 50px;
	}
#contact #contentBg ul li {
	padding-top: 5px;
	}
	

/* GALLERY */ 

#frame {
	background: #fff;
	padding: 0 0 20px 0;
	}
#frame ul {
	list-style-type: none;
	padding: 20px 0;
	font-weight: bold;
	}
#frame ul li {
	display: inline;
	padding-left: 20px;
	}
#frame li a {
	text-decoration: underline;
	}

#gallery {
	padding: 15px 0;
	}
#gallery img {
	border: 1px solid #ddd76f;
	}
#imgGallery #contentBg {
	background: #fff;
	}
	



/* UTILITY */

.ctr {
	text-align: center;
	}
.rgt {
	text-align: right;
	}