* {
	margin: 0;
	padding: 0;
}

html, body {
	font-size: 101%;
	font-family: Tahoma, sans-serif;
	}

a {
	text-decoration: none;
	}
p {
	padding: 0px 10px 0px 10px;
	font-size: 12px;
	}
.h3 {
	background: url( ../images/h3_bg.png ) no-repeat;
	width:666px;
	height:40px;
	padding:8px 15px 8px 15px;
	font-weight: bold;
	}
* html .h3 {
	width: auto;
	}
.h3Cont { 
	width:666px;}
	
.h3ContTop {
	height:15px;}

.h3ContText {
	background:url(../images/h3_line_bg.png) repeat-y #FFFFFF;
	padding:0 15px 0 15px;
	font-weight: bold;
}

.h3ContBottom {}

li {
	list-style: none;
	}

#right li {
	padding-left: 10px;
	font-size: 11px; 
	}

html, body, #footer {
	background-color: #e2001a;
	}

#wrapper {
	width: 963px;
	margin: 0 auto;
	background: #FFFFFF;
	margin-top: 15px;
	position: relative;
	}

#wrapper .bt, #wrapper .br, #wrapper .bb, #wrapper .bl, #wrapper .tlc, #wrapper .trc, #wrapper .brc, #wrapper .blc {
	width: 100%;
	height: 100%;
	}

#wrapper .bt {
	background: url( ../images/wrapper_bt.png ) repeat-x top left;
	}

#wrapper .br {
	background: url( ../images/wrapper_br.png ) repeat-y top right;
	}

#wrapper .bb {
	background: url( ../images/wrapper_bb.png ) repeat-x bottom left;
	}

#wrapper .bl {
	background: url( ../images/wrapper_bl.png ) repeat-y top left;
	}

#wrapper .tlc {
	background: url( ../images/wrapper_tlc.png ) no-repeat top left;
	}

#wrapper .trc {
	background: url( ../images/wrapper_trc.png ) no-repeat top right;
	}

#wrapper .brc {
	background: url( ../images/wrapper_brc.png ) no-repeat bottom right;
	}

#wrapper .blc {
	background: url( ../images/wrapper_blc.png ) no-repeat bottom left;
	}

/* ---------- Content -- */
#content {
	padding: 28px;
	padding-top: 0;
	overflow: hidden;
	}

#left, #right {
	float: left;
	}

#left {
	width: 239px;
	margin: 28px 4px 0 0;
	background: #ee2e24;
	}

#left .tlc {
	background: url( ../images/left_tlc.png ) no-repeat top left;
	}

#left .trc {
	background: url( ../images/left_trc.png ) no-repeat top right;
	}

#left .blc {
	background: url( ../images/left_blc.png ) no-repeat bottom left;
	}

#left .content {
	padding: 10px;
	}

#logo {
	display: block;
	width: 227px;
	height: 122px;
	background: url( ../images/logo.png ) no-repeat;
	cursor: pointer;
	}

/* ---------- Menu -- */
#nav li a {
	display: block;
	width: 170px;
	height: 31px;
	padding: 12px 0 0 40px;
	background: url( ../images/menu_button.png ) no-repeat top left;
	color: #FFFFFF;
	font-size: 85%;
	}

#nav li a:hover {
	background: url( ../images/menu_button_hover.png ) no-repeat top left;
	}

/* ---------- Ready and Play -- */
#rap {
	width: 211px;
	padding: 10px 0;
	}

#rap .header {
	width: 100%;
	height: 90px;
	background: url( ../images/rap_header.png ) no-repeat;
	}

#rap .header img {
	border: none;
	}
	
#rap .content {
	background: url( ../images/rap_bg.png ) repeat-y top left;
	padding-top: 0;
	padding-bottom: 0;
	}

#rap .content a {
	color: #000000;
	font-weight: bold;
	font-size: 85%;
	}

#rap .footer {
	width: 100%;
	height: 12px;
	background: url( ../images/rap_footer.png ) no-repeat top left;
	}
	
/* ---------- comp -- */

#comp .header ul li a {
	display: block;
	width: 170px;
	height: 31px;
	padding: 12px 0 0 40px;
	background:url(../../parents/images/comp_btn.png) no-repeat top left;
	color: #FFFFFF;
	font-size: 85%;
	}

#comp .header ul li a:hover {
	background: url(../../parents/images/comp_btn_hover.png) no-repeat top left;
	}

#comp .content {
	background: url( ../images/rap_bg.png ) repeat-y top left;
	padding-top: 0;
	padding-bottom: 0;
	}

#comp .content a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 85%;
	}

#comp .footer {
	width: 100%;
	height: 12px;
	background: url( ../images/rap_footer.png ) no-repeat top left;
	}


/* ---------- Newsletter Sign-Up -- */
#newsletter_signup {
	display: block;
	width: 211px;
	height: 87px;
	background: url( ../images/newsletter_signup.png ) no-repeat;
	}

/* ---------- Right Column -- */
#right {
	width: 664px;
	padding-top: 180px;
	height: 100%;
	}

#right p {
	font-size: 90%;
	line-height: 17px;
	}

#right h1 {
	height: 31px;
	padding: 10px;
	padding-bottom: 5px;
	background: url( ../images/h1_bg.png ) no-repeat top left;
	color: #FFFFFF;
	font-size: 85%;
	}
#main_header {
	position: absolute;
	top: -7px;
	right: 28px;
	background: url( ../images/right_banner_3.png ) no-repeat top left;
	width: 664px;
	height: 178px;
	}
#read_and_play_puppets {
	position: absolute;
	top: -7px;
	right: 28px;
	background: url( ../images/right_banner_2.png ) no-repeat top left;
	width: 664px;
	height: 178px;
	}

/* ---------- Grey Note -- */
#grey_note {
	font-weight: bold;
	color: #000000;
	background: #e4e4e4 url( ../images/grey_note_bg.png ) repeat-x;
	font-size: 110%;
	margin-bottom: 5px;
	}

#grey_note .bt {
	background: url( ../images/grey_note_bt.png ) repeat-x top left;
	}

#grey_note .br {
	background: url( ../images/grey_note_br.png ) repeat-y top right;
	}

#grey_note .bb {
	background: url( ../images/grey_note_bb.png ) repeat-x bottom left;
	}

#grey_note .bl {
	background: url( ../images/grey_note_bl.png ) repeat-y top left;
	}

#grey_note .tlc {
	background: url( ../images/grey_note_tlc.png ) no-repeat top left;
	}

#grey_note .trc {
	background: url( ../images/grey_note_trc.png ) no-repeat top right;
	}

#grey_note .brc {
	background: url( ../images/grey_note_brc.png ) no-repeat bottom right;
	}

#grey_note .blc {
	background: url( ../images/grey_note_blc.png ) no-repeat bottom left;
	width: auto;
	padding: 10px;
	font-size: 85%;
	}

/* ---------- Postman Pat Tip -- */
#postman_pat_tip {
	width: 662px;
	height: 215px;
	background: url( ../images/postman_pat_tip.png ) no-repeat top left;
	}

#postman_pat_tip p {
	padding-top: 12px;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
	}

/* ---------- Read and Play Section -- */
#read_and_play_section {
	padding: 10px 0;
	}

#read_and_play_section h2, #read_and_play_section h3 {
	height: 31px;
	padding: 10px;
	padding-bottom: 0;
	font-size: 85%;
	font-weight: bold;
	}

#read_and_play_section h2 {
	background: url( ../images/h2_bg.png ) no-repeat;
	color: #FFFFFF;
	cursor: pointer;
	}

#read_and_play_section .section .content {
	display: none;
	}

#read_and_play_section h3 {
	background: url( ../images/h3_bg.png ) no-repeat;
	}

#read_and_play_section .sub_content {
	font-size: 85%;
	padding: 5px 10px 10px 10px;
	}

#read_and_play_section .sub_content a {
	color: #ee2e24;
	font-weight: bold;
	}

#nav .toggle ul {
	display: none;
	}

#nav .toggle li a {
	background-image: none;
	display: inline;
	color: #000000;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 0;
	}

#nav .toggle.opened {
	background-image: url( ../images/menu_button_toggle_bg.png );
	background-repeat: repeat-y;
	}

#nav .toggle.opened ul {
	display: block;
	font-size: 90%;
	}

#nav .toggle.opened ul a:hover {
	background: none;
	}

#nav .toggle .menu_button_toggle, #nav .toggle .menu_button_toggle:hover {
	background-image: url( ../images/menu_button_toggle.png );
	color: #000000;
	font-weight: bold;
	}

#nav .toggle .footer {
	padding-bottom: 10px;
	background: url( ../images/menu_button_toggle_footer.png ) no-repeat bottom left;
	overflow: hidden;
	}

#nav a.active {
	background: url( ../images/menu_button_active.png ) no-repeat top left;
	color: #000000;
	font-weight: bold;
	}

#nav a.active:hover {
	background: url( ../images/menu_button_active_on.png ) no-repeat top left;
	}

#activity_form {
	font-size: 100%;
	}

#read_and_play_section #activity_form {
	font-size: 90%;
	}

/* ---------- Footer -- */
#footer {
	width: 100%;
	padding-bottom: 10px;
	background-image: url( ../images/footer_bg.png );
	background-repeat: repeat-x;
	background-position: top left;
	text-align: center;
	color: #FFFFFF;
	}

#footer .left_shadow {
	background: url( ../images/footer_left_shadow.png ) no-repeat top left;
	}

#footer .right_shadow {
	background: url( ../images/footer_right_shadow.png ) no-repeat top right;
	padding-top: 15px;
	}

#footer ul li {
	display: inline;
	background: url( ../images/footer_li_border.png ) no-repeat center right;
	padding: 0 10px;
	font-size: 80%;
	}

#footer ul li.last {
	background: none;
	}

#footer a {
	color: #FFFFFF;
	}