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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.mainHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	text-align:center;
	overflow:hidden;
	display:inline-block;
	font-size:0px;
	line-height:0px;
	box-sizing:border-box;
}

.mainHolder div:focus, .mainHolder img:focus, .mainHolder span:focus, .mainHolder h1:focus, .mainHolder a:focus, .mainHolder h2:focus, .mainHolder h3:focus, .mainHolder p:focus {
	outline: none !important;
}

.theHolder div:focus, .theHolder img:focus, .theHolder span:focus, .theHolder h1:focus, .theHolder a:focus, .theHolder h2:focus, .theHolder h3:focus, .theHolder p:focus {
	outline: none !important;
}


.topSectionHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	background-color:#67cce6;
}

.topSection {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	max-width:1080px;
}

.topSection .theLogo {
	position:relative;
	left:0px;
	top:0px;
	width:205px;
	height:116px;
	display:inline-block;
	float:right;
}

.topSection h1 {
	padding:0px;
	margin:0px;
	font-weight:400;
	font-family: poster, sans-serif;
	font-size:66px;
	line-height:.9em;
	color:#FFF;
	white-space:nowrap;
	width:100%;
	display:inline-block;
	margin-top:-25px;
	margin-left:-17%;
	text-shadow: 0px 0px 2px #67cce6;
	
}

.topSection h1 .freeColor {
	color:#fdef42;
}

.topSection h1 .middleText {
	font-weight:700;
	font-family: duper, sans-serif;
	font-size:26px;
	line-height:26px;
	display:inline-block;
	margin-top:12px;
}

.topSection h1 .bottomText {
	font-weight:400;
	font-family: duper, sans-serif;
	font-size:15px;
	line-height:15px;
	display:inline-block;
	margin-top:6px;
}

.topSection .schoolHouseHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	max-width:1080px;
	margin-top:-75px;
	min-width:620px;
	pointer-events:none;
}

.topSection .schoolHouseHolder .schoolHouse {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
}

.topSection .schoolHouseHolder .cheerleader {
	position:absolute;
	left:11.25%;
	top:0px;
	width:175px;
	height:342px;
	display:inline-block;
	overflow:hidden;
}


.topSection .schoolHouseHolder .cheerleader .blankClass {
	position:absolute;
	left:0px;
	top:0px;
	width:auto;
	height:342px;
	display:inline-block;
}

.topSection .schoolHouseHolder .hop {
	position:absolute;
	left:36.9%;
	top:0px;
	width:199px;
	height:342px;
	display:inline-block;
	overflow:hidden;
}


.topSection .schoolHouseHolder .hop .blankClass {
	position:absolute;
	left:0px;
	top:0px;
	width:auto;
	height:342px;
	display:inline-block;
}

.topSection .schoolHouseHolder .reader {
	position:absolute;
	left:83%;
	top:0px;
	width:151px;
	height:342px;
	display:inline-block;
	overflow:hidden;
}


.topSection .schoolHouseHolder .reader .blankClass {
	position:absolute;
	left:0px;
	top:0px;
	width:auto;
	height:342px;
	display:inline-block;
}

.instructionsSection .books {
	position:absolute;
	left:0px;
	top:0px;
	width:206px;
	height:184px;
	display:inline-block;
	overflow:hidden;
}


.instructionsSection .books .blankClass {
	position:absolute;
	left:0px;
	top:0px;
	width:auto;
	height:184px;
	display:inline-block;
}

.instructionsSection .weeks {
	position:absolute;
	right:0px;
	bottom:0px;
	width:186px;
	height:271px;
	display:inline-block;
	overflow:hidden;
}


.instructionsSection .weeks .blankClass {
	position:absolute;
	left:0px;
	top:0px;
	width:auto;
	height:271px;
	display:inline-block;
}



.topSection .hillsClass {
	position:absolute;
	left:50%;
	bottom:0px;
	width:auto;
	height:100%;
	display:inline-block;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	pointer-events:none;
}

.sunClass {
	position:absolute;
	left:0px;
	top:0px;
	width:170px;
	height:180px;
	display:inline-block;
	pointer-events:none;
}

.sponsorInfo {
	margin:0px;
	padding:0px;
	position:absolute;
	left:80px;
	top:15px;
	display:inline-block;
	font-family:MuseoSans-500;
	color:#000;
	font-size:10px;
	line-height:12px;
}

.cloudClass {
	position:absolute;
	display:inline-block;
}

#cloud1 {
	right:85px;
	top:171px;
	width:94px;
	height:65px;
}

#cloud2 {
	right:25px;
	top:235px;
	width:91px;
	height:54px;
}

#cloud3 {
	left:105px;
	top:285px;
	width:94px;
	height:65px;
}

#cloud4 {
	left:25px;
	top:225px;
	width:120px;
	height:auto;
}

#cloud5 {
	left:45%;
	top:-50px;
	width:150px;
	height:auto;
}


@media (max-width: 1079px) {
	.topSection .schoolHouseHolder {
		margin-top:-15px;
		float:right;
	}
	.topSection .sponsorInfo {
		left:30px;
		top:15px;
	}
	.topSection .hillsClass {
		height:90%;
	}
}

@media (max-width: 765px) {
	.topSection .schoolHouseHolder {
		margin-top:5px;
	}
	.topSection h1 {
		font-size:66px;
		line-height:.9em;
		margin-top:5px;
		margin-left:0px;
		white-space:normal;
		padding-left:15px;
		padding-right:15px;
		box-sizing:border-box;
	}
	.topSection .hillsClass {
		height:65%;
	}
	.sponsorInfo {
		left:15px;
		top:15px;
	}
	.cloudClass {
		display:none;
	}
}

@media (max-width: 620px) {
	.topSection h1 .removeBreak {
		
		display:none;
	}
}

@media (max-width: 374px) {
	.topSection h1 {
		font-size:55px;
		line-height:.9em;
	}
}


.middleSectionHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	background-color:#006b36;
	box-sizing:border-box;
	padding-bottom:40px;
}

.middleSection {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	max-width:1080px;
}

.middleSection h2 {
	padding:0px;
	margin:0px;
	font-weight:400;
	font-family: poster, sans-serif;
	font-size:29px;
	line-height:1.13em;
	color:#FFF;
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	padding-left:15px;
	padding-right:15px;
}

.middleSection h2 span {
	color:#fdef42;
	white-space:nowrap;
}

.middleSection h3 {
	padding:0px;
	margin:0px;
	font-weight:400;
	font-family: duper, sans-serif;
	font-size:25px;
	line-height:1.13em;
	color:#FFF;
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	padding-left:15px;
	padding-right:15px;
	margin-top:8px;
	padding-bottom:25px;
}

.middleSection .bookWrapper {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	box-sizing:border-box;
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
}

.middleSection .book {
	position:relative;
	left:0px;
	top:0px;
	height:auto;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	margin-top:10px;
}

.middleSection .book a {
	text-decoration:none;
}

.middleSection .book p {
	margin:0px;
	padding:0px;
	font-weight:700;
	font-family: duper, sans-serif;
	font-size:20px;
	line-height:22px;
	width:100%;
	box-sizing:border-box;
	color:#FFF;
	margin-top:15px;
}

.middleSection .book p span {
	color:#fdef42;
}

.middleSection .book .bookHolder {
	position:relative;
	left:0px;
	top:0px;
	width: calc(100% - 40px);
	height:auto;
	box-sizing:border-box;
	display:inline-block;
}

.middleSection .book .bookHolder img {
	width:100%;
	height:auto;
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}

.middleSection .book1 {
	width: 231px;
}

.middleSection .book1 .bookHolder {
	padding-top:25px;
}

.middleSection .book2 {
	width: 244px;
}

.middleSection .book2 .bookHolder {
	padding-top:0px;
}

.middleSection .book3 {
	width: 164px;
}

.middleSection .book3 .bookHolder {
	padding-top:30px;
}

.middleSection .book4 {
	width: 167px;
}

.middleSection .book4 .bookHolder {
	padding-top:25px;
}

.middleSection .book5 {
	width: 168px;
}

.middleSection .book5 .bookHolder {
	padding-top:30px;
}

@media (max-width: 1079px) {
	.middleSection .bookWrapper {
		max-width:768px;
	}
}

.instructionsSectionHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	background-color:#89d5eb;
	box-sizing:border-box;
	padding-bottom:10px;
}

.instructionsSection {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	max-width:1080px;
}

.instructionsSection .wave {
	position:relative;
	left:50%;
	top:0px;
	width:auto;
	height:40px;
	display:inline-block;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}

.instructionsSection h2 {
	padding:0px;
	margin:0px;
	font-weight:400;
	font-family: poster, sans-serif;
	font-size:29px;
	line-height:1.13em;
	color:#006b36;
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	padding-left:15px;
	padding-right:15px;
	margin-top:60px;
}

.instructionsSection .instructionsHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	margin-top:35px;
}

.instructionsSection .instructionClass {
	position:relative;
	left:0px;
	top:0px;
	width:235px;
	height:auto;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	padding-left:20px;
	padding-right:20px;
}

.instructionsSection .arrow {
	width:28px;
	height:29px;
	vertical-align:top;
	margin-top:25px;
	margin-bottom:25px;
}

.instructionsSection .instructionClass h3 {
	padding:0px;
	margin:0px;
	font-weight:400;
	font-family: poster, sans-serif;
	font-size:29px;
	line-height:1.13em;
	color:#006b36;
	width:100%;
	display:inline-block;
	box-sizing:border-box;
}

.instructionsSection .instructionClass p {
	margin:0px;
	padding:0px;
	font-weight:400;
	font-family: duper, sans-serif;
	font-size:20px;
	line-height:22px;
	width:100%;
	box-sizing:border-box;
	color:#000;
	margin-top:5px;
}

.instructionsSection .instructionClass p a {
	font-weight:700;
	color:#135eab;
	text-decoration:underline;
	text-transform:uppercase;
}

.instructionsSection .instructionClass p strong {
	font-weight:700;
	text-transform:uppercase;
}

.instructionsSection .starOne {
	margin:0px;
	padding:0px;
	font-weight:700;
	font-family: duper, sans-serif;
	font-size:18px;
	line-height:22px;
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	color:#006b36;
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;
	max-width:580px;
}

.instructionsSection .starTwo {
	margin:0px;
	padding:0px;
	font-weight:400;
	font-family: duper, sans-serif;
	font-size:15px;
	line-height:18px;
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	color:#000;
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;
	max-width:580px;
}

@media (max-width: 1079px) {
	.instructionsSection .books {
		top:-50px;
	}
	.instructionsSection {
		padding-bottom:135px;
		min-height:250px !important;
	}
}

@media (max-width: 765px) {
	.instructionsSection .instructionsHolder {
		max-width:450px;
	}
	.instructionsSection .instructionClass {
		width:100%;
	}
	.instructionsSection .arrow {
		transform: rotate(90deg);
	}
	.instructionsSection .books {
		top:-35px;
	}
	.instructionsSection {
		padding-bottom:200px;
		min-height:0px !important;
	}
}

.footerTextSectionHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	background-color:#FFF;
	box-sizing:border-box;
}

.footerTextSection {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	max-width:1080px;
}

.footerTextSection .wave {
	position:relative;
	left:50%;
	top:0px;
	width:auto;
	height:20px;
	display:inline-block;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}

.footerTextSection p {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family:MuseoSans-500;
	font-size:11px;
	line-height:13px;
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	color:#000;
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;
	max-width:960px;
	padding-bottom:25px;
}

.footerTextSectionHolder .greenBottomBorder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:50px;
	display:inline-block;
	background-color:#006b36;
	box-sizing:border-box;
}