@import url(reset.css);

body {
	font-family: Arial, sans-serif;
	font-size: 13px; 
	color: #231f20;
	background: #ccc;
}

#container {
	position: relative; 
	width: 850px;
	min-height: 800px; 
	min-height: 700px; 
	background: #fff url(images/bg_top_clouds.jpg) top left no-repeat; 
	margin: 0 auto; 
	padding-top: 1px; 
}
	#body_parent_center #container {
		min-height: 900px; 
	}

#logo {
	position: absolute;
	top: 80px;
	left: 80px; 
	width: 204px;
	height: 113px; 
	background: url(images/logo.gif); 
	text-indent: -9999px; 
}
	#logo a {
		width: 100%;
		height: 100%; 
		display: block;
	}

#topnav {
	position: absolute;
	top: 17px;
	left: 0; 
	width: 100%; 
}
	#topnav li a,
	#topnav li a:hover {
		font-size: 13px; 
		font-weight: bold;
		position: absolute; 
		top: 0; 
		white-space: nowrap; 
		color: #5ea4ae; 
		color: #5b90a9;
	}

	#container #topnav li a:hover {
		text-decoration: underline; 
		color: #266972;
		color: #005695;
	}
	#topnav_camp_programs {
		right: 567px; 
	}
	#topnav_faq {
		left: 327px; 
		left: 337px;
		left: 332px; 
	}
	#topnav_apply {
		left: 407px;
		left: 417px; 
		left: 409px; 
	}
	#topnav_forms {
		left: 492px; 
		left: 502px; 
		left: 500px; 
	}
	#topnav_curriculum {
		left: 576px;
		left: 597px; 
	}
	#topnav_parent_center {
		left: 701px; 
		left: 711px; 
		left: 720px; 
	}


	#body_camp_programs #topnav_camp_programs,
	#body_faq #topnav_faq,
	#body_apply #topnav_apply,
	#body_forms #topnav_forms,
	#body_curriculum #topnav_curriculum,
	#body_parent_center #topnav_parent_center
	{
		color: #d6e03e;	
		color: #005695;
	}

#breadcrumb {
	position: absolute;
	top: 177px;
	left: 327px; 
}
	#breadcrumb ul {
		margin: 0;
	}
	#breadcrumb li {
		margin: 0; 
		display: inline; 
		color: #ccc;
		font-size: 9px; 
		font-size: 11px; 
		font-size: 13px; 
	}
	#breadcrumb li a {
		color: #bbb;
		color: #aaa;
	}
	#breadcrumb li a:hover {
		color: #005695;
		text-decoration: underline; 
	}

#bodycopy h1, 
#headline {
	font-family: "Clarendon", Georgia, serif; 
	font-weight: 100;
	font-size: 21px;
	font-size: 24px; 
	color: #d6e03d;
	color: #005695;
	position: absolute;
	top: 220px;
	left: 327px; 
}

#bodycopy h1 {
	margin: 1em 0 0.25em 0;	
	position: static; 
}

#bodycopy {
	/*
	position: absolute;
	top: 255px; 
	*/
	padding-top: 255px;
	margin-left: 327px; 
	padding-bottom: 50px; 
	left: 327px; 
	width: 418px; 
	width: 450px; 
	/*
	height: 280px;
	height: 350px; 
	overflow: auto; 
	*/
	line-height: 20px; 
	font-size: 13px; 
}
	#scrollpane {
		height: 345px;
		width: 398px; 	
		padding-right: 20px; 
	}
	#bodycopy p,
	#bodycopy ul,
	#bodycopy ol,
	#bodycopy h2,
	#bodycopy h3,
	#bodycopy h4,
	#bodycopy li {
		margin: 0 0 10px 0; 
	}

	#bodycopy h2 {
		font-size: 14px;
		font-size: 15px; 
		color: #005695;
		line-height: 20px; 
	}


	#bodycopy a,
	#editpage a {
		color: #005695;
		border-bottom: 1px dotted #89c2ed;
	}
		#bodycopy a:hover,
		#editpage a:hover {
			text-decoration: underline; 
			border: none;
		}

	#bodycopy h3 {
		color: #005695;
		margin-bottom: 0; 
	}

	#bodycopy p strong {
		font-weight: bold; 
	}

	#bodycopy p em {
		font-style: italic; 
	}

	#bodycopy ul li {
		list-style: disc; 
		margin: 0 0 0 2em; 
	}
		#bodycopy ul ul {
			margin: 0;
		}

	#bodycopy ul.subpages li {
		margin: 0 0 0.25em 0;
		list-style: none;
		color: #777;
	}

#sidebar {
	position: absolute;
	top: 255px; 
	left: 198px;
	width: 88px;
	font-size: 10px; 
	color: #005695;
	text-align: right; 
	line-height: 15px; 
	border-right: 1px solid #d6e03d;
	padding-right: 10px; 
	z-index: 10;
}
	#sidebar a {
		color: #d6e03d; 
		color: #c1ca38;
		color: #a2ac10; 
		color: #5ea4ae; 
		border-bottom: 1px dotted #5ea4ae; 
	}
		#sidebar a:hover {
			text-decoration: underline; 
			border: none;
		}

	#sidebar p {
		margin: 0 0 0.75em 0; 
	}

#subnav {
	position: absolute; 
	top: 255px;
	left: 35px;
	width: 250px;
	text-align: right; 
	line-height: 17px; 
	line-height: 20px; 
	z-index: 10; 
	margin-top: 0; 
}

	#subnav a {
		color: #5ea4ae; 
		color: #5b90a9;
	}
		#subnav a:hover {
			text-decoration: underline; 
		}

	#subnav a.on {
		xtext-decoration: underline; 
		color: #c1ca38;
		color: #005695;
	}

	#subnav li:first-child a {
		color: #c1ca38;
	}

#cutout_photo {
	position: absolute;
	top: 378px;
	left: 0; 
	z-index: 1; 
}
	body.parent_28 #cutout_photo.random,
	body.parent_46 #cutout_photo.random {
		/* subnav is too long here, and overlaps photo */
		display: none; 
	}

#copyright {
	position: absolute;
	bottom: -23px;
	left: 0;
	width: 850px; 
	margin: 0;
	padding: 0; 
	text-align: center; 
}
	#copyright,
	#copyright a {
		color: #777;
		font-size: 11px; 
	}
	#copyright a {
		border-bottom: 1px dotted #888; 
	}
	#copyright a:hover {
		color: #444;
		text-decoration: underline;
		border: none;
	}


#editpage {
	position: absolute;
	top: 17px; 
	left: 20px; 
}

#wonder_kids_logo {
	position: absolute;
	top: 145px;
	right: 50px; 
}