@charset "utf-8";

/* Colors:

White: #ffffff;
Light Grey: #d9d9d9;
Dark Grey: #7f7f7f;
Black: #000000;

Very Light Blue: #a4c3d8;
Light Blue: #6895b4;
Medium Light Blue: #2e7498;
Medium Blue: #2a799e;
Dark Blue: #0b3450;

Light Green: #b8d175;
Dark Green: #435415;

Yellow: #f9c40d;
Orange: #f28d1e;
Dark Orange: #6a4815;

*/

@import url(default.css);

/* Base Styles */
body
{
  height:100%;
	background:#0b3450 url(/images/kidz/background/background.png) 0 0 repeat-x;
  color:#7f7f7f;
  font:normal 12px/22px Verdana, Geneva, sans-serif;
}

h4
{
	font:bold 11px Verdana, Geneva, sans-serif;
	text-transform:uppercase;
}

abbr, acronym
{
	border-bottom: 1px dotted #222;
}

a, a:link, a:visited
{
	color:inherit;
  text-decoration:underline;
}

a:hover, a:active
{
	color:#2a799e;
  text-decoration:none;
}

a:focus
{
  -moz-outline: none;
}

/* Header */
#clouds
{
  height:206px;
	background:url(/images/kidz/header/cloudsLayer.png) -10% 0 repeat-x;
}

#birdsBG
{
  height:206px;
	background:transparent url(/images/kidz/header/birdsBackground.png) -30% 0 repeat-x;
}

#buildings
{
  height:206px;
	background:transparent url(/images/kidz/header/buildingLayer-trans.png) 5% 0 repeat-x;
}

#birdsFG
{
  height:206px;
	background:transparent url(/images/kidz/header/birdsForeground.png) 300% 0 repeat-x;
}

/* Page Shadow */
#shadowLeft
{
	width:282px;
  height:100%;
  background:transparent url(/images/kidz/background/shadowLeft.png) 0 0 repeat-y;
  position:fixed;
  top:0;
  left:0;
}

#escape
{
	position:absolute;
  top:15px;
  left:15px;
  z-index:100;
}

#shadowRight
{
	width:282px;
  height:100%;
  background:transparent url(/images/kidz/background/shadowRight.png) 0 0 repeat-y;
  position:fixed;
  top:0;
  right:0;
}

/* Container */
#container
{
	width:860px;
  height:940px;
  background:transparent url(/images/kidz/background/canvas-trans.png) 0 0 no-repeat;
  position:absolute;
  left:50%;
  top:123px;
  margin-left:-420px;
}

/* Navigation */
#logo a
{
	width:283px;
  height:185px;
  display:block;
	background:transparent url(/images/kidz/nav/logoLarge.png) 0 0 no-repeat;
	text-indent:-5000px;
  position:relative;
  top:-105px;
  left:282px;
}

#navigation
{
  width:698px;
  height:27px;
  margin:0 auto 0 -352px;
  position:absolute;
  left:50%;
  top:95px;
  z-index:10;
}

#navigation ul
{
	list-style:none;
}

#navigation li
{
  float:left;
  display:inline;
  padding:0 12px;
}

#navigation a
{
  float:left;
  text-indent:-5000px;
  display:block;
}

#navigation a.nycKidz
{
	width:95px;
  height:25px;
  margin-top:-1px;
  background:transparent url(/images/kidz/nav/nycKidz.png) 0 0 no-repeat;
}

#navigation a.groups
{
	width:82px;
  height:25px;
  margin-top:0;
  background:transparent url(/images/kidz/nav/groups.png) 0 0 no-repeat;
}

#navigation a.events
{
	width:169px;
  height:27px;
  margin-top:-4px;
  background:transparent url(/images/kidz/nav/eventsClasses.png) 0 0 no-repeat;
}

#navigation a.volunteers
{
	width:119px;
  height:25px;
  margin-top:0;
  background:transparent url(/images/kidz/nav/volunteers.png) 0 0 no-repeat;
}

#navigation a.contacts
{
	width:94px;
  height:25px;
  margin-top:0;
  background:transparent url(/images/kidz/nav/contacts.png) 0 0 no-repeat;
}

#navigation a.nycKidz:hover, #navigation a.groups:hover, #navigation a.events:hover, #navigation a.volunteers:hover, #navigation a.contacts:hover
{
	background-position:0 -27px;
}

#drop
{
	width:187px;
  height:222px;
  padding-top:16px;
	display:block;
	color:#ffffff;
  background:transparent url(/images/kidz/nav/dropBG.png) 0 0 no-repeat;
  text-align:center;
  text-transform:uppercase;
  font-weight:bold;
	position:absolute;
  top:20px;
  left:120px;
  visibility:hidden;
}

#drop li
{
	margin-top:6px;
	display:list-item;
  float:none;
}

#drop a
{
	display:inline;
	text-indent:0;
  text-decoration:none;
  float:none;
}

#drop a:hover, #drop a:active
{
	color:#2a799e;
}

/* Lower Content */
#lower
{
  width:658px;
  height:165px;
  font-size:11px;
  position:relative;
  left:88px;
  top:-40px;
}

#lower strong
{
  color:#ffffff;
  font-weight:bold;
  text-transform:uppercase;
}

#lower a:hover, #lower a:active
{
	color:#ffffff;
  text-decoration:none;
}

#lower .left
{
  width:431px;
  height:162px;
  color:#6a4815;
  background:transparent url(/images/kidz/footer/largeBG-trans.png) 0 0 no-repeat;
  line-height:19px;
  float:left;
}

#lower .left h3
{
	width:182px;
  height:24px;
  margin:32px 0 3px 25px;
  display:block;
  background:transparent url(/images/kidz/footer/kidzEvents.png) 0 0 no-repeat;
  text-indent:-5000px;
}

#lower .left p
{
	margin:0 0 0 28px;
}

#lower .right
{
  width:215px;
  height:150px;
  color:#435415;
  background:transparent url(/images/kidz/footer/smallBG-trans.png) 0 0 no-repeat;
  text-align:center;
  line-height:12px;
  float:right;
  position:relative;
  left:2px;
}

#lower .right h3
{
	width:128px;
  height:24px;
  margin:20px 44px 7px 43px;
  display:block;
  background:transparent url(/images/kidz/footer/meetingTimes.png) 0 0 no-repeat;
  text-indent:-5000px;
}

#lower .right p
{
	margin:0 20px 15px 20px;
}

/* Footer */
#footer
{
  width:661px;
  height:131px;
  margin-left:-335px;
  padding:15px 0 0 10px;
  color:#2a799e;
  border-top:solid 1px;
  border-bottom:solid 1px;
	font:normal 10px Verdana, Geneva, sans-serif;
  position:absolute;
  top:1070px;
  left:50%;
}

#footer a
{
	text-decoration:none;
}

#footer a:hover, #footer a:active
{
	color:#ffffff;
}

#footer h4
{
	color:#a4c3d8;
}

#footer ul
{
	color:#6895b4;
	list-style:none;
}

#footer ul li
{
	margin:3px 0 0 0;
}

#footer .nycKidz, #footer .groups, #footer .events, #footer .volunteers, #footer .contacts
{
  width:130px;
  height:146px;
  float:left;
}

#footer .volunteers
{
	text-align:right;	
}

#footer .contacts
{
	text-align:right;
}

/* Site Info */
#siteInfo
{
	margin-top:1035px;
}

#siteInfo p
{
  text-align:center;	
  font:normal 11px Verdana, Geneva, sans-serif;
  color:#6895b4;
  padding-bottom:25px;
}

/* Welcome Content */
#welcomeContent
{
	width:663px;
  height:235px;
  margin:0 auto;
  position:relative;
  top:-38px;
  left:-13px;
}

#welcomeContent h2
{
	width:136px;
  height:33px;
  display:block;
  background:transparent url(/images/kidz/headings/welcome.png) 0 0 no-repeat;
  text-indent:-5000px;
}

#welcomeContent p
{
  padding:2px 443px 0 5px;
}

#welcomeContent img
{
	margin:-230px -13px 0 0;
  float:right;
}

#welcomeContent hr
{
	width:85%;
  height:0px;
	margin-top:13px;
  border:solid 1px #d9d9d9;
}

#welcomeButtons
{
	width:673px;
  height:300px;
  margin:0 auto;
  position:relative;
  top:-10px;
  left:-15px;
}

#welcomeButtons ul
{
	list-style:none;
}

#welcomeButtons ul li
{
  float:left;
  display:inline;	
}

#welcomeButtons ul li a
{
  float:left;
  display:block;
  text-indent:-5000px;
  background:transparent url(/images/kidz/buttons/contentButtons.png) 0 0 no-repeat;
}

#welcomeButtons a.nursery, #welcomeButtons a.dc4k, #welcomeButtons a.preschool, #welcomeButtons a.godQuest
{
	width:220px;
}

#welcomeButtons a.elementary, #welcomeButtons a.awana
{
	width:230px;
}

#welcomeButtons a.nursery, #welcomeButtons a.preschool, #welcomeButtons a.elementary
{
  height:102px;
}

#welcomeButtons a.dc4k, #welcomeButtons a.godQuest, #welcomeButtons a.awana
{
  height:110px;
}

#welcomeButtons a.nursery
{
	background-position:0 0;
}

#welcomeButtons a.nursery:hover
{
	background-position:0 -212px;	
}

#welcomeButtons a.preschool
{
	background-position:-220px 0;
}

#welcomeButtons a.preschool:hover
{
	background-position:-220px -212px;
}

#welcomeButtons a.elementary
{
	background-position:-440px 0;
}

#welcomeButtons a.elementary:hover
{
	background-position:-440px -212px;
}

#welcomeButtons a.dc4k
{
	background-position:0 -102px;
}

#welcomeButtons a.dc4k:hover
{
	background-position:0 -314px;
}

#welcomeButtons a.godQuest
{
	background-position:-220px -102px;	
}

#welcomeButtons a.godQuest:hover
{
	background-position:-220px -314px;	
}

#welcomeButtons a.awana
{
	background-position:-440px -102px;	
}

#welcomeButtons a.awana:hover
{
	background-position:-440px -314px;	
}

#welcomeButtons hr
{
  width:85%;
  height:0px;
  border:solid 1px #ddd;
  clear:both;
  position:relative;
  top:22px;
}

/* New Content */
#newContent
{
	width:663px;
  height:535px;
  margin:0 auto;
  position:relative;
  top:-38px;
  left:-10px;
}

#newContent img
{
	margin-bottom:14px;
}

#newContent h2
{
	width:235px;
  height:35px;
  display:block;
  background:transparent url(/images/kidz/headings/nycKidz.png) 0 0 no-repeat;
  text-indent:-5000px;
}

#newContent p
{
	width:315px;
  margin:5px 0 0 2px;
  text-align:justify;
  float:left;
}

#newContent p + p
{
	margin-right:10px;
	float:right;
}

#newContent hr
{
	width:85%;
  height:0px;
  border:solid 1px #d9d9d9;
  clear:both;
  position:relative;
  top:24px;
}

/* Nursery Content */
#nurseryContent
{
	width:663px;
  height:535px;
  margin:0 auto;
  position:relative;
  top:-38px;
  left:-10px;
}

#nurseryContent h2
{
	width:233px;
  height:32px;
  display:block;
  background:transparent url(/images/kidz/headings/nurseryToddler.png) 0 0 no-repeat;
  text-indent:-5000px;
}

#nurseryContent p
{
	margin:4px 0 8px 2px;
}

#nurseryContent img
{
	margin-left:22px;
}

#nurseryContent hr
{
	width:85%;
  height:0px;
  border:solid 1px #d9d9d9;
  clear:both;
  position:relative;
  top:16px;
}

/* Preschool Content */
#preschoolContent
{
	width:663px;
  height:535px;
  margin:0 auto;
  position:relative;
  top:-38px;
  left:-10px;
}

#preschoolContent h2
{
	width:127px;
  height:26px;
  display:block;
  background:transparent url(/images/kidz/headings/preschool.png) 0 0 no-repeat;
  text-indent:-5000px;
}

#preschoolContent p
{
	margin:4px 0 8px 2px;
}

#preschoolContent img
{
	margin:24px 0 5px 26px;
}

#preschoolContent hr
{
	width:85%;
  height:0px;
  border:solid 1px #d9d9d9;
  clear:both;
  position:relative;
  top:16px;
}

/* Elementary Content */
#elementaryContent
{
	width:663px;
  height:535px;
  margin:0 auto;
  position:relative;
  top:-38px;
  left:-10px;
}

#elementaryContent h2
{
	width:136px;
  height:28px;
  display:block;
  background:transparent url(/images/kidz/headings/elementary.png) 0 0 no-repeat;
  text-indent:-5000px;
}

#elementaryContent p
{
	margin:4px 0 8px 2px;
}

#elementaryContent img
{
	float:left;
}

#elementaryContent ul
{
	width:450px;
	list-style:none;
  float:right;
}

#elementaryContent ul li
{
  float:left;
  display:inline;	
}

#elementaryContent ul li a
{
  float:left;
  display:block;
  text-indent:-5000px;
}

#elementaryContent a.godTime1
{
	width:216px;
  height:157px;
  margin:-3px 10px 8px 0;
  background:transparent url(/images/kidz/buttons/godTime1.png) 0 0 no-repeat;
}

#elementaryContent a.godTime2
{
	width:216px;
  height:154px;
  margin:0 0 8px 0;
  background:transparent url(/images/kidz/buttons/godTime2.png) 0 0 no-repeat;
}

#elementaryContent a.godTime3
{
	width:216px;
  height:154px;
  margin:0 6px 0 0;
  background:transparent url(/images/kidz/buttons/godTime3.png) 0 0 no-repeat;
}

#elementaryContent a.godTime4
{
	width:220px;
  height:160px;
  background:transparent url(/images/kidz/buttons/godTime4.png) 0 0 no-repeat;
}

#elementaryContent a.godTime1:hover
{
	background-position:0 -157px;
}

#elementaryContent a.godTime2:hover, #elementaryContent a.godTime3:hover
{
	background-position:0 -154px;
}

#elementaryContent a.godTime4:hover
{
	background-position:0 -160px;
}

#elementaryContent hr
{
	width:85%;
  height:0px;
  border:solid 1px #d9d9d9;
  clear:both;
  position:relative;
  top:25px;
}

/* God Quest Content */
#godQuestContent
{
	width:663px;
  height:535px;
  margin:0 auto;
  position:relative;
  top:-38px;
  left:-10px;
}

#godQuestContent h2
{
	width:133px;
  height:27px;
  display:block;
  background:transparent url(/images/kidz/headings/godQuest.png) 0 0 no-repeat;
  text-indent:-5000px;
}

#godQuestContent p
{
	margin:4px 0 8px 2px;
}

#godQuestContent img
{
	margin-left:15px;
}

#godQuestContent hr
{
	width:85%;
  height:0px;
  border:solid 1px #d9d9d9;
  clear:both;
  position:relative;
  top:16px;
}

/* Awana Content */
#awanaContent
{
	width:663px;
  height:535px;
  margin:0 auto;
  position:relative;
  top:-38px;
  left:-10px;
}

#awanaContent h2
{
	width:79px;
  height:26px;
  display:block;
  background:transparent url(/images/kidz/headings/awana.png) 0 0 no-repeat;
  text-indent:-5000px;
}

#awanaContent p
{
	margin:4px 0 20px 2px;
}

#awanaContent ul
{
	list-style:none;
}

#awanaContent ul li
{
  float:left;
  display:inline;	
}

#awanaContent ul li a
{
	margin-right:6px;
  float:left;
  display:block;
  text-indent:-5000px;
}

#awanaContent a.calendar
{
	width:208px;
  height:149px;
  background:transparent url(/images/kidz/buttons/calendar.png) 0 0 no-repeat;
}

#awanaContent a.cubbies
{
	width:217px;
  height:142px;
  margin-top:6px;
  background:transparent url(/images/kidz/buttons/cubbies.png) 0 0 no-repeat;
}

#awanaContent a.sparks
{
	width:215px;
  height:140px;
  background:transparent url(/images/kidz/buttons/sparks.png) 0 0 no-repeat;
}

#awanaContent a.calendar:hover
{
	background-position:0 -149px;
}

#awanaContent a.cubbies:hover
{
	background-position:0 -142px;
}

#awanaContent a.sparks:hover
{
	background-position:0 -140px;
}

#awanaContent img
{
	margin:15px 0 0 7px;
}

#awanaContent hr
{
	width:85%;
  height:0px;
  border:solid 1px #d9d9d9;
  clear:both;
  position:relative;
  top:20px;
}

/* DC4K Content */
#dc4kContent
{
	width:663px;
  height:535px;
  margin:0 auto;
  position:relative;
  top:-38px;
  left:-10px;
}

#dc4kContent h2
{
	width:263px;
  height:33px;
  display:block;
  background:transparent url(/images/kidz/headings/dc4k.png) 0 0 no-repeat;
  text-indent:-5000px;
}

#dc4kContent p
{
	margin:4px 0 10px 2px;
}

#dc4kContent a
{
	width:190px;
  height:104px;
  margin:65px 0 0 10px;
  display:block;
  background:transparent url(/images/kidz/buttons/dc4kBrochure.png) 0 0 no-repeat;
  text-indent:-5000px;
  float:left;
}

#dc4kContent a:hover
{
	background-position:0 -104px;
}

#dc4kContent img
{
	margin-right:20px;
	float:right;
}

#dc4kContent hr
{
	width:85%;
  height:0px;
  border:solid 1px #d9d9d9;
  clear:both;
  position:relative;
  top:15px;
}

/* Events & Classes Content */
#events
{
	width:663px;
  height:535px;
  margin:0 auto;
  position:relative;
  top:-38px;
  left:0;
}

/* Volunteer Content */
#volunteer
{
	width:663px;
  height:535px;
  margin:0 auto;
  position:relative;
  top:-38px;
  left:-10px;
}

#volunteer h2
{
	width:425px;
  height:31px;
  display:block;
  background:transparent url(/images/kidz/headings/volunteer.png) 0 0 no-repeat;
  text-indent:-5000px;
}

#volunteer p
{
	margin:4px 0 10px 2px;
}

#volunteer ul
{
  margin-top:60px;
	list-style:none;
}

#volunteer ul li
{
  float:left;
  display:inline;	
}

#volunteer ul li a
{
	margin-right:0;
  float:left;
  display:block;
  text-indent:-5000px;
}

#volunteer a.spring
{
	width:328px;
  height:155px;
  margin-top:-20px;
  margin-left:150px;
  background:transparent url(/images/kidz/buttons/springVolunteersNeeded.png) 0 0 no-repeat;
}

#volunteer a.spring:hover
{
	background-position:0 -155px;
}

#volunteer a.summer
{
	width:328px;
  height:155px;
  margin-top:-20px;
  margin-left:150px;
  background:transparent url(/kidz/images/summerVolunteersNeeded.png) 0 0 no-repeat;
}

#volunteer a.summer:hover
{
	background-position:0 -155px;
}

#volunteer a.fall
{
	width:326px;
  height:153px;
  margin-top:-20px;
  margin-left:150px;
  background:transparent url(/kidz/images/fallVolunteersNeeded.png) 0 0 no-repeat;
}

#volunteer a.fall:hover
{
	background-position:0 -153px;
}

#volunteer a.winter
{
	width:330px;
  height:152px;
  margin-top:-20px;
  margin-left:150px;
  background:transparent url(/kidz/images/winterVolunteersNeeded.png) 0 0 no-repeat;
}

#volunteer a.winter:hover
{
	background-position:0 -152px;
}

#volunteer a.application
{
	width:208px;
  height:127px;
  margin-left:50px;
  background:transparent url(/images/kidz/buttons/volunteerApplication.png) 0 0 no-repeat;
}

#volunteer a.brochure
{
	width:226px;
  height:110px;
  margin-top:16px;
  margin-left:120px;
  background:transparent url(/images/kidz/buttons/volunteerBrochure.png) 0 0 no-repeat;
}

#volunteer a.application:hover
{
	background-position:0 -127px;
}

#volunteer a.brochure:hover
{
	background-position:0 -110px;
}

#volunteer form
{
	width:207px;
  height:198px;
  margin:20px auto 0;
	display:block;
  background:transparent url(/images/kidz/art/elementaryLogin.png) 0 0 no-repeat;
}

#volunteer label
{
  text-align:center;
}

/* Contact Content */
#contact
{
	width:663px;
  height:535px;
  margin:0 auto;
  position:relative;
  top:-38px;
  left:-10px;
}

#contact h2
{
	width:307px;
  height:36px;
  display:block;
  background:transparent url(/images/kidz/headings/contact.png) 0 0 no-repeat;
  text-indent:-5000px;
}

#contact p
{
	width:180px;
	margin:20px 2px;
  line-height:18px;
}

#contact strong
{
	color:#2a799e;
  font-size:14px;
}

#contact em
{
	color:#f28d1e;
  font-style:normal;
}

#contact img
{
	margin:-440px 10px 0 0;
	float:right;
}

#contact hr
{
	width:85%;
  height:0px;
  border:solid 1px #d9d9d9;
  clear:both;
  position:relative;
  top:15px;
}