@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 17px;
	line-height: 22px;
}
A:Link { color:#003D96; text-decoration: none }
A:Visited { color:#003D96; text-decoration: none }
A:Active { color:#fa5801; text-decoration: underline }
A:Hover { color:#fa5801; text-decoration: underline }
.container {position:absolute;
	width: 100%;
	text-align:center;
	background-image:url(../images/tiles.jpg);
	background-repeat:repeat-x;
	background-color: #75bac6;

}
h1 {
	font-family:"Comic Sans MS", cursive;
	font-weight:500;
	font-size:35px;
	margin-bottom:15px;
	color:#F90;
	line-height:35px;
    
}
h2 {
	text-indent:30px;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:2px;
	font-stretch:extra-expanded;
	font-weight:100;
	font-size:21px;
	color:#75bac6;
	margin-top:10px;
	margin-bottom:30px;
	
}
h3 {
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:2px;
	font-stretch:extra-expanded;
	font-weight:100;
	font-size:16px;
	color:#037D89;
	margin-top:15px;
	margin-bottom:5px;
}
.top {
	position:relative;
	top:0px;
	text-align:left;
	width: 100%;
	margin: 0 auto;
	height:200px;
}
.banner {
	position:relative;
	background-image:url(../images/banner.png);
	background-position:right;
	background-repeat:no-repeat;
	text-align:left;
	height:200px;
	padding-left:80px;
}
.nav {
	position:relative;
	text-align:right;
	top:0px;
	background-color:#75bac6;
	height:31px;
	width:100%;
	z-index:100;
}
.content-wrapper {
	position:relative;
	top:-15px;
	text-align:center;
	background-color:#fff;
	min-height:467px;
	width:100%;
	z-index:50;
}
.content {
	text-align:left;
	background-image: url(../images/kids.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin: 0px 80px 0px 80px;
	padding-bottom:
	background-color:#fff;
	height:467px;
}
.contentinside {
	text-align:left;
	margin: 0px 80px 0px 80px;
	padding-bottom:30px;
	background-color:#fff;
	min-height:467px;
}
.maintext {
	position:absolute;
	display:block;
	width:280px;
	background: rgba(0,0,0, .6);
	padding:20px 30px 20px 30px;
	height:427px;
	color:#95ebfa;
	font-size:15px;
	line-height:25px;
	text-align:justify;
}
.footer {
	background-color:#75bac6;
	min-height:100px;
	height:100%;
	font-size:9px;
	color:#02104a;
	padding:20px 80px 0px 80px;
}
.sidenav {
	display:inline-block;
	width:200px;
	position:relative;
	background-color:#b1e7f1;
	padding:20px;
	margin: 0 30px 30px 0px;
}
.sitemap ul {margin-top:0px; margin-bottom:10px;}
.tabletoprow {
	background-color:#75bac6;
	color:#003D96;
	font-weight:bold;
}
#pic_right {
	margin:0 0 20px 20px;
}
#pic_left {
	margin:0 20px 20px 0px;
}
#pic_resource {
	margin:10px 22px 10px 0px;
	border-style: inset;
	border-width:1px;
	border-color:#F90;
}
#pic_right {
	margin:0px 0px 10px 30px;
	border-style: inset;
	border-width:1px;
	border-color:#F90;
	float:right;
}
#pic_left {
	margin:0px 30px 10px 0px;
	border-style: inset;
	border-width:1px;
	border-color:#F90;
	float:left;
}
#emphasis {
	font-weight:bold;
	color:#75bad9;
}
	

#content {
  margin-left:  298px;
  padding:30px;
}
#navbar {
  float: left;
  width: 260px;
  background-color:#b1e7f1;
  padding-top:100px;

}
.activity_box {
	float:right;
	display:block;
	width:200px;
	background-color:#b1e7f1;
	padding:15px;
	font-size:14px;
	margin:0px 0px 10px 30px;
}
.activity_box em {
	font-style:italic;
	color:inherit;
	font-weight:normal;
}
.activity_box_final {
	float:right;
	display:block;
	width:200px;
	background-color:#F6B65B;
	padding:15px;
	font-size:14px;
	margin:0px 0px 10px 30px;
}
.activity_box_final em {
	font-style:italic;
	color:inherit;
	font-weight:normal;
}
.activity_box_final #emphasis {
	font-weight:bold;
	color:#fff;
}
.CurricularConnection_nav {
	width:100%;
	background-color:#F6B65B;
	padding-bottom:5px;
	padding-top:5px;
}
.CurricularConnection_box {
	width:100%;
	background-color:#F6B65B;
	padding:15px;
	font-size:14px;
	margin:10px 30px 10px 0px;
}
.CurricularConnection_box h2 {
	text-indent:0px;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:2px;
	font-stretch:extra-expanded;
	font-weight:100;
	font-size:21px;
	color:#75bac6;
	margin-top:10px;
	margin-bottom:30px;
}
.tip_box {
	float:right;
	display:block;
	width:300px;
	background-color:#F6B65B;
	padding:15px;
	font-size:14px;
	margin:0px 0px 10px 30px;
}
.tip_box em {
	font-style:italic;
	color:inherit;
	font-weight:normal;
}
.tip_box #emphasis {
	font-weight:bold;
	color:#fff;
}
menu {
	font-size:13px;
}
em {
	font-weight:700;
	font-style:normal;
	color:#75bac6;
}
#cover{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:9; width:100%; height:100%; display:none; } 
#activityScreen { display:block; height:792px; width:612px; margin:0 auto; position:absolute; top:50px; left:400px; z-index:10; display:none; background-color:#FFFFFF; border:5px solid #ddf6fb; border-radius:5px; padding:20px; } 
#activityScreen:target, #activityScreen:target + #cover{ display:block; opacity:2; } 
#activityScreen2 { display:block; height:792px; width:612px; margin:0 auto; position:absolute; top:50px; left:400px; z-index:10; display:none; background-color:#FFFFFF; border:5px solid #ddf6fb; border-radius:5px; padding:20px; }
#activityScreen2:target, #activityScreen2:target + #cover{ display:block; opacity:2; } 
.cancel { display:block; position:absolute; top:0px; right:0px; background:#ddf6fb; color:black; height:30px; width:35px; font-size:30px; text-decoration:none; text-align:center; font-weight:bold; }
#activityScreen3 { display:block; height:792px; width:612px; margin:0 auto; position:absolute; top:50px; left:400px; z-index:10; display:none; background-color:#FFFFFF; border:5px solid #ddf6fb; border-radius:5px; padding:20px; } 
#activityScreen3:target, #activityScreen3:target + #cover{ display:block; opacity:2; }
#activityScreen4 { display:block; height:792px; width:612px; margin:0 auto; position:absolute; top:50px; left:400px; z-index:10; display:none; background-color:#FFFFFF; border:5px solid #ddf6fb; border-radius:5px; padding:20px; } 
#activityScreen4:target, #activityScreen4:target + #cover{ display:block; opacity:2; } 
#activityScreen5 { display:block; height:792px; width:612px; margin:0 auto; position:absolute; top:50px; left:400px; z-index:10; display:none; background-color:#FFFFFF; border:5px solid #ddf6fb; border-radius:5px; padding:20px; } 
#activityScreen5:target, #activityScreen5:target + #cover{ display:block; opacity:2; }
 
.ipt {
	background-color:#efa302;
	display:block; position:absolute; top:0px; left:20px; color:black; height:30px; width:150px; font-size:15px; text-decoration:none; text-align:center; font-weight:bold; line-height:27px; text-transform:uppercase;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: auto;
  padding-top: 30px;
  padding-left:0px;
  background: #fff;
  border-radius: 5px;
  height:792px; 
  width:612px;
  position: relative;
  transition: all 5s ease-in-out;
}


.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 50px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: orange;
}
.popup .content {
	background-image:none;
	display:block;
	height:772px; 
  width:512px;
  overflow: auto;
  max-hwidth: 99%;
}
#agerange {
	font-size:14px;}