@charset "utf-8";
/* kids care club [main] */
*{margin:0;padding:0}.separator{clear:both}.separatorInvisible{clear:both;height:1px}.clearFix:after{content:".";display:block;height:0;clear:both;visibility:hidden}html{font-size:100%}body{font-size:62.5%}
body{font-size:62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; background:#fff url(../images/global/bodyBack.jpg) repeat-x; }

ul, ol, dl, p{margin-bottom:1.5em;}
a{color: #80459c; font-weight: bold; text-decoration: none;}
a:hover{text-decoration: underline;}
h3{color: #80459c; font-size: 1.5em;}
h4{color: #f9a61c; font-size: 1.5em;}

#wrapper{width:930px; margin: 0 auto; position: relative;}
#NAEYC a{background: url(../images/global/NAEYClogo.jpg) top right no-repeat; height: 82px; text-indent:-99999px; display: block;}

#navWrapper {
     width: 930px;
     height: 52px;
     background: url(../images/global/navContainerBack.jpg) no-repeat;
     overflow: hidden;
	 z-index:1000;
	 font-size: 1.6em;
}

#nav, #nav ul {
	list-style: none;
	line-height: 1;
	background: #80459c;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
	z-index:1000;
}

#nav{float: right; padding: 0 20px; background: url(../images/global/navBack.jpg) top right no-repeat; height: 52px;}
#nav ul{}
#nav a {
	display: block;
	width: 100%;
	color: #fff;
	text-decoration: none;
	padding: 0.25em 1em;
	line-height:42px;
}

#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em;
	border-bottom:1px solid #9257AF;
	font-size: .8em;
}

#nav li ul a {
	width: 13em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #4BB1E1;
}

#nav li ul li{width:auto;}
html>body #nav li ul li{width: 167px;}

#aboutTop{width:95px;}
html>body #aboutTop{width:128px;}
#preschoolTop{width:12em;}
html>body #preschoolTop{width:13em;}
#parentTop{width:10em;}
html>body #parentTop{width:11.5em;}
#contactTop{width:6em;}
html>body #contactTop{width:8em;}
#careersTop{width:5em;}
html>body #careersTop{width:6.5em;}
#nav li ul#aboutList{width:180px;}
#nav li ul#preschoolProgramsList{width:180px;}
#nav li ul#parentResourcesList{width:180px;}
#nav li ul#contactUsList{width:243px;}
#nav li ul#contactUsList li{width:230px;}
#nav li ul#contactUsList li a{width:230px;}
#nav li ul#careersList{width:233px;}
#nav li ul#careersList li{width:220px;}
#nav li ul#careersList li a{width:220px;}



#branding{height: 377px; background: orange url(../images/global/faderWidthBack.jpg) repeat-x; padding: 0;}
#branding h1, #branding h2{display: inline; float: left;}
#logo a{display: block; float: left; text-indent:-9999px; background:url(../images/global/kccLogo2.jpg);width: 210px; height: 377px; margin: 0; padding: 0; }
#branding #photoFaderHolder{
	float: right;
	height: 377px;
	width: 712px;
	margin: 0;

}
#contentArea{background:#fff url(../images/global/primaryContentBack.jpg) repeat-x; font-size: 1.2em;overflow: hidden;}
h2#pageTitle{background: url(../images/global/h2Back.jpg) no-repeat; height: 64px; color:#80459c; font-weight: normal; font-size: 3.6em; margin: 0 auto; width: 882px; padding: 0 20px;}
#primaryContent{min-height: 492px; float: left; clear: left; width: 560px; margin: 15px; }
#primaryContent ul{margin-left:20px;}
#primaryContent img{padding:10px;}
#secondaryContent{ float: right; clear: right; width: 335px; }
#footer{background: orange url(../images/global/footerBack.jpg) repeat-x; height: 27px; padding: 40px;}
#footerInner{width: 900px; margin: 0 auto;}
#footer ul{float: left; list-style-type: none;}
#footer ul li{float: left; margin-right: 10px;}
#footer ul li a{color: #0f5aa1; text-decoration:none;}
#footer ul li a:hover{text-decoration: underline;}
#footer p{float: right; color: #0f5aa1;}

.borderedimg{border: 1px solid #DFDFDF;}
#primaryContent .borderedimg{padding:5px; margin: 5px 0;}
#primaryContent .flimg{float: left; clear: left; background: #fff; margin: 0 20px 20px 0;}

ul.noBull{list-style-type: none;}

a img{border: none;}

blockquote{padding: 10px; margin:10px 10px 20px 10px; background: #DFF4FF; border: 2px solid #B5D1DF;}
cite{display: block; text-align: right; margin: 10px 0;}

.locationBlock{width: 237px; margin: 0 15px 30px 0; font-weight: bold;}

.locationBlock ul{margin:0; padding: }
.locationBlock li{font-style: italic; margin: 0; padding: 0; text-align: center; font-weight: normal; color: #4D8E0C;}

.fl{float: left; clear: left;}
.fr{float: right; clear: right;}
.floatContainer{float: left; margin-bottom: 20px;}

.cl{clear: left;}
.right {float:right}