/*
	Theme Name: Genesis Sample Theme
	Description: This is the sample theme created for the Genesis Framework.
	Author: StudioPress, Modifications by Jessie Johnson
	Author URI: http://www.wested.org
 
	Version: 1.9
 
	Tags: black, orange, white, one-column, two-columns, three-columns, fixed-width, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 
	Template: genesis
	Template Version: 1.9
 
	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php 
*/


/* FONT IMPORT
-------------------------------------------------------------------- */
/* @import url(http://fonts.googleapis.com/css?family=Lato:400,700); */


/* RESET
-------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }


/* GLOBAL DEFAULTS
-------------------------------------------------------------------- */
body { 
	text-align: left;
	background: #fff;
	color: #1F1F1F;
	font: normal 14px/22px "Open Sans", Helvetica, Arial, sans-serif;
	}

a:link, a:visited {
	color: #4252C2;
	text-decoration: none;
	}
a:hover, a:active {
	color: #1E2A8B;
	text-decoration: none;
	}	
a.post-edit-link {
	display: none;
	}

hr {
	clear: both;
	border: none 0;
	border-top: 1px solid #ccc;
	text-align: center;
	width: 100%;
	height: 1px;
	margin: 7px 0 7px 0;
	}

blockquote {
	margin: 15px;
	}

/* self-clearing floats: add .group class to parents with floats */
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;	
	visibility: hidden;
	}
*:first-child+html .group { /* IE7 */
	min-height: 1px;
	}


/* WRAP
-------------------------------------------------------------------- */
#wrap {
	margin: 0;
	padding: 0;
	}
#wrap #wrap-inner {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	}
#wrap #wrap-inner #inner {
	clear: both;
	/* overflow: hidden; */
	margin: 0 auto;
	padding: 20px 0 60px 0;
	}
body.age-range #wrap #wrap-inner #inner {
	padding-top: 10px;
	}


/* HEADER
-------------------------------------------------------------------- */
#header {
	float: left;
	width: 400px;
	height: 80px;
	margin: 0 0 0 20px;
	padding: 0;
	}

/* title-area */
#header #title-area {
	margin: 10px 0 0 0;
	padding: 0;
	}
#header #title-area p#title,
#header #title-area h1#title {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	}
	#header #title-area a {
	display: block;
	width: 368px;
	height: 64px;
	background: url(images/logo_crf_header2.png) no-repeat 0 0;
	}


/* NAV
-------------------------------------------------------------------- */
#nav {
	float: right;
	width: 150px;
	margin-right: 20px;
	}
#nav ul {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
	}
#nav ul li {
	background: #ccc url(images/button_bg.png) repeat-x 0 0; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin: 0;
	padding: 0;
	}
	#nav ul li a {
	display: block;
	width: 120px;
	font-size: 13px;
	font-weight: 700;
	color: #000;
	text-decoration: none;
	background: url(images/icon_arrow_down.png) no-repeat right 14px;
	padding: 5px 0 5px 10px;
	}
	#nav ul li li a:hover {
	color: #fff;
	}
	#nav ul li a:focus {
	outline: none;
	}
	/* parent on and hover */
	#nav ul li.current-menu-item a,
	#nav ul li.current-menu-ancestor a,
	#nav ul li.current-page-ancestor a,
	#nav ul li a:hover {
	color: #000;
	}
	/* parent on child off */
	#nav ul li.current-menu-item li a,
	#nav ul li.current-menu-ancestor li a {
	color: #000;
	}
	/* parent on child hover */
	#nav ul li.current-menu-parent li a:hover,
	#nav ul li.current-page-ancestor li a:hover {
	color: #fff;
	}
	/* child on */
	#nav ul li li.current-menu-item a,
	#nav ul li li.current-page-ancestor a {
	color: #fff;
	}

/* dropdowns */
#nav ul ul {
	float: left;
	left: -9999px;
	position: absolute;
	width: 150px;
	z-index: 99;
	background: #f6f6f6;
	border-bottom: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	margin-top: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	}
#nav li li {
	float: none;
	background: none;
	}
#nav li li a {
	display: block;
	background: none;
	font-size: 12px;
	}
#nav li:hover ul ul,
#nav li.sfHover ul ul {
	left: -9999px;
	}
#nav li:hover,
#nav li.sfHover {
	position: static;
	}
#nav li:hover>ul,
#nav li.sfHover ul {
	left: auto;
	}
#nav ul.sub-menu li.current-menu-item a,
#nav ul.sub-menu li a:hover {
	color: #4252C2 !important;
	}
	
	


/* FOOTER
-------------------------------------------------------------------- */
#footer {
	clear: both;
	background: #f6f6f6;
	margin: 0;
	padding: 0;
	}
#footer .wrap {
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
	padding: 20px;
	}
#footer p {
	float: left;
	font-size: 12px;
	line-height: 16px;
	color: #666;
	margin: 0;
	padding: 0;
	}
	#footer p a {
	color: #0066C5;
	background: none;
	padding: 0;
	}
#footer img {
	float: right;
	}


/* STRUCTURE
-------------------------------------------------------------------- */
#sidebar-alt {
	width: 176px;
	}
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.sidebar,
#header .widget-area {
	width: 300px;
	}
.content-sidebar-sidebar .sidebar,
.sidebar-content-sidebar .sidebar,
.sidebar-sidebar-content .sidebar {
	width: 300px;
	}
.content-sidebar-sidebar #content,
.sidebar-content-sidebar #content,
.sidebar-sidebar-content #content {
	width: 350px;
	}
.content-sidebar #content,
.sidebar-content #content,
#title-area {
	width: 600px;
	}
.content-sidebar-sidebar #content-sidebar-wrap,
.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap {
	width: 700px;
	}
.content-sidebar #content-sidebar-wrap,
.full-width-content #content,
.full-width-content #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap {
	width: 100%;
	}
.footer-widgets-1,
.footer-widgets-2,
.sidebar-content #sidebar,
.sidebar-sidebar-content #sidebar,
#content,
#content-sidebar-wrap,
#footer .gototop,
#sidebar-alt,
#title-area {
	float: left;
	}
.content-sidebar-sidebar #sidebar-alt,
.footer-widgets-3,
.sidebar,
.sidebar-content #content,
.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content,
.sidebar-sidebar-content #content-sidebar-wrap,
#footer .creds,
#header .widget-area {
	float: right;
	}


/* GLOBAL
-------------------------------------------------------------------- */
h1 {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 23px;
	line-height: 20px;
	font-weight: 400;
	color: #413C42;
	margin: 0 0 18px 0;
	padding: 0;
	}
#content h1.entry-title {
	display: none;
	}
h2 {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 23px;
	line-height: 22px;
	font-weight: 700;
	color: #413C42;
	margin: 20px 370px 15px 20px;
	padding: 0;
	}
h3 {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 22px;
	font-weight: 700;
	color: #413C42;
	margin: 20px 370px 10px 20px;
	padding: 0;
	}
h4 {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	color: #413C42;
	margin: 20px 370px 10px 20px;
	padding: 0;
	}
h5 {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #413C42;
	margin: 15px 370px 5px 20px;
	padding: 0;
	}
h6 {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: 700;
	color: #413C42;
	margin: 10px 370px 10px 20px;
	padding: 0;
	}
p {
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #1F1F1F;
	margin: 5px 370px 15px 20px;
	padding: 0;
	}
	p a,
	li a {
	background: #f0f3ee;
	padding-left: 3px;
	padding-right: 3px;
	}
	p a:hover,
	li a:hover {
	background: #e5ebe3;
	}
	a.plain {
	background: none;
	padding: 0;
	}

ul {
	margin: 0 370px 15px 45px;
	padding: 0;
	}
ul li {
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 12px 0;
	padding: 0;
	}
ul ul {
	margin: 10px 0 10px 20px;
	padding: 0;
	}
li li {
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 4px 0;
	padding: 0;
	}
ul ul ul {
	margin: 10px 0 10px 30px;
	padding: 0;
	}
li li li {
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 5px 0;
	padding: 0;
	}

#content ul.back {
	margin: 30px 0 20px 450px;
	padding: 0;
	}
#content ul.back li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#content ul.back li a {
	text-decoration: none;
	background: none;
	padding: 0;
	}
	#content ul.back li a:hover {
	background: none;
	}
#content ul.back li.back-top {
	background: url(images/back_arrow_up.png) no-repeat 0 6px;
	padding-left: 17px;
	}
#content ul.back li.back-age {
	background: url(images/back_arrow_left.png) no-repeat 0 6px;
	padding-left: 17px;
	}




/* Sidebar
-------------------------------------------------------------------- */
#sidebar {
	}
#sidebar .widget {
	margin: 20px 15px 20px 15px;
	padding: 0;
	}


/* Welcome
-------------------------------------------------------------------- */
body.welcome {
	background: url(images/bg_welcome.png) repeat-x 0 0;
	}
body.welcome #inner {
	width: 750px;
	}	
body.welcome #header,
body.welcome #nav {
	display: none;
	}

body.welcome #content h1 {
	text-indent: -9999px;
	width: 645px;
	height: 230px;
	background: url(images/logo_crf_header.png) no-repeat 0 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 50px;
	padding: 0;
	}
body.welcome #content h2 {
	font-weight: 700;
	line-height: 22px;
	color: #413C42;
	margin: 0 0 22px 0;
	padding: 0;
	}
body.welcome #content ul {
	margin: 0;
	padding: 0;
	}
body.welcome #content ul li {
	float: left;
	min-height: 50px;
	list-style: none;
	clear: both;
	border-bottom: 1px dotted #D8D8D8;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	}
	body.welcome #content ul li a {
	float: left;
	width: 150px;
	text-align: center;
	background: #8fd1dd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	text-decoration: none;
	margin: 0 20px 0 0;
	padding: 12px;
	}
	body.welcome #content ul li a:hover {
	opacity: .75;
	}
	body.welcome #content ul li a:focus {
	color: #fff !important;
	}
body.welcome #content ul li em {
	float: left;
	width: 550px;
	font-size: 13px;
	line-height: 19px;
	font-style: normal;
	color: #575757;
	margin: 0;
	padding: 2px 0 0 0;
	}

body.welcome #content p.copyright {
	display: block;
	position: relative;
	font-size: 12px;
	color: #666;
	margin: 0;
	padding: 0;
	}
	body.welcome #content p.copyright a {
	background: none;
	}


/* Age Landing
-------------------------------------------------------------------- */
body.age-landing {
	background: #ccc;	
	}
body.age-landing #wrap #wrap-inner {
	background: #fff;
	}

/* turning off full bleed on footer */
body.age-landing #footer {
	background: none;
	}
body.age-landing #footer .wrap {
	width: 960px;
	background: #f6f6f6;
	}

/* intro */
body.age-landing #content .intro {
	background: #f6f6f6;
	-webkit-box-shadow: 0 4px 2px -2px #c2c2c2;
	-moz-box-shadow: 0 4px 2px -2px #c2c2c2;
	box-shadow: 0 4px 2px -2px #c2c2c2;
	padding: 20px;
	}
body.age-landing #content .intro img.photo {
	float: right;
	border: 14px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
   -webkit-box-shadow: 4px 4px 4px #B7B7B7;
    -moz-box-shadow: 4px 4px 4px #B7B7B7;
    box-shadow: 4px 4px 4px #B7B7B7;
	margin: 0 0 0 20px;
	padding: 0;
	}
body.age-landing #content .intro h1 {
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	letter-spacing: .5px;
	text-transform: uppercase;
	color: #413C42;
	margin: 0 0 10px 0;
	padding: 0;
	}
body.age-landing #content .intro h1 strong {
	font-weight: 700;
	}
body.age-landing #content .intro h2 {
	font-size: 38px;
	line-height: 42px;
	font-weight: 700;
	margin: 0 0 20px 0;
	padding: 0;
	}
body.age-landing #content .intro p {
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	margin: 0 0 10px 0;
	padding: 0;
	}

body.age-landing #content h3 {
	font-size: 26px;
	line-height: 42px;
	font-weight: 400;
	margin: 20px 0 15px 20px;
	padding: 0;
	}
body.age-landing #content ul {
	clear: all;
	min-height: 100px;
	margin: 0 0 0 20px;
	padding: 0;
	}
body.age-landing #content ul li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	}
	body.age-landing #content ul li a {
	float: left;
	width: 140px;
	height: 120px;
	text-align: center;
	font-style: italic;
	background: #8fd1dd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	text-decoration: none;
	margin: 0 20px 0 0;
	padding: 15px 15px 0 15px;
	}
	body.age-landing #content ul li a:hover {
	opacity: .75;
	}
	body.age-landing #content ul li a:focus {
	color: #fff !important;
	}
	body.age-landing #content ul li.one a {
	background: #D4E4E4;
	padding-top: 30px;
	height: 105px;
	}
	body.age-landing #content ul li.two a {
	background: #c6e1e4;
	padding-top: 30px;
	height: 105px;
	}
	body.age-landing #content ul li.three a {
	background: #a9d8df;
	padding-top: 25px;
	height: 110px;
	}
	body.age-landing #content ul li.four a {
	background: #8acfdb;
	}
	body.age-landing #content ul li.five a {
	background: #64c9dd;
	}
body.age-landing #content ul li strong {
	display: block;
	font-weight: 700;
	font-style: normal;
	}
body.age-landing #content ul li em {
	display: block;
	font-size: 12px;
	}

/* acknowledgements */
#content p.ack {
	display: block;
	width: 100%;
	text-align: center;
	margin: 80px 0 0 0;
	padding: 0;
	}
	#content p.ack a {
	color: #000;
	background: none;
	margin: 0;
	padding: 0;
	}
	#content p.ack a:hover {
	color: #1E2A8B;
	}


/* Acknowledgements
-------------------------------------------------------------------- */
body.ack {
	background: #ccc;	
	}
body.ack #wrap #wrap-inner {
	background: #fff;
	}

/* turning off full bleed on footer */
body.ack #footer {
	background: none;
	}
body.ack #footer .wrap {
	width: 960px;
	background: #f6f6f6;
	}

body.ack #nav {
	display: none;
	}
	
body.ack #content {
	margin-left: 20px;
	}
body.ack #content h2 {
	font-size: 45px;
	margin-bottom: 40px;
	}
body.ack #content h3 {
	font-size: 14px;
	color: #646464;
	text-transform: uppercase;
	margin-top: 35px;
	}
body.ack #content p {
	line-height: 18px;
	color: #646464;
	margin-bottom: 10px;
	}
body.ack #content p.intro {
	font-size: 18px;
	font-weight: 300;
	line-height: 26px;
	margin-bottom: 40px;
	}
	
	
	
	
	
	
	
	
	



/* Age Range
-------------------------------------------------------------------- */
body.age-range {
	background: #ccc;	
	}
body.age-range #wrap #wrap-inner {
	background: #fff;
	}

/* turning off full bleed on footer */
body.age-range #footer {
	background: none;
	}
body.age-range #footer .wrap {
	width: 960px;
	background: #f6f6f6;
	}

/* backgrounds */
body.age-range.age-birth-8 #content .intro {
	/* background: url(images/bg_age-birth-8.png) repeat-x 0 0; */
	/* border-top: 1px solid #b7b7b7; */
	/*  background: #D4E4E4; */
	}
body.age-range.age-8-18 #content .intro {
	/* background: url(images/bg_age-8-18.png) repeat-x 0 0; */
	/* background: #c6e1e4; */
	}
body.age-range.age-18-36 #content .intro {
	/* background: url(images/bg_age-18-36.png) repeat-x 0 0; */
	/* background: #a9d8df; */
	}
body.age-range.age-36-48 #content .intro {
	/* background: url(images/bg_age-36-48.png) repeat-x 0 0; */
	/* background: #8acfdb; */
	}
body.age-range.age-48-60 #content .intro {
	/* background: url(images/bg_age-48-60.png) repeat-x 0 0; */
	/* background: #64c9dd; */
	}

/* intro */
body.age-range #content .intro {
	border-top: 1px solid #b7b7b7;
	background: #72c9dc;
	-webkit-box-shadow: 0 4px 2px -2px #c2c2c2;
	-moz-box-shadow: 0 4px 2px -2px #c2c2c2;
	box-shadow: 0 4px 2px -2px #c2c2c2;
	padding: 20px;
	}
body.age-range #content .intro img.photo {
	float: right;
	border: 14px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
   -webkit-box-shadow: 4px 4px 4px #B7B7B7;
    -moz-box-shadow: 4px 4px 4px #B7B7B7;
    box-shadow: 4px 4px 4px #B7B7B7;
	margin: 0 0 0 20px;
	padding: 0;
	}
body.age-range #content .intro h1 {
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	letter-spacing: .5px;
	text-transform: uppercase;
	color: #282828;
	margin: 0 0 10px 0;
	padding: 0;
	}
body.age-range #content .intro h2 {
	font-size: 35px;
	line-height: 42px;
	font-weight: 300;
	font-style: italic;
	color: #282828;
	margin: 0 0 20px 0;
	padding: 0;
	}
body.age-range #content .intro h2 strong {
	font-size: 48px;
	line-height: 60px;
	font-weight: 700;
	font-style: normal;
	}

/* menu */
body.age-range #content .menu {
	width: 960px;
	margin: 50px auto;
	padding: 0;
	}
body.age-range #content .menu h2 {
	float: left;
	width: 250px;
	font-size: 33px;
	line-height: 38px;
	font-weight: 300;
	margin: 0;
	padding: 0;
	}
body.age-range #content .menu ul {
	float: right;
	margin: 0;
	padding: 0;
	}
body.age-range #content .menu ul li {
	float: left;
	list-style: none;
	clear: both;
	margin: 0;
	padding: 0;
	}
	body.age-range #content .menu ul li a {
	float: left;
	width: 600px;
	background: #8fd1dd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 27px;
	font-weight: 700;
	color: #413c42;
	text-decoration: none;
	-webkit-box-shadow: 2px 2px 5px #B7B7B7;
	-moz-box-shadow: 2px 2px 5px #B7B7B7;
	box-shadow: 2px 2px 5px #B7B7B7;
	margin: 0 0 12px 0;
	padding: 12px;
	}
	body.age-range #content .menu ul li a:hover {
	opacity: .75;
	}
	body.age-range #content .menu ul li.lang-dev-lit a {
	background: url(images/icon_book.png) no-repeat 10px 15px;
	border: 2px solid #e4c224;
	padding-left: 75px;
	}
	body.age-range #content .menu ul li.number a {
	background: url(images/icon_triangle.png) no-repeat 15px 20px;
	border: 2px solid #64d1b8;
	padding-left: 75px;
	}
	body.age-range #content .menu ul li.soc-emot a {
	background: url(images/icon_heart.png) no-repeat 15px 25px;
	border: 2px solid #e5035e;
    padding-left: 75px;
	}
	body.age-range #content .menu ul li.phy-dev a {
	background: url(images/icon_soccerball.png) no-repeat 15px 20px;
	border: 2px solid #ed8353;
	padding-left: 75px;
	}
	body.age-range #content .menu ul li.appr a {
	background: url(images/icon_puzzle.png) no-repeat 13px 20px;
	border: 2px solid #48b74a;
	padding-left: 75px;
	}
	body.age-range #content .menu ul li a em {
	display: block;
	font-size: 13px;
	font-style: normal;
	}
	body.age-range #content .menu ul li.lang-dev-lit a em {
	color: #8b7308;
	}
	body.age-range #content .menu ul li.number a em {
	color: #06768c;
	}
	body.age-range #content .menu ul li.soc-emot a em {
	color: #c72170;
	}
	body.age-range #content .menu ul li.phy-dev a em {
	color: #a84700;
	}
	body.age-range #content .menu ul li.appr a em {
	color: #39742e;
	}

/* section headers */
body.age-range #content .section {
	margin: 40px 0 30px 0;
	padding: 0;
	}
body.age-range #content .section h2 {
	font-size: 40px;
	line-height: 60px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #282828;
	-webkit-box-shadow: 0 -4px 2px -2px #c2c2c2;
	-moz-box-shadow: 0 -4px 2px -2px #c2c2c2;
	box-shadow: 0 -4px 2px -2px #c2c2c2;
	margin: 0;
	padding: 20px;
	}
body.age-range #content .section h3 {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 30px;
	font-weight: 700;
	color: #282328;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 0 20px;
	}
body.age-range #content .section h4 {
	font-size: 23px;
	line-height: 30px;
	font-weight: 400;
	font-style: italic;
	text-align: right;
	margin: 0;
	padding: 5px 20px 0 0;
	}

body.age-range #content .section#soc-emot h2 {
	background: #e162ac;
	}
body.age-range #content .section#soc-emot h3 {
	background: #ed8ec5;
	}
body.age-range #content .section#soc-emot h4 {
	color: #ce2367;
	}

body.age-range #content .section#lang-dev-lit h2 {
	background: #f1cf2e;
	}
body.age-range #content .section#lang-dev-lit h3 {
	background: #efde8f;
	}
body.age-range #content .section#lang-dev-lit h4 {
	color: #8b7308;
	}

body.age-range #content .section#number h2 {
	background: #84cdc6;
	}
body.age-range #content .section#number h3 {
	background: #a6d8c4;
	}
body.age-range #content .section#number h4 {
	color: #06768c;
	}

body.age-range #content .section#phy-dev h2 {
	background: #f29c36;
	}
body.age-range #content .section#phy-dev h3 {
	background: #fdba23;
	}
body.age-range #content .section#phy-dev h4 {
	color: #a84700;
	}

body.age-range #content .section#appr h2 {
	background: #6bbf5d;
	}
body.age-range #content .section#appr h3 {
	background: #9cd293;
	}
body.age-range #content .section#appr h4 {
	color: #39742e;
	}

/* media box */
body.age-range #content .media {
	background: #f6f6f6;
	margin: 0 0 40px 0;
	padding: 20px;
	}
body.age-range #content .media .video {
	float: left;
	}
body.age-range #content .media ul {
	float: right;
	width: 420px;
	margin: 10px 0 0 0;
	padding: 0;
	}
body.age-range #content .media ul li {
	list-style: none;
	font-size: 13px;
	line-height: 19px;
	font-weight: 400;
	margin: 0 25px 14px 0;
	padding: 0;
	}
	body.age-range #content .media ul li a {
	color: #4252C2;
	font-weight: 700;
	background: none;
	text-decoration: none;
	padding: 0;
	}
	body.age-range #content .media ul li a:hover {
	color: #1E2A8B;
	background: none;
	}
body.age-range #content .media ul li.download {
	min-height: 43px;
	background: url(images/icon_download.png) no-repeat 0 0;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-left: 55px;
	}
body.age-range #content .media ul li.download.on {
	display: block;
	}
body.age-range #content .media ul li.audio {
	display: none; /* globally off for now */
	min-height: 43px;
	background: url(images/icon_audio.png) no-repeat 0 0;
	padding-left: 55px;
	}
body.age-range #content .media ul li.video-desc {
	min-height: 15px;
	background: url(images/icon_video.png) no-repeat 10px 5px;
	padding-left: 55px;
	}
body.age-range #content .media ul li.audio.on {
	display: block;
	}


/* header icons */
body.age-range #content h2.heart {
	background: url(images/icon_heart_sm.png) no-repeat 0 0;
	padding: 3px 0 10px 45px;
	}
body.age-range #content h2.book {
	background: url(images/icon_book_sm.png) no-repeat 0 0;
	padding: 8px 0 15px 45px;
	}
body.age-range #content h2.triangle {
	background: url(images/icon_triangle_sm.png) no-repeat 0 0;
	padding: 5px 0 10px 45px;
	}
body.age-range #content h2.soccerball {
	background: url(images/icon_soccerball_sm.png) no-repeat 0 0;
	padding: 8px 0 15px 45px;
	}
body.age-range #content h2.globs {
	background: url(images/icon_puzzle_sm.png) no-repeat 0 0;
	padding: 3px 0 10px 40px;
	}

/* sidebar */
body.age-range #content .side {
	float: right;
	width: 270px;
	background: #e5ebe3;
	margin: 0 20px 0 0;
	padding: 5px 20px 5px 20px;
	}
body.age-range #content .side h3 {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .5px;
	margin: 10px 0 6px 0;
	padding: 0;
	}
body.age-range #content .side h4 {
	font-size: 14px;
	margin: 15px 0 5px 0;
	padding: 0;
	}
body.age-range #content .side p {
	font-size: 13px;
	line-height: 19px;
	color: #393339;
	margin: 0 0 10px 0;
	padding: 0;
	}
body.age-range #content .side ul {
	margin: 0 0 0 20px;
	padding: 0;
	}
body.age-range #content .side ul li {
	font-size: 13px;
	line-height: 19px;
	color: #393339;
	margin: 0 0 6px 0;
	padding: 0;
	}

/* inline tooltip */
#content p,
#content li {
	position: relative;
	}
#content .hbox {
/* position: relative; */
    }
#content .hbox:hover .hoverbox,
#content .hbox.hover .hoverbox {
	display: block;
    }
#content .hbox a {
	cursor: pointer;
	color: #4252C2;
     }
#content .hbox a:hover {
	text-decoration: none;
	background: #F0F3EE;
     }
#content .hoverbox {
	display: none;
	position: absolute;
	top: 0;
	right: -340px;
	z-index: 9999;
	width: 270px;
	background: #e0f2f3;
	-webkit-box-shadow: 4px 4px 4px #B7B7B7;
	-moz-box-shadow: 4px 4px 4px #B7B7B7;
	box-shadow: 4px 4px 4px #B7B7B7;
	font-size: 13px;
	line-height: 19px;
	color: #393339;
	margin: 0;
	padding: 8px 14px 8px 14px;
	}
#content .hoverbox .arrow {
     position: absolute;
     top: -15px;
     left: 170px;
     width: 31px;
     height: 33px;
     background: url(images/hover_arrow.png) no-repeat 0 0;
     }



/* Non-English Font Fix
-------------------------------------------------------------------- */
body.plainfont h1,
body.plainfont h2,
body.plainfont h3,
body.plainfont p,
body.plainfont li,
body.plainfont li a {
	font-family: Arial, sans-serif !important;
	}







/* Search
-------------------------------------------------------------------- */
body.search h2 {
	font-size: 18px;
	margin: 0 0 7px 0;
	padding: 0;
	}
	body.search h2 a:link {
	}
body.search #content .entry {
	margin-bottom: 25px;
	}



/* TABLES
-------------------------------------------------------------------- */
table.data {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 15px 0 15px 0;
	}
table.data thead {
	background: #dcecca;
	}
table.data th {
	color: #690;
	text-align: left;
	vertical-align: bottom;
	border: 1px solid #ccc;
	padding: 5px;
	}
	table.data th a.down { /* If sorting turned on */
	color: #c45f1a;
	background: url(../imgs/arrow_down.gif) no-repeat right center;
	padding-right: 12px;
	}
	table.data th a.up { /* If sorting turned on */
	color: #c45f1a;
	background: url(../imgs/arrow_up.gif) no-repeat right center;
	padding-right: 12px;
	}
table.data td {
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #ccc;
	padding: 5px;
	}
table.data tr:first-child td {
	border-top: none;
	}
table.data td.alignRight {
	text-align: right;
	}
table.data td.alignCenter {
	text-align: center;
	}
table.data tr.even {
	background-color: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}



/* GENESIS MISC
-------------------------------------------------------------------- */

/* Post Info & Meta */
.post-info,
.post-meta {
	clear: both;
	line-height: 1.5;
	}
.post-info {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	}
.post-comments {
	background: url(images/post-comments.png) no-repeat center left;
	margin-left: 16px;
	margin-left: 1rem;
	padding-left: 20px;
	padding-left: 1.25rem;
	}
.post-meta {
	border-top: 1px solid #ccc;
	padding-top: 24px;
	padding-top: 1.5rem;
	}
.categories,
.tags {
	display: block;
	}
p.pages,
.clear,
.clear-line,
.first {
	clear: both;
	}
.alignleft,
.archive-page {
	float: left;
	}
.alignright {
	float: right;
	}

/* Post Navigation */
.navigation li {
	display: inline;
	}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #1e1e1e;
	border-radius: 3px;
	cursor: pointer;
	padding: 12px;
	padding: 0.75rem;
	}
.navigation li a:hover,
.navigation li.active a {
	background-color: #ff2a00;
	}

/* Comments */
#comments,
#respond {
	line-height: 1.5;
	overflow: hidden;
	}
.ping-list,
#comments {
	margin-bottom: 48px;
	margin-bottom: 3rem;
	}
#author,
#email,
#url {
	width: 50%;
	}
.commentmetadata,
#author,
#email,
#url {
	margin-bottom: 12px;
	margin-bottom: 0.75rem;
	}
#comment {
	margin: 12px 0;
	margin: 0.75rem 0;
	}
label {
	margin-left: 12px;
	margin-left: 0.75rem;
	}
.comment-list li,
.ping-list li {
	list-style-type: none;
	margin-top: 24px;
	margin-top: 1.5rem;
	padding: 32px;
	padding: 2rem;
	}
.comment-list li ul li {
	margin-right: -32px;
	margin-right: -2rem;
	}
.comment-header {
	overflow: hidden;
	}
.comment {
	background-color: #f5f5f5;
	border: 2px solid #fff;
	border-right: none;
	}
.comment-content p {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	}
.bypostauthor {
	}
#comments .navigation {
	margin-top: 32px;
	margin-top: 2rem;
	}

/* Forms & Buttons */
input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 16px;
	padding: 1rem;
	width: 100%;
	}
#header .search-form {
	float: right;
	margin-top: 56px;
	margin-top: 3.5rem;
	width: 100%;
	}
button,
input[type="button"],
input[type="submit"],
.btn {
	background-color: #1e1e1e;
	border: none;
	box-shadow: none;
	cursor: pointer;
	padding: 16px 24px;
	padding: 1rem 1.5rem;
	width: auto;
	}
button:hover,
input:hover[type="button"],
input:hover[type="submit"],
.btn:hover {
	background-color: #ff2a00;
	}
.enews input[type="submit"],
.search-form input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	}

/* Gravity Forms */
#content div.gform_wrapper input,
#content div.gform_wrapper select,
#content div.gform_wrapper textarea,
#content div.gform_wrapper .ginput_complex label {
	font-size: 16px;
	font-size: 1rem;
	padding: 16px;
	padding: 1rem;
	}
#content div.gform_wrapper input[type="submit"] {
	padding: 16px 24px;
	padding: 1rem 1.5rem;
	}
#content div.gform_wrapper .ginput_complex label {
	padding: 0;
	}
div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 16px 0 0;
	margin: 1rem 0 0;
	}