/* Top Level Styles
......................................................................*/

body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	color: #616161;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/page_bg.gif) no-repeat center top;
}
h1 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #6C6C6C;
}
a {
	color: #A8C159;
	text-decoration: none;
}
a:hover {
	color: #8AA43C;
	text-decoration: underline;
}
h2 {
	margin: 20px 0 20px 0;
	padding: 0;
	font: normal 1.4em Arial, Helvetica, sans serif;
	color: #699DC2;
	border-bottom: 1px dotted #ccc;
	line-height: 1.6em;
}
p {
	margin: 20px 0 20px 0;
	padding: 0 0 1px 0;
}
img {
	margin: 0;
	padding: 0;
	text-align: left;
	border: 0;
}
ul, li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#wrap {
	width: 782px;
	margin: 0 auto;
	position: relative;
	background: url(../images/wrapper_tile.gif) repeat-y;
}


/* banner
......................................................................*/

#banner {
	height: 355px;
	background: #AED4EB url(../images/page_bg.gif) no-repeat center top;
	width: 782px;
}
#Logo a {
	position: absolute;
	height: 51px;
	width: 382px;
	left: 22px;
	top: 5px;
	display: block;
	z-index: 99;
	background: url(../images/logos1.gif) no-repeat left top;
	text-decoration: none;
}
#Logo span {
	display: none;
}
#Logo h1 {
	margin: 0px;
	padding: 0px;
}
#Logo a:hover {
	background: url(../images/logos2.gif) no-repeat left top;
}
#grads {
	position: absolute;
	left: 24px;
	top: 76px;
	height: 229px;
	width: 435px;
}
#polaroid {
	position: absolute;
	left: 471px;
	top: 27px;
}
#galleryOn {
	background: url(../images/galleryon.gif) no-repeat;
}
.gallery {
	height: 27px;
	width: 110px;
	background: url(../images/gallery_button.gif) no-repeat left top;
	position: absolute;
	top: 284px;
	left: 565px;
	display: block;
	text-decoration: none;
}
.gallery:hover {
	background: url(../images/gallery_button.gif) no-repeat -110px 0;
}
.gallery span {
	display: none;
}


/* mainNav
......................................................................*/

#mainNav {
	position: absolute;
	height: 37px;
	left: 15px;
	top: 318px;
	font: 1.3em Arial, Helvetica, sans-serif;
}
#mainNav a {
	height: 37px;
	display: inline;
	float: left;
	color: #3D7498;
	margin-right: 13px;
	margin-left: 14px;
}
#mainNav a:hover {
	background-color: #CC3399;
	color: #FFCCFF;
}

#mainNav .on {
	background-color: #CC3399;
	color: #FFCCFF;
}
#mainNav #home {
	height: 37px;
	width: 33px;
	margin-left: 26px;	
}
#mainNav #whoweare {
	height: 37px;
	width: 69px;
}
#mainNav #school {
	height: 37px;
	width: 41px;
}
#mainNav #childcare {
	height: 37px;
	width: 56px;
}
#mainNav #parenting {
	height: 37px;
	width: 110px;
}
#mainNav #teen {
	height: 37px;
	width: 165px;
}
#mainNav #contact {
	height: 37px;
	width: 64px;
}

/* subNav
......................................................................*/

#subNav {
	float: left;
	width: 194px;
	background-image: url(../images/note.jpg);
	background-repeat: no-repeat;
	text-align: left;
	height: 400px;
}
#subNav h2 {
	color: #D75EA9;
	width: 168px;
	height: 93px;
	padding: 0;
	text-indent: -9999px;
	margin: 0;
	font: 1.6em Arial, Helvetica, sans-serif;
}
#homeSub {
background: url(../images/homesub.gif) no-repeat right bottom;	
}
#whoweareSub {
background: url(../images/whowearesub.gif) no-repeat right bottom;	
}
#schoolSub {
background: url(../images/schoolsub.gif) no-repeat right bottom;	
}
#childcareSub {
background: url(../images/childcaresub.gif) no-repeat right bottom;	
}
#parentingSub {
background: url(../images/parentingsub.gif) no-repeat right bottom;	
}
#teenSub {
background: url(../images/teensub.gif) no-repeat right bottom;	
}
#contactSub {
background: url(../images/contactsub.gif) no-repeat right bottom;	
}
#gallerySub {
background: url(../images/gallerysub.gif) no-repeat right bottom;	
}
#subNav ul {
	list-style-type: none;
	width: 140px;
	margin: 0;
	padding: 10px 0 0 40px;
}
#subNav li {
	display: inline;
}
#subNav h2 {
	border-style: none;
}
#subNav a {
	display: block;
	color: #CC3399;
	padding: 8px 0 6px 22px;
	text-decoration: underline;
	font: 1.2em Arial, Helvetica, sans-serif;
}
#subNav a:hover {
	background: url(../images/flower.gif) no-repeat 0 5px;
	text-decoration: none;
}
#subNav .onSub {
	background: url(../images/flower.gif) no-repeat 0 5px;
	text-decoration: none;
}

/* mainContent
......................................................................*/

#mainContent {
	float: left;
	width: 360px;
	margin: 40px 0 45px 30px;
	text-align: left;
	background: url(../images/sm_balloon.gif) no-repeat -500px; /*img preload technique*/
}

#galleryContent {
	float: left;
	width: 500px;
	margin: 38px 0 30px 36px;
	text-align: left;
}
#mainContent ol {
	font-size: 1.3em;
	list-style: lower-alpha;
}
#mainContent ol li{
	list-style: decimal;
	margin-bottom: 10px;
	margin-right: 20px;
}
#twoCol {
	float: left;
	width: 466px;
	margin: 40px 0 45px 50px;
	text-align: left;
}
#mainContent p, #twoCol p {
	color: #616161;
	font: 1.3em Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
.staff {
	font: normal 1.3em Arial, Helvetica, sans-serif;
	color: #666666;
	clear: left;
	line-height: 1.4em;
	padding-bottom: 20px;
	margin-top: 20px;
	height: 150px;
	border-bottom: 1px dotted #ccc;
}
.staff img {
	border: 1px solid #999;
	float: left;
	margin-right: 30px;
	display: block;
}
#newsEvents h1 {
	margin-top: 30px;
}
#newsEvents h2 {
	color: #699DC2;
	font-weight: bold;
}
.top {
	font: bold 1.2em Arial, Helvetica, sans serif;
	color: #B4CC71;
	border-top: 1px dotted #ccc;
	text-align: right;
	line-height: 1.6em;
	display: block;
}

/* Contact Info and Form
......................................................................*/

#formBox {
	float: left;
	width: 312px;
	text-align: left;
	margin: 20px 0 0px 80px;
	display: inline;
}
#contactPg #formBox {
	margin-bottom: -60px;
}
#formBox p {
	padding: 0px;
	font-size: 1.2em;
	line-height: 20px;
	margin: 8px 0 0 2px;
}
h2#formHeading{
  margin-bottom:12px;
}
#formFeedback {
	color: #CC3399;
}
#formBox #formMessage {
	color: #CC3399;
	border: 1px solid #CC3399;
	width: 250px;
	padding: 6px;
	margin: 30px 0 0 2px;
}
#sendBtn {
  color: #616161;
  background: #EAF1F7;
  font-weight: normal;
  border: 1px solid #C8C8C8;
}
#sendBtn:hover {
  background: #D2E2EE;
  cursor: pointer;
}
input:focus, textarea:focus {
	background: #DCE8F1;
}
.texta {
	background-color: #EAF1F7;
	border: 1px solid #C8C8C8;
	font: 13px Arial, Helvetica, sans-serif;
}

#contactInfo {
	float: left;
	width: 248px;
	height: 360px;
	margin: 20px 0 0px 60px;
	text-align: left;
	display: inline;
}
#contactInfo p {
	color: #616161;
	font: 1.3em Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	margin-top: 24px;
	margin-left: 2px;
}



/* helpfulLinks and testimonials
......................................................................*/

#helpfulLinks {
	float: left;
	margin: 26px 0 30px 32px;
	text-align: left;
	width: 150px;
}
#testimonials {
	float: left;
	margin: 26px 0 30px 32px;
	text-align: left;
	width: 150px;
}
#address {
	margin: 0px 0px -12px;
	padding: 0px;
}

#helpfulLinks h2, #testimonials h2 {
	color: #D75EA9;
	width: 150px;
	height: 50px;
	padding: 0;
	background: url(../images/helpfulLinks.gif) no-repeat;
	border-bottom: 1px dotted #E4E4E4;
	margin: 0;
	text-indent: -9999px;
	font: 1.6em Arial, Helvetica, sans-serif;
}
#testimonials h2 {
	background: url(../images/testimonials.gif) no-repeat;
}
#helpfulLinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#helpfulLinks li {
	display: inline;
}
#helpfulLinks a, #testimonials a {
	display: block;
	border-bottom: 1px dotted #E4E4E4;
	text-decoration: none;
	color: #F570C7;
	padding: 9px 0 8px 5px;
	margin-right: 1px;
	font: 1.2em Arial, Helvetica, sans-serif;
	width: 145px;
}

#helpfulLinks a:hover {
	text-decoration: underline;
}
#testimonials a {
    position:relative; 
    z-index:24;
    text-decoration:none
}
#testimonials a:hover {
	z-index:25; 
	background-color: #fff;
}
#testimonials a span {
	display: none;
	padding-right: 32px;
	padding-left: 11px;
	paddi\ng-left: 11px;
	padding-top: 12px;
}
* html #testimonials span {
	padding-left: 8px; /*makes IE happy... and me too*/
}
#testimonials a:hover span {
	display: block;
	position: absolute;
	top: -52px;
	left: -220px;
	width: 180px; 
	height: 242px;
	text-align: center;
	background: url(../images/infopic1.jpg) no-repeat;
}
#testimonials a:hover .sm_balloon {
	padding-top: 18px;
	display: block;
	position: absolute;
	top: -52px;
	left: -220px;
	width: 180px; 
	height: 113px;
	text-align: center;
	background: url(../images/sm_balloon.gif) no-repeat;
}
#testimonials em {
	color: #3d7090;
	font-style: italic;
	display: block;
	width: 170px;
	font-size: 12px;
	line-height: 15px;
}
#testimonials img {
	margin-top: 8px;
	margin-left: 3px;
}
/* link disclaimer
......................................................................*/

#link_disclaimer {
	position:relative;
	z-index:24;
	text-decoration:none;
	left: 1px;
	font: 1.2em Arial, Helvetica, sans-serif;
}
#link_disclaimer:hover {
	z-index:25; 
	background-color: #fff;
}
#link_disclaimer span {
	display: none;
	padding-right: 32px;
	padding-left: 11px;
	paddi\ng-left: 11px;
	padding-top: 12px;
}
* html #link_disclaimer span {
	padding-left: 10px; /*makes IE happy... and me too*/
	padding-top: 13px;
}
#link_disclaimer:hover span {
	display: block;
	position: absolute;
	top: -52px;
	left: -220px;
	width: 180px; 
	height: 242px;
	text-align: left;
	background: url(../images/infopic1.jpg) no-repeat;
}
#link_disclaimer em {
	color: #3d7090;
	font-style: italic;
	display: block;
	width: 170px;
	font-size: 12px;
	line-height: 15px;
	margin-left: 5px;
	font-style: normal;
	margin-top: 2px;
	background: #FFF;
}
#link_disclaimer img {
	margin-top: 8px;
	margin-left: 3px;
}

#helpfulLinks #link_disclaimer, #testimonials #link_disclaimer {
	color: #A8C159;
	text-decoration: none;	
}
#helpfulLinks #link_disclaimer:hover, #testimonials #link_disclaimer:hover {
	color: #8AA43C;
	text-decoration: none;	
}

/* footer
......................................................................*/

#footer {
	height: 82px;
	width: 782px;
	text-align: right;
	clear: both;
	background: #D6EBAB url(../images/footer.gif) no-repeat;
}
#footer p, #splash_footer p {
	color: #9DBB60;
	margin: 0 78px 0 0;
	padding: 24px 0 0 0;
	font: 1.1em Arial, Helvetica, sans-serif;
}
#footer a, #splash_footer a {
	color: #9DBB60;
	text-decoration: underline;
	font-size: 1.0em;
}
#footer a:hover, #splash_footer a:hover {
	color: #9DBB60;
	text-decoration: none;
	background: #D7EAA6;
}

/* splash
......................................................................*/

.splash {
	background: url(../images/splash_bkgd.gif) no-repeat center top;
}
#splash_wrap {
	width: 782px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
#splash_content {
	width: 782px;
	background: url(../images/body_tile.gif) no-repeat left bottom;
	height: 400px;
}
#splash_banner {
	height: 110px;
	width: 782px;
	position: relative;
}
#splash_footer {
	height: 74px;
	width: 782px;
	text-align: right;
	clear: both;
	background: #D6EBAB url(../images/splash_footer.gif) no-repeat -3px 0px;
}
#splash_h2 {
	text-align: left;
	width: 700px;
	margin: 20px 0 0 40px;
	padding: 0px;
}
#org_wrap {
	width: 350px;
	float: right;
	margin-right: 40px;
	display: inline;
}
#intro_org {
	width: 350px;
	float: left;
	margin-left: 41px;
	display: inline;
}
.organizations {
	font: normal 1.3em Arial, Helvetica, sans-serif;
	color: #667;
	line-height: 1.4em;
	padding-bottom: 20px;
	margin-top: 20px;
	height: 78px;
	border-bottom: 1px dotted #ccc;
	text-align: left;
	position: relative;
}
#org_wrap .organizations {
	padding-left: 20px;
}
#intro_org .organizations {
	background: url(../images/dividers.gif) no-repeat 342px -12px;
}
.organizations span {
	line-height: 78px;
	margin-left: 16px;
	font-weight: normal;
	color: #FF3399;
}
.organizations p {
	margin-left: 16px;
	font-weight: normal;
	color: #FF3399;
	padding-top: 21px;
	margin-top: 0px;
}
.organizations img {
	float: left;
	margin-right: 30px;
	display: inline;
}
.organizations a {
	color: #667;
	text-decoration: none;
	border-bottom: 1px dotted #CCCCCC;
}
.organizations a:hover {
	color: #A8C159;
	text-decoration: none;
	border-bottom: 1px solid #A8C159;
}
#enter {
	background: url(../images/enter.gif) no-repeat;
	height: 37px;
	width: 105px;
	display: block;
	position: absolute;
	top: 54px;
	right: 40px;
	text-align: center;
	font: bold 1.5em/37px Arial, Helvetica, sans-serif;
	color: #014514;
	text-decoration: none;
}
#enter:hover {
	background: url(../images/enter_over.gif) no-repeat;
	text-decoration: none;
	color: #FB1192;
}