@charset "utf-8";
body {
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	/*background: #953CAF; */
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	background: #fefeff;
	/*background: #99DEFF url("../images/p2.jpg");
	background: #F9F8E8 url("../images/p7.gif") repeat-y top center;
	background-attachment: fixed;
	/*min-height: 1200px;*/
}

.boxWrapper {
	margin: 0 0 10px 10px;
	
}

table.boxWrapper {
	margin: 0 0 10px 10px;
	
}

table.boxWrapper2 {
	background-color: #20AC34; 
	margin: 0 0 10px 10px;	

}

td.boxWrapper2 {
	vertical-align: top;
	background-color: #20AC34;
}



td.content {
	vertical-align: top;
	background-color: #21B837; 
}



/* ~~~~~setup content pages~~~~~~~ */
.box,div.left,.fltlft,.spacer1,.spacer2,.spacer3 {
	float: left;
	
}


.box {
	width: 200px;
}

.spacer5{
	padding-left:5px;
}


.spacer10{
	padding-left: 10px;	
}

.spacer15{
	padding-left: 15px;	
}


.spacer20{
	padding-left: 20px;
	
}

.spacer25{
	padding-left: 25px;
	
}


.cat_main img {
	display: inline;
	margin: 14px 0 8px 0;

}

.video_main img {
	padding-left: 4px;
}



.sidebar_rt {
	width: 220px;
	float: right;
	margin-right: 10px;
	padding: 10px; 

	background-color: #B14CD6;
	border: #8518AC solid 3px;
	text-align: center;
	font-weight: bold;
	color: #540870;	
}

.sidebar_rt img{
	margin: 0 auto;
}


.promo {
	width: 93%;
	padding: 10px;
	background-color: #21B837;
	border: #1EA632 solid 3px;
	font-weight: bold;
	color: #FFF;
}

h2.promo {
	font-weight: normal;
}

#limitedOffer {
	font-weight: normal;
	font-size: 12px;
}

.caption1 {
 	text-decoration: underline;
	color: #FFF02E;
}


.caption2 {
	color: #FFF02E;
}

.caption3 {
	font-size: 11px;
	font-weight: normal;
	padding-top: 6px;
	padding-left: 4px;
	width: 119px;
	text-align: center;
}



.fltrt {
	float: right;
	
}



.clrflt {
	clear: both;	
}

.imgflt img{
	position: relative;
	top: -20px;
	float:right;
}


.imgflt2 img{
	position: relative;
	top: -10px;
	float:right;
	padding-left: 20px;	
	
}

.imgflt3 img{
	float:right;
	padding: 5px 8px 0 0;
	
}

.hoopitup {
	float: left;
	margin: 10px 0 0 10px;
}


/******flow player ********/
.overlay {
	background:url(white.png) no-repeat;
	padding:40px;	
	width:465px;  
	display:none;
}

.overlayb {	
	background:url(whiteb.png) no-repeat;
	padding: 30px;
	width:650px;  
}
 
.close {
	background:url(close.png) no-repeat;
	position:absolute;
	top:2px;
	display:block;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}
 
a.player { 		
	display:block;
	height:350px;				
}

a.rtmp {
			display:block;
			height:350px;	
			background-color: #000;
}

a.rtmpkidz {
			display:block;
			width: 350px;	
			height: 195px;
			background-color: #000;
}




/*******end flow player */



.container1 {
	margin-right: 10px;
}

.title_img {
	margin-right: 5px;
	padding-left: 5px;	
}


.title_img2 {
	padding: 0 10px 3px 5px;	
}

.title_img3 {
	padding-left: 10px;	
	padding-bottom: 10px;
	
}

.kids_img { 
	padding: 5px 10px 0 0;
}

h2#HolidayText {
	padding-top: 10px;
}


.hoop_img {
	margin: 0 15px 15px 0;
}


.clrmargin {
	margin-top: 0;
	margin-bottom: 0;
}

/* ~~ Setup One-offs ~~ */

#panel1 {
	width: 40%;	
	float: left;
}

#panel2 {	
	float: left;
	position: relative;
	left: 10px;
	top: 25px;
	margin: 0 auto;
}

#panel3 {
	width: 30%;	
	float: right;
}

#panel4 {
	width: 80%;	
	float: left;
}

.text-indent1 {
	padding-left : 30px;
}


p.fun_style:first-letter {
	font-size: 2em;	
}



p.question {
	color: #FF6;
}

p.title_txt {
	font-size: 1.2em;	
}

span.fun1 {
	color: #8317AB;
}


span.fun2 {
	font-weight: bold;
}

span.fun3 {
	color: #8317AB;
	font-size: 2.5em;	
}


span.required {
	color: #FF6;
	font-weight:bold;
}


/* ~~ Element/tag selectors ~~ */
img {   
		display: block;
		border:0;
}

ul, ol, dl {
	font-size: .9em;
	font-weight: bold;
	color: #97FA70;
	text-decoration: underline;	

}

ul.facts {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;	
}

li.facts {
	color: #ff6;
}


ul {
	padding-left: 10px;
}

ul#panel_1 {
	padding-top: 10px;
	padding-left: 30px;
}


h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 27px;
	font-weight: normal;	
	margin-top: 10px;
    padding-right: 5px;
	padding-left: 5px;
}

h1.bio {
	margin: 0;padding-bottom:0;
}

.noimg {
	padding-left: 0;	
}

#panel_1 {
	margin: 15px 0 20px 10px;
	
}


h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;	
	margin-top: 15px;
    padding-right: 5px;
	padding-left: 5px;
}



.news1 {
	color: #FF6; 
	margin-top: 0;
	
}

.news2 {
	color: #F6ED1D; 	
}



h1.news2 {
	position: relative;
	top: -20px;
	color: #97FA70; 
	margin-top: 0;
}



h3, h4, h5, h6{
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 0;	 
	padding-right: 5px;
	padding-left: 5px;
}


a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

a { font-size: .9em;
	font-weight: bold;
	color: #FFF;	
}

a.frontpg {
	color: #97FA70;
}


.magazine  {
	padding-left: 8px;	
}


.thumbnail  {
	float: left;
	margin-left: 10px;
	
}

.letters {
	margin-left: 7%;
}

.letters2 {
	padding-left: 30px;
}


.title_link {
	color: #FF6;
}



	

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	text-decoration: underline; 
	
}
a:visited {
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	width: 860px;
	background: #21B837; 
	margin: 0 auto;
	border-right-style: solid;
	border-left-style: solid;
	border-color:#4F0E67;
	border-width: 1px;
}



.header img{
	position: relative;
	left: 16px;
	top: 16px;
	

}

.header2 img{
	position: relative;
	left: 0;
	top: 0;	
}



.kheader1 img{
	
	padding-top: 9px;
	padding-left: 42px;
}

.kheader2 img{
	position: relative;
	top: 7px;
	left: 3px;
}

.ktag img{
	position: relative;
	top: -4px;
	left: 55px; 
}

#header_background {
    background-color: #8317AB;
	width: 100%;
	height: 200px;
	margin: 0 0 0 0;
}

#kidz_background {
    background-color: #8418AC;
	width: 100%;
	height: 200px;
	margin: 0 0 0 0;
}





.content {

	padding: 5px 0;
}


textarea {
width:370px;
min-width:370px; 
max-width:370px; 
height:200px;
min-height:200px;
max-height:200px;
}



/* ~~ The footer ~~ */
.footer {
	padding: 0 10px;
}

div#footer1 {
	background-image: url(../footer/footer_r1_c3.png);
	background-repeat:repeat-x;	
	height: 88px;
	width: 170px;
	float: left;
	padding: 10px;
}

div#footer2 {
	background-image: url(../footer/footer_r1_c8.png);	
	background-repeat:repeat-x;
	height: 83px;
	width: 145px;
	float: left;
	padding: 5px;
}

div#footer3 {
	background-image: url(../footer/footer_r1_c8.png);
	background-repeat:repeat-x;	
	height: 98px;
	width: 175px;
	float: left;
	padding: 5px;
}

.footer_text {
	color: #97FA70;
}

.footer_nav{
	text-align: center;
	font-size: 14px;
}

#copyright {
	font-size: 12px;
	text-align: center;
	
}