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

/* WRAPPERS AND BODY */
	
	body {
	background-color: #FFEAAF;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	
	
	}
	
	#wrapper{
		width: 960px;
		margin: 0 auto;
		background-color: #FFCC40;
		position: relative;
		background-image: url(../images/styles/wrapper_back.png);
		background-repeat: no-repeat;
		}
	
	#liquid_wrapper {	
		background-color: #FFF;
		float: left;
		margin: 0 30px;
		width: 900px;
		overflow: hidden;
	}
	
	* html #liquid_wrapper { display:inline; }

	#subwrapper {
		float: right;
		width: 735px;
		background: #FFF;
	}
	
	* html #subwrapper { display:inline; }


/* LIQUID LAYOUT */	
	
	.liquid {
		font-size: 1px;
		line-height: 0px;
		clear: both;
	}
	
	
/* TEXT STYLES */

	p {
		margin: 1px 0 12px 0;
		line-height: 130%;	
	}
	
	em {
		font-style: italic;
	}
	
	.bold {
		font-weight: bold;	
	}
	
	.lighter {
		font-weight: lighter;
	}
	
	/*.bold_red, a.bold_red{
		font-weight: bold;
		color: #EE2A24;
	}*/


/* TEXT COLORS */

	.red {
		color: #EE2A24;
	}
	
	.blue {
		color: #3f72b9;
	}
	
	.green {		
		color: #098405;
	}
	
	.orange {
		color: #F35A11;	
	}
	
	.purple {
		color: #493B80;
	}
	
	.white {
		color: #FFF;
	}
	
	.magenta {
	color: #91278f;
	}
	
	.black {
	color: #000;
	}

	
/* HEAD TAGS */

	h1 {
		font-size: 200%;
		color: #000;
	}
	
	h2, h3 {
		font-weight: lighter;
	}

	h2 {
		font-size: 105%;
	}
	
	h3 {
		font-size: 100%;
	}
	
	#main_area_text h3{
		margin: 25px 0 10px 0;
		padding-top: 15px;
		border-top: 5px dotted #fce7ad;
		font-weight: lighter;
		color: #EE2A24;
		font-size: 110%;
	}
	
	h3.event {
		font-size: 100%;
		font-weight: bold;
	}
	
	h4 {
		font-size: 90%;
	}
	
	h5 {
		font-size: 85%;
	}
	
	h5.learnmore {
		font-weight: lighter;
		padding: 20px 20px 5px 20px;
		color: #999;
	}


/* LIST STYLES */	
	
	.list_box {
		padding-bottom: 10px;
	}
	
	ul.bulleted {
		list-style: disc none;
	}
	
	ul.bulleted li{
		font-size: 100%;
		line-height: 140%;
	}	
	
	ul.inside li{
		list-style: inside;	
	}
	
	ul.outside li{
		list-style: outside;
		margin-left: 12px;
	}
		
	ol {
		list-style: decimal;
		padding-left: 20px;
	}
	
	ul li {
		font-size: 90%;
	}
	
	ul.horiz_nav li{
		display: inline;
		padding: 1px 8px;
		border-left: 1px solid;
	}
	
	ul.horiz_nav li.first_link{
		border-left: none;
	}
		
		
/* HEADER STYLES */

	#header {
		width: 960px;
		height: 165px;
		float: right;
	}
	
	#header_photo {
		position: absolute;
		z-index: 10;
		right: 0; 
		top: 0;
	}


/* NAVIGATION BAR FOR TRANSLATION LINKS */

	#translation_nav{
		color: #FC0;
		background-color: #000;
		width: 765px;
		height: 20px;
		clear: right;
		float: right;
		padding: 6px 0 3px 0;
	}
	
	#translation_nav ul li{
		padding: 5px 20px;
		border-color: #363532;
	}
	
	#home_icon a{
		padding: 0;
		margin: 0;
		position: absolute;
		right: 35px;
		width: 18px;
		height: 15px;
	}
	
	#home_icon a:link, 
	#home_icon a:visited {
		background: url(../images/navigation/home_sprite.gif) 0 0;
	}
	
	#home_icon a:hover, 
	#home_icon a:active {
		background: url(../images/navigation/home_sprite.gif) 18px 0;
	}
	

/* SUBHEADER; AREA UNDER TRANSLATION NAV WITH PAGE TITLE AND 'THIS STEP' ELEMENTS */

	#subheader {
		height: 80px;
		width: 735px;
		clear: right;
		border-top: 3px solid #FFCC40;
		position: relative;
	}
	
	#subheader .hotspot {
		position: absolute;
		left: 460px;
		top: 12px;
	}
	
	#subheader h1 {
		position: absolute;
		left: 23px;
		top: 18px;
		width: 100%;
	}
	
	#subheader .announcement {
		position: absolute;
		left: 23px;
		top: 60px;
		font-size: 110%;
	}
	
	#subheader .months {
		position: absolute;
		left: 565px;
		top: 60px;
		font-size: 110%;
	}
	
	p.subheadertext {
		padding: 10px 25px 0px 25px;
		font-weight: bold;
	}
	
	
/* MAIN SIDEBAR GOES ALL THE WAY DOWN THE LEFT-HAND SIDE OF THE PAGE, INCLUDES ALL THE SIDEBAR NAVIGATION AS WELL AS SEARCH BOX */
	
	#main_sidebar{
		width: 165px;
		clear: both;
		float: left;
	}
	
	* html #main_sidebar { display:inline; }
	
	#main_nav {
		background: url(../images/styles/kid_bottom.png) no-repeat #FFCC40;
		border-bottom: 10px solid #000;
		padding: 18px 0;
		
	}


/* NAVIGATON ELEMENTS FOR THE FIVE STEPS */
	
	#steps_nav ul {
		width: 190px;
		color: #FFF;
	}
	
	#steps_nav li {
		margin-bottom: 3px;
	}
	
	#steps_nav li a {
		display: block;
		width: 95px;
		padding: 5px 5px 0 55px;
		min-height: 40px;
		font-size: 110%;
	}
	
	* html #steps_nav li a {
		height: 45px;
	}
	
	#steps_nav li a:hover, 
	#steps_nav li a:active {
		text-decoration: none;
	}			
	
	
/* STEP FIVE STATES */
	#steps_nav li.five a{
	background: url(../images/navigation/five_long.png) no-repeat #EE2A24;
	}

	#steps_nav li.five a:hover, 
	#steps_nav li.five a:active{
	background: url(../images/navigation/five_long.png) no-repeat #cc0e0d;
	}

/* STEP FOUR STATES */

	#steps_nav li.four a{
		background: url(../images/navigation/four_long.png) no-repeat #3D71B8;
	}
	
	#steps_nav li.four a:hover, 
	#steps_nav li.four a:active{
		background: url(../images/navigation/four_long.png) no-repeat #2b509c;
	}

/* STEP THREE STATES */

	#steps_nav li.three a{
		background: url(../images/navigation/three_long.png) no-repeat #72BF44;
	}
	
	#steps_nav li.three a:hover, 
	#steps_nav li.three a:active{
		background: url(../images/navigation/three_long.png) no-repeat #12840a;
	}

/* STEP TWO STATES */
	#steps_nav li.two a{
		background: url(../images/navigation/two_long.png) no-repeat #F8941D;
	}
	
	#steps_nav li.two a:hover, 
	#steps_nav li.two a:active{
		background: url(../images/navigation/two_long.png) no-repeat #f56b14;
	}

/* STEP ONE STATES */
	#steps_nav li.one a{
		background: url(../images/navigation/one_long.png) no-repeat #7961AA;
	}
	
	#steps_nav li.one a:hover, 
	#steps_nav li.one a:active{
		background: url(../images/navigation/one_long.png) no-repeat #5b4a94;
	}
	
	
/* AFTER THE STEPS IS THE REST OF THE CONTENT OF THE MAIN SIDEBAR */	
	
	.main_links{
		padding: 10px 12px;
		color: #000;
	}
	
	.main_links li{
		padding: 3px 0;
	}
	
	#search{
		margin: 12px 0 12px 10px;
		color: #999;
		font-size: 85%;
	}
	
	#countdownlogo{
		margin: 35px 12px 12px 12px;
	}


/* MAIN CONTENT AREA STYLES */
	
	#content{
		width: 550px;
		clear: right;
		float: left;	}
	
	* html #content{
		display:inline;
	}
	
	#current_step_number_spacer{
		width: 90px;
		float: right;
	}

	#main_area{
		padding: 12px 15px 12px 20px;
		color: #333;
	}
	
	#main_area_text{
		padding: 8px 3px;
	}
	
	.content_box {
		padding: 8px 15px;
	}	
	
	.col_a {
		width: 240px;
		float: left;
		clear: left;
	}
	
	.col_b {
		width: 240px;
		float: right;
	}
	
	.section {
		padding: 15px 0;	
	}
	
	.funborder {
		border-top:5px dotted #FCE7AD;
		margin-top:30px;
		padding-top:15px;
	}


/* SPECIAL BOX STYLES */
	
	.special_wrapper {
		width: 100%;
		clear: right;
	}
	
	#special_textbox{
		width: 508px;
		border: 1px solid #FFCC40;
		margin-bottom: 20px;
	}
	
	#special_textbox_header{
		color: #FFF;
		background-color: #FFCC40;
		padding: 5px 10px 2px 12px;
		text-transform: uppercase;
		display: block;
		width: 150px;
		margin-top: 20px;
		font-size: 110%;
	}
	
	#special_textbox ul li {
		font-size: 100%;
		line-height: 150%;
		list-style: inside;
	}

	#special_textbox h2.red,
	#special_textbox h3.red,
	#special_textbox h4.red {
		text-transform: uppercase;
		padding-top: 5px;
	}
	
	
/* MINIMUM HEIGHTS */
	
	.minheight_325px {
		min-height: 325px;	
	}
	
	.minheight_540px {
		min-height: 540px;
	}
	
	.minheight_550px {
		min-height: 550px;	
	}
	
	.minheight_575px {
		min-height: 575px;	
	}
	
	.minheight_625px {
		min-height: 625px;	
	}
	
	
/* FLOATING IMAGES */
	
	.imagebox_150px{
		float: right;
		margin: 0px 0px 20px 20px;
		width: 150px;
	}
	
	.imagebox_175px{
		float: right;	
		width: 175px;
		}
	
	.imagebox_200px{
		float: right;
		margin: 0px 0px 20px 20px;
		width: 200px;
	}
	
	.imagebox_225px{
		float: right;
		width: 225px;
	}
	
	.imagebox_250px{
		float: right;
		width: 250px;	
	}
	
	.map{
		float: right;
		width: 275px;
		margin-left: 20px;
	}


/* OUR PROGRAMS SECTION OF MAIN CONTENT AREA */

	#our_programs{
		float: left;
		width: 345px;
	}

	#our_programs #talkreadplay{
		padding-left: 20px;
	}

	#our_programs #playtolearn{
		padding-left: 12px;
	}
	
	#bps{
		float: right;
		border-left: 1px solid #CCC;
		padding-left: 20px;
		margin: 30px 0 15px 0;
		width: 100px;
	}


/* SECONDARY SIDEBAR STYLES */

	#secondary_sidebar{
		width: 170px;
		background-color: #FFF;
		float: right;
	}
	
	* html #secondary_sidebar{
		display:inline;
	}
	
	#secondary_sidebar_capper{
		width: 170px;
		height: 65px;
		padding: 8px 0 0 0;
	}


/* QUICK LINKS  STYLES */

	#quick_links{
		width: 169px;
		border: 1px solid #FFCC40;
		border-right: none;
		background-color: #FFF8E5;
	}
	
	#quick_links_header{
		color: #FFF;
		background-color: #FFCC40;
		padding: 5px 0 0 10px;
		font-size: 130%;
	}
	
	#quick_links h4{
		width: 149px;
		padding: 5px 10px 3px 10px;
		border-top: 1px solid #FFCC40;
	}
	
	#quick_links li {
		padding: 1px 10px;
	}

	#quick_links li a{
		color: #777060;
	}
	
	#quick_links .red {
	color: #EE2A24;	
}


/* FOOTER STYLES */

	#footer{
		width: 950px;
		padding: 5px ;
		clear: both;	
		float: left;
		text-align: center;
		background-color: #FFCC40;
	}
	
	#footer ul.horiz_nav li.first_link{
		border: none;
	}

	#copyright{
		color: #FFF;
		font-size: 85%;
		margin: 3px;
		text-align: center;
	}
	

/* LINK STYLES */

	a:link, a:visited {
		text-decoration: none;
	}
	
	a:hover, a:active {
		text-decoration: underline;
	}
	
	#main_nav a {
		color: #000;	
	}
	
	#main_nav a.red {
		color: #EE2A24;	
	}
	
	#translation_nav a {
		color: #FFCC40;
	}
	
	#footer a {
		color: #000;	
	}
	
	#steps_nav a:link, 
	#steps_nav a:visited {
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
	}
	
	#steps_nav a:hover, 
	#steps_nav a:active {
		color: #FFF;
		font-weight: bold;
	}
	
	#main_nav a:link.important_link,
	#main_nav a:visited.important_link{
		color: #FFF;
		font-size: 85%;
		text-transform: uppercase;
		display: block;
		padding: 5px 10px;
		background-color: #EE2A24;
		margin: 0 40px 0 10px;
	}

	#main_nav a:hover.important_link,
	#main_nav a:active.important_link{
		text-decoration: none;
		display: block;
		background-color: #b8000f;
	}
	
	#main_area a:link, 
	#main_area a:visited,
	.subheadertext a:link,
	.subheadertext a:visited{
	text-decoration: underline;
	color: #333;
	}
	
	#main_area a:hover, 
	#main_area a:active,
	.subheadertext a:hover,
	.subheadertext a:active{
		text-decoration: underline;
		color: #0000FF;
	}
	
	#playtolearn_type a:link, 
	#playtolearn_type a:visited{
		width: 150px;
		height: 22px;
		display: block;
		background: url(../images/navigation/cd2kplaygroup_sprite.gif) 0 0;
	}
	
	#playtolearn_type a:hover, 
	#playtolearn_type a:active{
		width: 150px;
		height: 22px;
		background: url(../images/navigation/cd2kplaygroup_sprite.gif) 150px 0;
	}
	
	#talkreadplay_type a:link, 
	#talkreadplay_type a:visited{
		width: 115px;
		height: 22px;
		display: block;
		background: url(../images/navigation/talkreadplay_sprite.gif) 0 0;
	}
	
	#talkreadplay_type a:hover, 
	#talkreadplay_type a:active{
		width: 115px;
		height: 22px;
		background: url(../images/navigation/talkreadplay_sprite.gif) 115px 0;
	}