html,
body{
	height: 100%;
}
body{
	background-color: #dff1f7;
	background-image: url(../images/common/cloudTile.jpg);
	background-repeat: repeat-x;
	/*min-height:740px;*/
	min-width:945px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454545;
}
#shell{
	position:relative;
	width:945px;
	margin:0 auto -189px auto;
	/*min-height:740px;*/
	min-height: 100%;
	z-index:2;
}
#header{
	width:945px;
	height:150px;
}
#recpLogo{
	float:left;
	width:355px;
}
#recpLogo a{
	display:block;
	width:339px;
	height:134px;
	text-indent:-9999px;
	text-align:left;
	background-image:url(../images/buttons/RECP-logo-button.png);
	background-repeat:no-repeat;
}
#recpLogo a:hover{
	background-position:0 -134px;
}
#recpLogo img{
	margin:10px 0 0 0;
}
#icons{
	margin:0 0 0 65px;
	text-align:center;
	float:left;	
}

/*NAVIGATION*/
#nav{
	float:right;
	position:relative;
	width:351px;
}
#nav a{
	float:left;
	height:65px;
	text-indent:-9999px;
	text-align:left;
	background-repeat:no-repeat;
}
#nav a:hover{
	background-position:0 -65px;
}
#nav a.home{
	width:66px;
	background-image:url(../images/buttons/home.png);
}
#nav a.hiw{
	width:144px;
	background-image:url(../images/buttons/hiw.png);
}

#nav .hiwNav{
	position:relative;
	float:left;
}

#nav .hiwNav:hover .subNav{
	position:absolute;
	z-index:20;
	top:65px;
	background:#436882;
	height:25px;
	width:143px;
	display:block;
}

#nav .hiwNav .subNav{
	position:absolute;
	z-index:20;
	top:70px;
	background:#436882;
	height:28px;
	width:143px;
	display:none;
	text-align:center;
}



#nav .hiwNav .subNav a{
	text-indent:0;
	text-transform:uppercase;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	padding:5px 0 0 13px;
	border-top:#436882 solid 4px;
	font-size:11px;
	width:130px;
}

#nav .hiwNav .subNav a:hover{
	border-top:#5b98c8 solid 4px;
	color:#ffffff;
}





#nav a.faq{
	width:52px;
	background-image:url(../images/buttons/faq.png);
}
#nav a.con{
	width:89px;
	background-image:url(../images/buttons/contact.png)
}
#nav #kidsClubhouse{
	position:absolute;
	top:70px;
	left:25px;
}
#nav #kidsClubhouse a{
	float:none;
	height:58px;
}

#nav #YEM{
	position:absolute;
	top:80px;
	right:15px;
}
#nav #YEM a{
	float:none;
	height:44px;
}

a{
	color:#3a61ab;
	text-decoration:none;
/*	font-size:14px;*/
	text-transform:uppercase;
}
a:hover{
	color:#718246;
	text-decoration:underline;
}


/*kidsPage*/
#headImage{
	margin:-15px 0 30px 0;
}
.oneColKids{
	/*background-image:url(../images/common/1-colBox-kids.png);*/
	/*background-repeat:no-repeat;*/
	width: 		300px;
	min-height: 225px;
	margin: 	-15px 6px 0 6px;
	float: 		left;
}
.oneColKids .content{
	margin: 	15px 25px 0 20px;
}
.oneColKids .content h1{
	font-family:"Comic Sans MS", cursive;
	font-size:18px;
	text-align:center;
	color:#59abdd;
	margin-bottom:15px;
	padding-bottom:10px;
	text-transform:uppercase;
	border-bottom:1px #c1d82f solid;		
}
.oneColKids .content h1.noRule{	
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0px #c1d82f solid;		
}
.oneColKids .content p{
	font-size:14px;
	line-height:20px;
	color:#7e7e7e;
	text-align:center;
}
.oneColKids .content p a, .oneColKidsYellow .content p a {
	color:#00beff;
	font-weight:bold;
	text-decoration:none;
}
.oneColKidsYellow{
	position:absolute;
	width:305px;
	top:110px;
	right:0px;
	min-height:315px;
	background-color: #FFF197 !important;
	/*background-image:url(../images/common/1-colBox-yellow.png);*/
	/*background-repeat:no-repeat;*/
}
.oneColKidsYellow .content{
	margin:15px 25px 0 20px;
}
.oneColKidsYellow .content h1{
	font-family:"Comic Sans MS", cursive;
	font-size:18px;
	text-align:center;
	color:#59abdd;
	margin-bottom:15px;
	padding-bottom:10px;
	text-transform:uppercase;
	border-bottom:1px #c1d82f solid;		
}
.oneColKidsYellow .content p{
	font-size:14px;
	line-height:20px;
	color:#7e7e7e;
	text-align:center;
}
.twoColKids{
	width: 		625px;
	min-height: 84px;
	/*background-image:url(../images/common/2-colBox-shortShort.png);*/
	/*background-repeat:no-repeat;*/
	margin: 	0 15px 0 0;
	float: 		left;
}
.twoColKids h1{
	font-family:"Comic Sans MS", cursive;
	text-align:center;
	font-size:13px;
	color:#59abdd;
	text-transform:uppercase;
	margin:10px 20px 0 20px;
	line-height:18px;
}

/*MAIN CONTENT*/
#mainContent{
	margin:75px 0 0;
	position:relative;
}
.heads{
	margin:0 0 10px 0;
}
.heads h1{
	font-size:16px;
	color:#0077c0;
	font-weight:bold;
	text-align:center;
}
.home .oneCol,
.home .oneColVideo,
.home .oneColEnd{
/*	min-height: 			430px;*/
}

.oneCol{
	margin: 0 15px 65px 0;
}
.oneCol,
.oneColVideo,
.oneColEnd{
	width: 					305px;
	/*min-height: 			340px;*/
	float: 					left;
	/*background-image:url(../images/common/1-colBox.png);*/
	/*background-repeat:no-repeat;*/
}
.fullCol,
.oneCol,
.oneColVideo,
.oneColEnd,
.oneColKids,
.oneColKidsYellow,
.twoColKids{
	padding-bottom: 		20px;
	background-color: 		#FBFBFB;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 	0px 3px 10px #000000;
	-webkit-box-shadow: 	0px 3px 10px #000000;
	box-shadow: 	0px 3px 10px #000000;
	filter: 			progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 180, color = '#000000');
	-ms-filter: 			"progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color = '#000000')";
	/*Shadows look very different in IE (Only cardinal directions supported)*/
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element should have a background-color*/
	/*All filters must be placed together*/
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
}

.fullCol{
	margin: 0 0 15px 0;
	padding: 25px;
}

.oneColEnd .content{
	width:265px;
	margin:25px 0 0 15px;
}

/*.oneColEnd .content h1{
	font-size:20px;
	text-transform:uppercase;
	color:#718246;
	text-align:center;
	font-stretch:narrower;
}
*/
.content ul{
	 margin: 10px 0 0 20px;
	
}
.content li{
	list-style:disc;
	padding:2px 0;
}
.content li a{
	color:#3a61ab;
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase;
}
.content li a:hover{
	color:#718246;
}
.oneColVideo .content{
	margin:11px 11px 0 8px;
}
.oneColVideo .content #youtube{
	margin:0 0 25px 0;
}
.oneColVideo .content h1{
	font-size:20px;
	text-transform:uppercase;
	color:#718246;
	text-align:center;
	font-stretch:narrower;
}
.oneColVideo .content h2{
	font-size:20px;
	color:#3a61ab;
	margin:15px 0;
	text-align:center;
}

.oneCol .content .subText{
	margin:5px 0 0 0;
}
.oneCol .content .subText p{
	font-size:10px;
	line-height:13px;
	padding:5px 0 0 0;
}


.oneCol .content .subText li{
	margin:0;
	font-size:10px;
	padding:0;
}




.oneColVideo .content h2 a{
	color:#3a61ab;
	text-decoration:underline;
}
.oneColVideo .content a img{
	float:left;
}
.oneColVideo .content h2 a:hover{
	color: #718246;
}
.oneCol .content{
	margin:25px 25px 0 20px;
}
.fullCol .content {
	margin: 0 auto;
	text-align: center;
}
.oneCol .content h1, .oneColEnd .content h1{
	font-size:26px;
	color:#718246;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:2px #3a61ab solid;		
}
.fullCol .content h1 {
	font-size:26px;
	color:#718246;
}
.oneCol .content p,
.oneColEnd .content p{
	font-size:14px;
	line-height:20px;
}
.smallGraph{
	font-size:12px;
	line-height:17px;
}
#tipsLeaf{
	position: relative;
	top: -75px;
	left: 20px;
}

/*HOW IT WORKS 1 COLUMN BILLS*/
.works #title h1{
/*	min-height: 50px;*/
}
.works .oneCol,
.works .oneColEnd{
/*	min-height: 730px !important;*/
}

.tips{

	margin:15px 0 0 15px;
}

.oneCol .content p.tiny, .oneColEnd .content p.tiny{
	margin-top:15px;
	line-height:13px;
	font-size:10px;
}


.tiny{
	font-size:10px;
}
.tiny a{
color:#3a61ab;
	text-decoration:underline;
}
.tiny a:hover{
	color: #718246;
}
.tips img{
	float:left;
	margin:0 10px 0 0;
}

.oneColVideo .content .tips h2{
	font-size:18px;
	color:#3a61ab;
	margin:0;
	text-align:left;
/*	float:left;*/
	width:215px;
}


.tips h2 a{
	color: #3A61AB;
}


h2 a{
	color: #3A61AB;
}


.oneColBill{
	width:305px;
	height:414px;
	background-image:url(../images/common/1-colBox-roundBottom.png);
	background-repeat:no-repeat;
	margin:0 15px 0 0;
	float:left;
}
.oneColBillEnd{
	width:305px;
	height:414px;
	background-image:url(../images/common/1-colBox-roundBottom.png);
	background-repeat:no-repeat;
	margin:0;
	float:left;
}
.oneColBill .content, .oneColBillEnd .content{
	margin:25px 30px 0 15px;
}
.works #title h1,
.oneColBill .content h1, .oneColBillEnd .content h1{
	font-size: 		20px;
	font-weight: 	bold;
	margin-bottom: 	7px;
	padding-bottom: 10px;
	border-bottom: 	2px #3a61ab solid;	
}
h2{
	font-size: 		18px;
	font-weight: 	bold;
	margin: 10px 0 7px 0;
	padding-bottom: 10px;
}
.disclaimer a{
	color:			#0077C0;
	display: 		block;
	/*font-size: 		22px;*/
	/*font-weight: 	bold;*/
	margin-top: 	-36px;
	margin-bottom: 	20px;
	padding-bottom: 70px;
}
.oneColBill .content p, .oneColBillEnd .content p{
	text-align:center;
}
.bigBill{
	margin:0 0 15px 0;
	position:relative !important;
	height:2432px;
}


.pageTwo{
	position:relative;
}


/*FAQ 1 LARGE COLUMN*/
.threeCol{
	width:945px;
	min-height:392px;
	background-image:url(../images/common/3-colBox.png);
	background-repeat:no-repeat;
}
.threeCol .content{
	padding:25px 30px 0 15px;
	text-align:center;
}
.threeCol .content img{
	margin:10px 50px 0 0;
}

/*CONTACT */
.twoCol{
	width:625px;
	min-height:392px;
	margin:0 15px 0 0;
	background-image:url(../images/common/2-colBox.png);
	background-repeat:no-repeat;
	float:left;
}
.twoColEnd{
	width:305px;
	min-height:392px;
	margin:0;
	background-image:url(../images/common/1-colBox.png);
	background-repeat:no-repeat;
	float:left;
}
.rules .twoCol .content{
	margin:25px 25px 0 20px;
	text-align:left;
}
.rules .content table{
	font-size:11px;
}
.rules .content table td{
	padding:0 0 5px 0;
}
.rules .content table td input{
	width:150px;
}
.rules .content table td input.ckBox{
	width:20px;
}
.twoCol .content{
	margin:25px 25px 0 20px;
	text-align:center;
}
.rules .twoColEnd .content h1{
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px 0;
}
.rules .twoColEnd .content p{
	font-size:12px;
	line-height:14px;
}
.twoColEnd .content{
	margin:25px 25px 0 20px;
}
.twoCol .content p, .twoColEnd .content p, .threeCol .content p{
 	 font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}

/*GENERIC stuff*/
.blue{
	color:#3a61ab;
}
.lightBlue{
	color:#00beff;
}

.phone{
	color:#3a61ab;
	font-weight:bold;
	font-size:16px;
}
.phoneSmall{
	color:#3a61ab;
	font-weight:bold;
	font-size:10px;
}

.bold{
	font-weight:bold;
}
.center{
	text-align:center;
}
.clear{
	clear:both;
}
.disclaimer{
	text-align:center;
}
.marginTopPush15{
	margin-top:15px;
}
.marginTopPush10{
	margin-top:10px;
}
.allCaps{
	text-transform:uppercase;
}

/*Bottom grass*/
#grass{
	background-image:url(../images/common/GrassTile.png);
	background-repeat:repeat-x;
	height:189px;
	width:100%;
	/*position:fixed;*/
	/*bottom:0;*/
	position: relative;
	/*bottom: 109px;*/
}

/* Form */
#childInfo,
#parentInfo{
	float:left;
	width:46%;
}
#childInfo{
	padding-right:4%;
}
#childInfo div,
#parentInfo div{
	padding: 5px 0;
}
input#readRules.ckBox{
	width:10%;
}
select#base{
	width:71% !important;
}
#childInfo input,
#parentInfo input,
#parentInfo select{
	float:right;
	width:70%;
}
#fileUpload input {
	/*width: 80%;*/
	padding: 0 5% 0 0;	/* Fix for Firefox on the Mac */
}
#fileUpload input.short {
	width: 83%;
	padding: 0 5% 0 0;	/* Fix for Firefox on the Mac */
}
#fileUpload .lableIndent {
	float:left;
	margin:-4px 0 0 46px;
	font-size:10px;
}


#submit,
#submit input{
	float:right;
}

/* Privacy Policy */
.privacy-policy {
	position: fixed;
	display: none;
	align-items: center;
	justify-content: space-between;
	column-gap: 25px;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 25px;
	background-color: rgba(0, 0, 0, 0.9);
	box-sizing: border-box;
	z-index: 100;
}

.privacy-policy .privacy-policy__copy {
	font-size: 18px;
	color: #fff;
}

.privacy-policy .privacy-policy__link {
	font-size: 18px;
	text-transform: capitalize;
	text-decoration: underline;
	color: #fff;
}

.privacy-policy .privacy-policy__link_accept {
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

.privacy-policy .privacy-policy__link_accept:hover {
	color: #718246;
	text-decoration: none;
}

.privacy-policy .privacy-policy__link:hover {
	color: #718246;
}

@media screen and (max-width: 768px) {
	.privacy-policy .privacy-policy__copy {
		font-size: 14px;
	}

	.privacy-policy .privacy-policy__link {
		font-size: 14px;
	}
}

/*
@media only screen and (max-height: 740px){
	#grass{
		position:absolute;
		top:551px;
	}
}
*/