@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;
}

hr {
	width:85%;
	height:0px;
	border:solid 1px #d9d9d9;
	position:relative;
	bottom:10px;
}

/* 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:-30px;
	left:60px;
	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;
	height:27px;
	background:transparent url(/kidz/images/navButtons.png) no-repeat;
}

#navigation a.nycKidz
{
	width:95px;
	background-position:0 0;
}

#navigation a.nycKidz:hover {
	background-position:0 -27px;	
}

#navigation a.groups
{
	width:82px;
	background-position:-119px 0;
}

#navigation a.groups:hover {
	background-position:-119px -27px;	
}

#navigation a.events
{
	width:169px;
	background-position:-229px 0;
}

#navigation a.events:hover {
	background-position:-229px -27px;	
}

#navigation a.volunteers
{
	width:119px;
	background-position:-425px 0;
}

#navigation a.volunteers:hover {
	background-position:-425px -27px;	
}

#navigation a.contacts
{
	width:94px;
	background-position:-568px 0;
}

#navigation a.contacts:hover
{
	background-position:-568px -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;
	background:none;
}

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

/* Lower Content */
#lower
{
	width:658px;
	height:165px;
	font-size:11px;
	position:absolute;
	left:88px;
	bottom:114px;
}

#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 18px 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;
}

#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;
	width:222px;
	text-indent:-5000px;
	background:transparent url(/kidz/images/pageButtons.png) 0 0 no-repeat;
}

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

#welcomeButtons a.dc4k, #welcomeButtons a.familyFaith, #welcomeButtons a.facebook
{
	height:110px;
}

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

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

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

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

#welcomeButtons a.elementary
{
	background-position:-448px -2px;
}

#welcomeButtons a.elementary:hover
{
	background-position:-448px -214px;
}

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

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

#welcomeButtons a.familyFaith
{
	background-position:-225px -102px;	
}

#welcomeButtons a.familyFaith:hover
{
	background-position:-225px -314px;	
}

#welcomeButtons a.facebook
{
	background-position:-448px -102px;	
}

#welcomeButtons a.facebook:hover
{
	background-position:-448px -314px;	
}

/* 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;
}

/* 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;
}

/* 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;
}

/* 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
{
	margin-left:15px;
}

#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;
}

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

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

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

/* 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;
}

/* 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.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;
}

/* 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
{
	position:absolute;
	right:10px;
	bottom:50px;
}