body {
background-color: #38389A;
}

/*  Container for all pages */

#wrapper {
	height: 100%;
	width: 100%;
}

/*  Preload Header Rollover Images */

.preload 
{ 
background-image:url( images/HomePage_over.gif);
background-image:url( images/OurFacilities_over.gif);
background-image:url( images/OurPrograms_over.gif);
background-image:url( images/Staff_over.gif);
background-image:url( images/FAQs_over.gif);
background-image:url( images/Contact_over.gif);
} 

/*  BEGIN Header and Header NAV Images, Rollovers */


#header {
	position: relative;
	background-color: #38389a;
	background-image: 
    url("images/Header_NEW9.jpg");
	background-repeat: no-repeat;
	width: 750px;
	height: 127px;
	background-position: 3px;
	display: block;
	text-indent: -20000px;
	overflow: hidden;
	margin: 0;

}
#header a
{
    position: absolute;
    top: 0;
    left: 0;
    width: 750px;
    height: 127px;
	cursor:pointer;cursor:hand;
}
 
#header h1 {
	font-size: 10px;
}
#headernav {
	width: 750px;
	position: relative;
	height: 35px;
	margin: 0
	padding: 0;
	left: 0px;
	top: 0px;
	z-index: auto;
}
#headernav ul {
	list-style-image: none;
	height: 35px;
	width: auto;
	left: 15px;
	top: 0px;
	bottom: 0px;
	margin: 0;
	padding: 0;
	position: relative;
}
#headernav ul li  {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}  
#headernav ul li a {
	height: 35px;
	color: #fff;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#headernav ul li a#about {
  background-image: 
    url("images/About_Kennybrook.gif");
  background-repeat: no-repeat;
	margin: 0;
	padding: 0;
  	left: 0px;
	top: 0px;
	width:220px;
}
#headernav ul li a#about:hover {
  background-image: 
    url("images/About_Kennybrook_over.gif");
  background-repeat: no-repeat;
  text-decoration: none;
	margin: 0;
	padding: 0;
  	left: 0px;
	top: 0px;
	width:220px;
}
#headernav ul li a#parents {
  background-image: 
    url("images/Parents.gif");
  background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0px;
    left: 0px;
	top: 0px;
	width:120px;
}
#headernav ul li a#parents:hover {
  background-image: 
    url("images/Parents_over.gif");
  background-repeat: no-repeat;
	margin: 0;
	padding: 0;
    left: 0px;
	top: 0px;
	width:120px;
}
#headernav ul li a#kids {
  background-image: 
    url("images/Kids.gif");
  background-repeat: no-repeat;
	margin: 0;
	padding: 0;
    left: 0px;
	top: 0px;
	width:90px;
}
#headernav ul li a#kids:hover {
  background-image: 
    url("images/Kids_over.gif");
  background-repeat: no-repeat;
	margin: 0;
	padding: 0;
    left: 0px;
	top: 0px;
	width:90px;
}
#headernav ul li a#staff {
  background-image: 
    url("images/Staff.gif");
  background-repeat: no-repeat;
	margin: 0;
	padding: 0;
    left: 0px;
	top: 0px;
	width:105px;
}
#headernav ul li a#staff:hover {
  background-image: 
    url("images/Staff_over.gif");
  background-repeat: no-repeat;
	margin: 0;
	padding: 0;
    left: 0px;
	top: 0px;
	width:105px;
}

#headernav ul li a#contact {
  background-image: 
    url("images/Contact_Us.gif");
  background-repeat: no-repeat;
	margin: 0;
	padding: 0;
    left: 0px;
	top: 0px;
	width:160px;
}

#headernav ul li a#contact:hover {
  background-image: 
    url("images/Contact_Us_over.gif");
  background-repeat: no-repeat;
	margin: 0;
	padding: 0;
    left: 0px;
	top: 0px;
	width:160px;
}

#headernav ul li a#home {
  background-image: 
    url("images/Home_Icon.gif");
  background-repeat: no-repeat;
	margin: 0;
	padding: 0;
    left: 0px;
	top: 0px;
	width:20px;
}

#headernav ul li a#home:hover {
  background-image: 
    url("images/Home_Icon_over.gif");
  background-repeat: no-repeat;
	margin: 0;
	padding: 0;
    left: 0px;
	top: 0px;
	width:20px;
}

/*  END Header and Header NAV Images, Rollovers */


/*  BEGIN intro-specific CSS */

#introflash {
	height: 310px;
	width: 740px;
	background-image: 
    url("images/beachball_swimgirl.jpg");
    background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
#intromoreinfo {
	width: 750px;
	position: relative;
	left: 0px;
	top: 12px;
	height: 258px;
}
#introCampDates {
	position:absolute;
	width:200px;
	height:110px;
	z-index:1;
	left: 550px;
	top: 85px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
#introCampDates ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
 
#introCampDates li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 1.3em;
}
 
#introCampDates .col1 {margin-left: 0em;}
#introCampDates .col2 {margin-left: 11em;}
#introCampDates .coltopper {margin-top: -6.5em;}

#introCampIs {
	position:absolute;
	width:290px;
	height:90px;
	z-index:2;
	left: 240px;
	top: 105px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 18px;
}

.introCampIs a:active { text-decoration: none }
.introCampIs a:link { color: #ffffff; text-decoration: none }
.introCampIs a:visited { color: #ffffff; text-decoration: none }
.introCampIs a:hover { color: #006600; text-decoration: none }
.introCampIs { font-family : Arial, Helvetica, sans-serif; font-size : 14px; color : #ffffff;}

/*  END intro-specific CSS */


/*  BEGIN Footer  */


#footer {
	width: 750px;
	position: relative;
	height: 200px;
	left: 0px;
	top: 10px;
	z-index: auto;
	clear: both;
}


#footer #CampCountdown {
	position:absolute;
	width:200px;
	height:auto;
	z-index:6;
	left: 15px;
}

#footer #Countdown {
	position:absolute;
	width:55px;
	height:50px;
	z-index:1;
	left: 93px;
	top: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #F01010;
	font-weight: bold;
}

#footer #SummerAddress {
	position:absolute;
	width:190px;
	height:100px;
	z-index:2;
	left: 275px;
	top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
}
#footer #WinterAddress {
	position:absolute;
	width:190px;
	height:100px;
	z-index:3;
	left: 535px;
	top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
	font-weight: normal;
	text-align: center;
}
#footer #Copyright {
	position:absolute;
	width:300;
	height:25px;
	z-index:4;
	top: 108px;
	left: 235px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

.Copyrightemail a:active { text-decoration: none }
.Copyrightemail a:link { color: #00CCFF; text-decoration: underline }
.Copyrightemail a:visited { color: #ffffff; text-decoration: none }
.Copyrightemail a:hover { color: #00CCFF; text-decoration: underline }
.Copyrightemail { font-family : Arial, Helvetica, sans-serif; font-size : 13px; color : #ff9900;}

.Copyrightlink a:active { text-decoration: none }
.Copyrightlink a:link { color: #ffffff; text-decoration: none }
.Copyrightlink a:visited { color: #ffffff; text-decoration: none }
.Copyrightlink a:hover { color: #00CCFF; text-decoration: underline }
.Copyrightlink { font-family : Arial, Helvetica, sans-serif; font-size : 12px; color : #ffffff;}


#footer #CampSong {
	position:absolute;
	width:200px;
	height:37px;
	z-index:6;
	left: 40px;
	top: 125px;
	float: left;
}
#footer #CampSong #flashSong {
	position:absolute;
	float: right;
	left: 128px;
	top: 3px;
	width: 32px;
	height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#footer #CampAccredited {
	position:absolute;
	width:106px;
	height:63px;
	z-index:5;
	left: 575px;
	top: 100px;
}


/*  END Footer  */



/*  BEGIN round corners container layout for pages, after intro  */

#roundcorners {
	top: 0px;
	width: 750px;/* -- edit width here! -- */
	padding: 0;
	margin: 0;
	height: auto;
	background-color: #FFFFFF;
 }

.roundcorners { background-color: #FFFFFF;}
.roundcorners .wr_toprow { background: url(images/cornertoptile.gif) repeat-x; }
.roundcorners .wr_toprow div { background: url(images/cornertopleft.gif) no-repeat top left; }
.roundcorners .wr_toprow div div { background: url(images/cornertopright.gif) no-repeat top right; }

.roundcorners .wr_contentrow {
	background: url(images/cornerlefttile.gif) repeat-y;
	height: auto;
	background-color: #FFFFFF;
}
.roundcorners .wr_contentrow .wr_content  {
	background: url(images/cornerrighttile.gif) repeat-y right;
	height: auto;
	background-color: #FFFFFF;
}

.roundcorners .wr_botrow { background: url(images/cornerbottile.gif) repeat-x; }
.roundcorners .wr_botrow div { background: url(images/cornerbotleft.gif) no-repeat top left; }
.roundcorners .wr_botrow div div { background: url(images/cornerbotright.gif) no-repeat top right; }

.roundcorners .wr_toprow, .roundcorners .wr_toprow div,
.roundcorners .wr_botrow, .roundcorners .wr_botrow div
 {
	width:100%;
	height:14px;
	font-size:1px;
}

.roundcorners .wr_content  {
	padding: 1px 1em;
	margin: 0;
}
.roundcorners p { padding: 0; margin: .5em 0 0 0; padding-bottom: 1em; }


/*  END round corners container layout for pages, after intro */



/*  BEGIN left side navbar and navbar links for pages, after intro */

#sidenavbar {
	position:relative;
	width:170px;
	height:100%;
	z-index:1;
	background-image: url(images/navBG.jpg);
	background-repeat: no-repeat;
	top: -10px;
	left: -12px;
	text-align: right;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	margin-right: 0px;
	padding-right: 20px;
	padding-top: 15px;
	float: left;
	color: #3333CC;
	background-color: #FFFFFF;
	max-width: 170px;
}

#sidenavlinks {
	width: 150px;
	line-height: 15px;
	margin-right: 20px;
	
}

.sidenavlinks { font-family : Tahoma, Verdana, Arial, Helvetica; font-size : 12px; color : #0033CC; }
.sidenavlinks a:active { text-decoration: none; }
.sidenavlinks a:link { color: #0033CC; text-decoration: none;  }
.sidenavlinks a:visited { color: #0033CC; text-decoration: none; }
.sidenavlinks a:hover {
	color: #009900;
	text-decoration: none;
	text-indent: 0px;	
}

.sidenavlinks a:hover:before {
	/* nav arrow on hover */
	content: url("images/nav_arrow_right.gif");
	border: 0px
	text-indent: 0;
	padding-right: 2px;	
}


/*  END left side navbar and navbar links for pages, after intro */


/*  Contains the main content on each page, after intro  */

#MainContent {
	width: 490px;
	height: auto;
	padding: 0px;
	position: relative;
	top: 0px;
	left: -15px;
	text-align: left;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	min-height: 650px;
	margin: 0;
	max-width: 490px;
	float: none;
	padding-bottom: 30px;
	line-height: 18px;
}

#MainContent a:active { text-decoration: none }
#MainContent a:link { color: #0000EE; text-decoration: underline }
#MainContent a:visited { color: #0000EE; text-decoration: underline }
#MainContent a:hover { color: #009933; text-decoration: underline }

#MainContent #faqlinks a:active { text-decoration: none }
#MainContent #faqlinks a:link { color: #0000EE; text-decoration: none }
#MainContent #faqlinks a:visited { color: #0000EE; text-decoration: none }
#MainContent #faqlinks a:hover { color: #009933; text-decoration: underline }


 .input {
	font-family: arial, helvetica, san-serif, verdana;
	color: #000000; 
	background-color: #efefef;
	font-size: 11px;
	font-weight: normal;  
	border:1px solid #666;
	height:17px;
	Vertical-Align: top;
	Horizontal-Align: Center;
	}
	
.textarea {
	font-family: arial, helvetica, san-serif, verdana;
	color: #000000; 
	background-color: #efefef;
	font-size: 11px;
	font-weight: normal;  
	border:1px solid #666;
	Vertical-Align: top;
	Horizontal-Align: Center;
	}
	

.CampSongPopup {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	color: #ffffff; 
	font-size: 14px;
	font-weight: normal;  
	}
	
.CampSongPopup a:active { text-decoration: none }
.CampSongPopup a:link { color: #ffffff; text-decoration: underline }
.CampSongPopup a:visited { color: #ffffff; text-decoration: underline }
.CampSongPopup a:hover { color: #00A8FF; text-decoration: underline }

.OtherPopup {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	color: #ffffff; 
	font-size: 16px;
	font-weight: normal;  
	}

.tahoma12 {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 12px;
	}
	
.tahoma16 {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 16px;
	}