/***************Site Wide**************/
html,
body {
margin:auto;
padding:0px;
font-family:Arial, Helvetica, Sans-Serif;
background:url(../imgs/body-bg.png) repeat;
}

a img{
border:0px;
}

h2{
width: 372px;
height: 33px;
color: #fff;
font-size: 18px;
padding: 6px 0 0 12px;
background: url(../imgs/h2-bg.png) no-repeat;
margin: 0 0 20px 0;
}

p{
width: 360px;
padding: 0 0 0 12px;
margin: 0 0 20px 0;
line-height: 18px;
font-size:12px;
color: #1b485b;
}

p a{
	color: #1b485b;
}
p a:hover{
	color: orange;
}

ol{
  	width: 260px;
	padding: 0 0 0 12px;
	margin: 0 0 20px 0;
	line-height: 18px;
	font-size:12px;
	color: #1b485b;
}

.nobg{
	background: none !important;
}
.clear {
clear: both;
margin: -1px 0px 0px 0px;
height: 1px;
font-size: 1px;
line-height: 1px;
width: 100%;
}
.ahem { 
position: absolute;
overflow: hidden;
height: 0px;
width: 0px;
left: -1000px;
top: -1000px;
}
.fl{
float:left;
}
.fr{
float:right;
}

.padding-top{
	padding:150px 0 0 0;
}

#wrapper{
	margin: auto;
	width: 970px;
	padding: 50px 0 0 0;
}
	#container{
		width: 755px;
		margin: 0;
		padding: 0;	
	}
	
/*****HEADER*****/	
		#header{
			margin:0 0 0 94px;
			width:661px;
			height: 132px;
			background: url(../imgs/header-bg.png) no-repeat bottom;
			position: relative;
			z-index:20;
		}
			#hdr-logos{
				position: absolute;
				top: 2px;
				left: -85px;
				background: url(../imgs/hdr-logos.png) no-repeat;
				width:294px;
				height:156px;
				z-index: 100;
			}
				#pbs-go, #lunch-lab{
					position: absolute;
					display: block;
				}
				#pbs-go{
					width: 77px;
					height: 66px;
					left: 5px;
					top: 2px;
					z-index: 3;
				}
				#lunch-lab{
					width: 182px;
					height: 94px;
					left: 77px;
					top: 30px;
					z-index: 4;
				}
			#hdr-overview, #hdr-about, #hdr-contact, #hdr-credits, #hdr-characters, #hdr-sitemap, #hdr-episodes, #hdr-family{
				position: absolute;
				left: 221px;
				top: -20px;
				width: 440px;
				height: 132px;
			}
			#hdr-overview{
				background: url(../imgs/hdr-overview.png) no-repeat;
			}
			#hdr-about{
				background: url(../imgs/hdr-about.png) no-repeat;
			}
			#hdr-contact{
				background: url(../imgs/hdr-contact.png) no-repeat;
			}
			#hdr-credits{
				background: url(../imgs/hdr-credits.png) no-repeat;
			}
			#hdr-characters{
				background: url(../imgs/hdr-characters.png) no-repeat;
			}	
			#hdr-sitemap{
				background: url(../imgs/hdr-sitemap.png) no-repeat;
			}
			#hdr-episodes{
				background:url(../imgs/hdr-episodes.png) no-repeat;
			}
			#hdr-family{
				background:url(../imgs/hdr-family.png) no-repeat;
			}
/*****CONTENT*****/				
		#content{
			margin:0 0 0 94px;
			width:661px;
			background: url(../imgs/container-bg.jpg) repeat-y;
		}
			/*column 1*/
			.c1{
				padding: 0 0 0 15px;
				width: 179px;
				height: 743px;
				background: url(../imgs/lc-bg.jpg) no-repeat 15px 0;
				position: relative;
				z-index:0;
			}
				#nav{
					position: absolute;
					left:-63px;
					top: 43px;
					z-index:99;
						background:url(../imgs/nav.jpg) no-repeat 0 0;
						width:228px;
						height:288px;
				}
				
				
				#nav, #nav li, #nav li a, #colophon p, #colophon li{
					margin: 0;
					padding: 0;
				}
				#nav li{
					list-style: none;
				}
				#nav li a{
					display: block;
					width: 228px;
				}
				
					#overview a{
						height:51px ;
						background: url(../imgs/nav.png) no-repeat 0 0;
					}
					#overview a:hover, #overview a.active{
						height:51px ;
						background: url(../imgs/nav.png) no-repeat -228px 0;
					}
					#about a{
						height: 38px;
						background: url(../imgs/nav.png) no-repeat 0 -51px;
					}
					#about a:hover, #about a.active{
						height: 38px;
						background: url(../imgs/nav.png) no-repeat -228px -51px;
					}
					#characters a{
						height: 36px;
						background: url(../imgs/nav.png) no-repeat 0 -89px;
					}
					#characters a:hover, #characters a.active{
						height: 36px;
						background: url(../imgs/nav.png) no-repeat -228px -89px;
					}
					#episodes a{
						height: 37px;
						background: url(../imgs/nav.png) no-repeat 0 -125px;
					}
					#episodes a:hover, #episodes a.active{
						height: 37px;
						background: url(../imgs/nav.png) no-repeat -228px -125px;
					}
					#family a{
						height: 37px;
						background: url(../imgs/nav.png) no-repeat 0 -162px;
					}
					#family a:hover, #family a.active{
						height: 37px;
						background: url(../imgs/nav.png) no-repeat -228px -162px;
					}
					#sitemap a{
						height: 89px;
						background: url(../imgs/nav.png) no-repeat 0 -199px;
					}
					#sitemap a:hover, #sitemap a.active{
						height: 89px;
						background: url(../imgs/nav.png) no-repeat -228px -199px;
					}
			#fizzy{
				position:absolute;
				bottom:0;
				left:-10px;
				background:url(../imgs/fizzy.png) no-repeat;
				height:437px;
				width:219px;
				z-index:1000;
			}
			/*Column 2*/
			.c2{
				padding:0 37px 30px 45px;
			}
				.c2 img{
				padding:0 0 15px 0;	
				}
				
				.c2 h3{
					width: 220px;
					height: 33px;
					color: #fff;
					font-size: 14px;
					padding: 2px 0 0 12px;
					background: url(../imgs/h3-bg.jpg) no-repeat;
					margin: 0;
				}
				

				.c2 h4{
					font-size:16px;
					color:#ef8250;
					padding:0 0 0 12px;
					margin:0 0 8px 0;
				}
					.c2 h4 span{
						color: #1b485b;
						font-size:12px;
						font-style:italic;
					}
					
					.pdf{
						font-size:12px;
						color:#fff;
						padding:3px 5px 3px 32px;
						display:block;
						font-weight:bold;
						text-decoration:none;
						margin:0 0 15px 0;
						background:url(../imgs/pdf.png) no-repeat;
						width:267px;
						color:#fff;
					}
					.pdf span{
						color: #1b485b;;
					}
					a:hover.pdf{
						text-decoration:underline;
					}
					
					.c2b p a{
						color: #1b485b;
						font-weight:bold;
					}
					
				.fizzybox{
					width:290px;
					height:194px;
					padding:0 70px 0 10px;
					background:url(../imgs/about-fizzy-box.jpg) no-repeat;
					margin:0 0 20px 0;
				}
				
					.fizzybox ol{
						margin:-10px 0 0 0;
						font-size:12px;
						line-height:16px;
						width:240px;
					}
						.fizzybox ol li{
							margin:0 0 5px 10px
						 
						}
				
			/**Column 2b*****/
			.c2b{
				padding:0 37px 30px 30px;
			}
				.c2b h2{
					width:385px;
					background:url(../imgs/c2b-h2-bg.png) no-repeat;
				}
				.c2b h3{
					color:#1b485b;
					font-size:16px;
					line-height:18px;
					width:370px;
					padding:0 0 0 15px;
				}
				
				#month1, #month2, #month3, #month4, #month5, #month6, #month7, #month8, #month9, #month10{
					text-transform:uppercase;
					font-size:14px;
					color:#fff;
					padding:2px 5px 2px 10px;
					display:block;
					font-weight:bold;
					text-decoration:none;
					margin:0 0 15px 0;
				}
				#accordion strong{
					display:block;
				}
				#accordion img{
					padding:0 10px 10px 0;
				}
				#accordion p{
					width:225px;
				}
				#month1{
					background:url(../imgs/e-month1.png) no-repeat;
				}
				#month2{
					background:url(../imgs/e-month2.png) no-repeat;
				}
				#month3{
					background:url(../imgs/e-month3.png) no-repeat;
				}
				#month4{
					background:url(../imgs/e-month4.png) no-repeat;
				}
				#month5{
					background:url(../imgs/e-month5.png) no-repeat;
				}
				#month6{
					background:url(../imgs/e-month6.png) no-repeat;
				}
				#month7{
					background:url(../imgs/e-month7.png) no-repeat;
				}
				#month8{
					background:url(../imgs/e-month8.png) no-repeat;
				}
				#month9{
					background:url(../imgs/e-month9.png) no-repeat;
				}
				#month10{
					background:url(../imgs/e-month10.png) no-repeat;
				}
			 
				#double{
					width:382px;
					padding:0 0 50px 3px;
				}
					#double strong{
						color:#ef8250;
					}
					#double h2{
						width:194px;
						background:url(../imgs/d2-h2-bg.png) no-repeat;
						margin:0 0 10px 0;
					}
					#double p{
						line-height:14px;
						margin:0 0 12px 0;
						width:152px;
					}
						.d1{
							width:152px;
							border-right:1px solid #72bdc4;
						}
						.d2{
							padding-left:10px;
						}
				#sitemaps{
					margin:0 0 46px 40px;
				}
					#sitemaps li{
						list-style:none;
						line-height:36px;
					}
						#sitemaps li a{
							font-weight:bold;
							color:#1b485b;
							font-size:18px;
							text-decoration:none;
							background:url(../imgs/sitemap.png) no-repeat 0 0;
							padding-left:20px;
							text-decoration:none;
						}
						#sitemaps li a:hover{
							text-decoration:underline;
						}
						
						#sitemaps li ul{
							margin:0;
						}
							#sitemaps li ul li{
								list-style:disc;
								line-height:18px;
								color:#1b485b;
							}
								#sitemaps li ul li a{
									font-weight:normal;
									font-size:14px;
									background:none;
									padding:0;
								}
				
			/**Column 2c**/
			.c2c{
				padding:0 15px 30px 15px;
				width:406px;
			}
				.c2c h2{
					width:406px;
					background:url(../imgs/c2c-h2-bg.png) no-repeat;
				}
				.c2c h3{
					text-transform:uppercase;
					font-size:20px;
					color:#ef8250;
					margin:20px 0 0 0;
					padding:0 0 0 10px;
				}
				.c2c em{
					display:block;
					margin:0 0 12px 0;
					padding:0;
				}
				.c2c hr{
					width:406px;
					border-top:1px solid #72bdc4;
					border-bottom:none;
					border-left:none;
					border-right:none;
				}
	
/******FOOTER*****/
#footer{
	width: 100%;
	background:#29465c url(../imgs/footer-bg.png) repeat-x top;
	height: 256px;
}	
	#footer-container{
		width: 970px;
		margin: auto;
		position: relative;
	}
		#footer-nav{
			background: url(../imgs/footer-overlay.png) no-repeat;
			height: 63px;
			width: 840px;
			padding: 20px 0 0 100px;
			position: absolute;
			top: -15px;
			left: 0;
		}
			#footer-nav ul{
				width:320px;
				margin: 0;
			}
			#footer-nav ul li{
				list-style: none;
				margin: 0;
				padding: 0 5px 0 10px;
				display: inline;
				background: url(../imgs/nav-divide-line.gif) no-repeat 0 4px;
				line-height: 20px;
			}
				#footer-nav ul li a{
					font-size: 12px;
					text-decoration: none;
					color: #6dbacc;
				}
				#footer-nav ul li a:hover{
					color: #fff;
				}
				
					#contact-us{
						display: block;
						width: 136px;
						height: 40px;
						margin: 0 0 0 15px;
					}
					#credits{
						display: block;
						width: 122px;
						height: 40px;
						margin: 0;
					}
			  	#footer-sponsors{
					padding: 90px 0 0 143px;
				}
					#cloudkid, #cpb{
						float: left;
						height: 120px;
						display: block;
					}
					#cloudkid{
						width: 168px;
						background: url(../imgs/cloudkid.gif) no-repeat;
					}
					#cpb{
						width: 124px;
						background: url(../imgs/cpb.gif) no-repeat;
					}
					#f-closing{
						float: left;
						
					}
						#f-closing p{
							width: 269px;
							color: #72bdc4;
							line-height: 14px;
							font-size:11px;
							margin: 0 0 15px 0 !important;
						}
						#f-closing a{
							color: #72bdc4;
						}
						
						.white, #f-closing p a:hover{
							color: #fff !important;
						}
						
/****PBS STYLES****/
.skyscraper-header{
	color:#fff !important;
}