@charset "utf-8";
a, a:hover { color:#592202 !important; }

.page_content { position:relative; }
.board { width:86%; position:relative; margin:15rem auto 0 auto; }
.top { background:url(/images/2014/parents/how-to-join/content-holder-top.png) no-repeat; height:5.5rem; }
.middle { background:url(/images/2014/parents/how-to-join/content-holder-middle.png) repeat-y; height:auto; min-height:5rem; overflow: hidden; }
.bottom { background:url(/images/2014/parents/how-to-join/content-holder-bottom.png) no-repeat; height:6.5rem; }
.content { position:relative; margin: 3rem auto 0; width:80%; border:1px solid transparent; }
.benefits_btn { background:url(/images/2014/parents/how-to-join/find-out-btn.png) no-repeat; width:95%; height:8.6rem; position:relative; margin:auto; margin-bottom:7rem; font-size:2.8rem; }
.benefits_btn:hover { background-position:bottom; }
.benefits_btn p { position:relative; top:3.2rem; left:4%; }

.label_box { background:url(/images/2014/parents/how-to-join/header-holder.png) no-repeat; width:74%; height:13rem; color:#024400; position:absolute; top:-3rem; margin-left:12.5%; font-size:2.8rem; background-size: 100% 100% !important; }
.label_box p { position:relative; margin-top:1.5rem; }
.mushroom { background:url(/images/2014/parents/how-to-join/holder-deco.png) no-repeat; width:94%; height:13rem; position:absolute; top:-7rem; margin-left:3%; }
.yellow { color: #ED9E00; }
.verdana .bold { font-weight: bold; font-size: inherit; font-family: inherit; }


/*.character { position:relative; display:inline-block; vertical-align:middle; }
.character.alex { background:url(/images/2014/parents/how-to-join/alex-m.png) no-repeat; width:35%; height:31rem; left:-9%; top:-12rem; }
.character.tampi { background:url(/images/2014/parents/how-to-join/tampi-m.png) no-repeat; width:43%; height:34rem; right:-9%; top:-14rem; }*/
@media only screen and (max-width: 480px) {
	.page_title p { margin-top: 1rem; }
	.label_box p { z-index: 1; }
	.label_box { width: 90%; height: 13rem; color: #024400; position: absolute; top: -3rem; margin-left: 5.5%; }
	.bm .label_box { background:url(/images/2014/parents/how-to-join/header-holder.png) no-repeat; width:80%; height:15rem; color:#024400; position:absolute; top:-3rem; margin-left:10.5%; font-size:2.8rem; background-size: 100% 100% !important;}
	.bm .label_box p { margin-top: 2rem; }
	.benefits_btn { width: 100%; height: 9.6rem; }
	.benefits_btn p { font-size: 2.2rem; top: 4rem; }
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1024px) {
	.board { width:680px; margin-top:100px; }
	.top { height:46px; }
	.bottom { height:58px; }
	.content p.first { margin-top:35px; }
	.label_box { font-size:1.5rem; top:-2.4rem; height: 10rem; }
	.label_box p { position:relative; margin-top:23px; }
	.mushroom { top:-5.6rem; }
	.benefits_btn { width:395px; height:56px; cursor:pointer; margin-bottom:50px; }
	.benefits_btn p { top:18px; left:18px; font-size: 1.2rem; font-weight: bold;}
	.benefits_btn:hover p { top:19px; }

	.character { position:absolute; top:50px !important; }
	.character.alex { background:url(/images/2014/parents/how-to-join/alex.png) no-repeat; width:257px; height:285px; left:0px; }
	.character.tampi { background:url(/images/2014/parents/how-to-join/tampi.png) no-repeat; width:289px; height:295px; right:-27px; }

}