* {
	margin: 0;
}
html, body {
	height: 100%;
}

body{margin:0;background:#fdfae2;font-family:Arial, Helvetica, sans-serif;font-size:82.5%}
a{color:#336699;text-decoration:none}
#header-wrap{background:#006ea8 url("/styles/images/kids/body_bg.png") bottom repeat-x;position:relative;}
#header {height:153px;overflow:hidden;background:url("/styles/images/kids/kidslogo.png") no-repeat;width:690px;margin-left:auto;margin-right:auto}
#header img{float:left;border:none;}

#header h1 a{
	width: 210px;
	height: 119px;
	overflow: hidden;
	display: block;
	float: left;
	text-indent: -9999px;
	margin-left:13px;
}

#curvecallout {width:175px;text-align:center;float:right;padding-top:0px;color:#FFF;height:119px;font-size:87%}
#curvecallout img{border:none;}
#curvecallout a{color:#3399FF;text-decoration:none}
#navbar {background:#faf8dd;height: 34px;width:695px;margin: 0px 0px 0px 0px; position: relative;clear:both;float:none}
#navbar img{border:0px;float:left}
#navbar #head_pages_nav { margin: 0;padding: 0; float:right;width:695px; }
#navbar #head_pages_nav li { display: inline; }
#navbar #head_pages_nav li a { float: left; height: 0; padding-top: 37px; overflow: hidden; }
#navbar #head_pages_nav li a,
#navbar {background-image:url("/styles/images/kids/navbg.png");background-repeat: no-repeat; background-position:top }

/* BUTTONS */
#navbar #head_pages_nav li#pg_main a { background-position: 0px 0; width:109px;}
#navbar #head_pages_nav li#pg_homework a { background-position: -104px 0; width:190px;}
#navbar #head_pages_nav li#pg_blog a { background-position: -289px 0; width: 179px}
#navbar #head_pages_nav li#pg_resources a { background-position: -470px 0; width:216px;}

/* OVER STATES */
#navbar #head_pages_nav li#pg_main a:hover { background-position: 0px -34px; }
#navbar #head_pages_nav li#pg_homework a:hover { background-position: -104px -34px; }
#navbar #head_pages_nav li#pg_blog a:hover { background-position: -289px -34px;}
#navbar #head_pages_nav li#pg_resources a:hover { background-position: -470px -34px;}


/* PRESSED STATES */
#navbar #head_pages_nav li#pg_main a:active { background-position: 0px -34px; }
#navbar #head_pages_nav li#pg_homework a:active { background-position: -104px -34px;  }
#navbar #head_pages_nav li#pg_blog a:active { background-position: -289px -34px;}
#navbar #head_pages_nav li#pg_resources a:active { background-position: -470px -34px;}

/* ON STATES */
#navbar.main_dn #head_pages_nav li#pg_main a { background-position: 0px -34px; cursor: default;}
#navbar.homework_dn #head_pages_nav li#pg_homework a { background-position: -104px -34px !important;}
#navbar.blog_dn #head_pages_nav li#pg_blog a { background-position: -289px -34px !important;}
#navbar.resources_dn #head_pages_nav li#pg_resources a { background-position: -470px -34px !important;}

#maincontent{overflow:hidden;width:680px;margin-left:auto;margin-right:auto}
#maincontent #leftcol{float:left;width:495px;margin-right:5px;}
#maincontent #rightcol{float:right;width:200px;}

#secondcontent {overflow:hidden;width:680px;margin-left:auto;margin-right:auto;font-size:87%}
#secondcontent a, a:hover{text-decoration:none;color:#666666;}
#secondcontent .col{float:left;width:31%;margin-left:auto;margin-right:15px;overflow:hidden}
#secondcontent .events{text-align:center;float:left;width:100%;margin-left:auto;margin-right:15px;overflow:hidden;margin-top:15px;padding:5px;clear:both}
#secondcontent .events h4{text-align:left;width:100%}
#secondcontent .events .event-thumb{text-align:left;width:20%;float:left;margin-right:10px;margin-top:5px;padding:3px 5px 0px 5px;border:1px solid #EEE;background:#FAFAFA}
#secondcontent .events .event-thumb a{color:#416795}

#callouts {width:200px;float:right;}

#wrapper {
    width: 740px;
	display:table;
	padding:10px;
	height: auto !important;
	background:#FFF url("/styles/images/kids/wrapper-bg.png") repeat-x;
	margin-left:auto;margin-right:auto;
	border-left:1px solid #dedddd;
	border-right:1px solid #dedddd;
	border-bottom:1px solid #dedddd;

}
#wrapper h3{clear:left}
#wrapper dl{clear:left}
#breadcrumbs {font-size:90%;}
#breadcrumbs a, a:hover{text-decoration:none;color:#999999;}

.footer{clear:both;float:none;text-align:center;display:table;margin:10px auto;width:700px;padding:5px;font-size:85%;color:#665;margin-top:30px}
.footer a{color:#999;padding-left:15px;}
.footer a:hover{color:#665}
.footer #footnav{font-size:110%;text-align:right;margin-bottom:25px;}
.footer #footnav a{font-weight:bold;padding-left:15px;}
.footer #footnav img{float:left;border:none}
#homework-callout{width:210px;float:right}
#homework-callout .hw-sec{padding:4px 4px 50px 4px;margin-top:15px;margin-bottom:15px;overflow:hidden;background:url("/kids/images/hw-call-bg.png") bottom center no-repeat;}

#story-callout{width:375px;float:left;font-size:90%;}
#story-callout .st-sec{padding:4px 4px 50px 4px;margin-top:15px;margin-bottom:15px;overflow:hidden;background:url("/kids/images/hw-call-bg.png") bottom center no-repeat;}
#story-callout .st-sec img{border:none;float:right;padding:5px;}
#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 680px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 290px;
    width: 680px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #EEE;
	border:2px dashed #2c6da4;
}

.scrollContainer div.panel {
    background:#FFF;
	padding: 20px;
    height: 280px;
    width: 650px;
}

.scrollContainer div.panel .col{width:200px;float:left;padding-right:10px;font-size:92.5%;}
.scrollContainer div.panel .col h4{margin-bottom:0px;color:#003300}
.scrollContainer div.panel .col ul{margin-top:0px;}
.scrollContainer div.panel .col img{float:right;padding:2px;}
.scrollContainer div.panel .col a{text-decoration:none;color:#036}
.scrollContainer div.panel .col a:hover{text-decoration:none;color:#000;text-decoration:underline;}



#shade {
    background: #FFFFFF url("/styles/images/kids/shade.png") no-repeat top center;
    height: 20px;
}


ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
	text-align:right;
}

ul.navigation li {
	height:90px;
    display: inline;
    margin-right: 10px;
	
}

ul.navigation a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#FFF;
 	height:90px;
	padding: 5px;
	padding-top:90px;
    color: #678ebf;
    text-decoration: none;border:1px solid #FFF;
	overflow:hidden;
	
}

ul.navigation a:hover {
font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    background-color: #FFF;
	color:#000000;
}

ul.navigation a.selected {
	color:#0d4387;
	 font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*background-color: #EEE;*/
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

.right-col{
padding:10px 10px 10px 10px;border-left:1px solid #eee;float:right;width:55%;background:#cde7fb;border:1px solid #ccc;
}
.right-col h3{margin-bottom:0px;}
.right-col img{float:right; margin:5px;border:3px solid #FFF;margin-right:4px;}
.contentHighlight{padding:5px;display:table;clear:left}
.contentHighlight .half-col{float:left;width:175px;padding:5px;}
.lm_layout{width:100%;clear:both;display:table}
.lm_layout img{margin-right:3px;border:none;float:left;padding:3px;background:#FFF;border:1px solid #ccc;}
.lm_layout .lm_cell{width:30%;float:left;vertical-align:text-top;padding:5px 10px 20px 5px;font-size:90%;}
.lm_layout .lm_cell img{margin-right:3px;border:none;float:left;padding:3px;background:#FFF;border:1px solid #ccc;}
.lm_layout .lm_cell a{border:none;text-transform:capitalize;}
.clear{clear:both;display:table;width:5px;}