* {
	margin: 0;
	padding: 0;
}
 
html, body {
	border:0;
	margin:0;
	padding:0;
	height: 100%; /* Required */
}
body 
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	height: 100%;
}
.bgOrange,
.bgOrangeSplash
{
	background: url(/images/kids_ui/pix_orange.png) #ff6600;
}
.bgGrey
{
	background: url(/images/kids_ui/pix_grey.png) #acacac;
}
.bgBlue,
.bgBlueSub
{
	background: url(/images/kids_ui/pix_blue.png) #003399;
}
.bgPurple,
.bgPurple1
{
	background: url(/images/kids_ui/pix_purple.png) #990099;
}
.bgGreen
{
	background: url(/images/kids_ui/pix_green.png) #99cc33;
}
.bgPink
{
	background: url(/images/kids_ui/pix_pink.png) #cc0066;
}
h1 {
	font-size: 2em;
	line-height: 1.1em;
	margin-bottom: .2em;
}
h1 span.noBold
{
	font-weight: normal;
}

h2 {
	font-size: 1.6em;
	line-height: 1.1em;
	font-weight: normal;
	margin-bottom: .5em;
}
h3 {
}
p
{
	line-height: 1.3em;
	margin-bottom: .5em;
}
a
{
	text-decoration: underline;
}
a:hover
{
	text-decoration: underline;
}
a img
{
	border: none;
}
ul, ol
{
	list-style: none none;
	margin: 0px;
}
table
{
	font-size: 1em;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.printOnly
{
	display: none;
}
.hidden
{
	display: none;
}
.small
{
	font-size: .9em;
}
.bgOrange a
{
	color: #ff6600;
}
.bgGrey a
{
	color: #acacac;
}
.bgBlue a
{
	color: #003399;
}
.bgPurple a
{
	color: #990099;
}
.bgGreen a
{
	color: #99cc33;
}
.bgPink a
{
	color: #cc0066;
}
#wrapper
{
    margin: 0 auto;
	width: 960px;
	position: relative;
	text-align: left;
	height: 600px;
    /*height: 100%;*/
}
html>body #wrapper
{
   min-height: 600px;
   height: auto;
}
.bgOrange #wrapper
{
	background: url(/images/kids_ui/bg_orange.png) no-repeat #ff6600;
	color: #ff6600;

}
.bgGrey #wrapper
{
	background: url(/images/kids_ui/bg_grey.png) no-repeat #acacac;
}
.bgBlue #wrapper
{
	background: url(/images/kids_ui/bg_blue.png) no-repeat #003399;
}
.bgBlueSub #wrapper
{
	background: url(/images/kids_ui/bg_blue_sub.png) no-repeat #003399;
}
.bgPurple #wrapper
{
	background: url(/images/kids_ui/bg_purple.png) no-repeat #990099;
}
.bgPurple1 #wrapper
{
	background: url(/images/kids_ui/bg_purple1.png) no-repeat #990099;
}
.bgGreen #wrapper
{
	background: url(/images/kids_ui/bg_green.png) no-repeat #99cc33;
}
.bgPink #wrapper
{
	background: url(/images/kids_ui/bg_pink.png) no-repeat #cc0066;
}
#homeLink
{
	width: 120px;
	height: 35px;
	position: absolute;
	left: 0px;
	top: 5px;
}
#homeLink a
{
	display: block;
	width: 120px;
	height: 35px;
}
#audioControl
{
	width: 50px;
	height: 50px;
	position: absolute;
	left: 130px;
	top: 5px;
}
#audioControl li
{
	float: left;
}
#audioControl li a
{
	float: left;
	display: block;
	width: 40px;
	height: 30px;	
}
.bgOrange #audioControl li#audioOn a
{
	background: url(/images/kids_ui/audio_on_orange.png) no-repeat;
}
.bgOrange #audioControl li#audioOff a
{
	background: url(/images/kids_ui/audio_off_orange.png) no-repeat;
}
.bgGrey #audioControl li#audioOn a
{
	background: url(/images/kids_ui/audio_on_grey.png) no-repeat;
}
.bgGrey #audioControl li#audioOff a
{
	background: url(/images/kids_ui/audio_off_grey.png) no-repeat;
}
.bgBlue #audioControl li#audioOn a,
.bgBlueSub #audioControl li#audioOn a
{
	background: url(/images/kids_ui/audio_on_blue.png) no-repeat;
}
.bgBlue #audioControl li#audioOff a,
.bgBlueSub #audioControl li#audioOff a
{
	background: url(/images/kids_ui/audio_off_blue.png) no-repeat;
}
.bgPurple #audioControl li#audioOn a
{
	background: url(/images/kids_ui/audio_on_purple.png) no-repeat;
}
.bgPurple #audioControl li#audioOff a
{
	background: url(/images/kids_ui/audio_off_purple.png) no-repeat;
}
.bgGreen #audioControl li#audioOn a
{
	background: url(/images/kids_ui/audio_on_green.png) no-repeat;
}
.bgGreen #audioControl li#audioOff a
{
	background: url(/images/kids_ui/audio_off_green.png) no-repeat;
}
.bgPink #audioControl li#audioOn a
{
	background: url(/images/kids_ui/audio_on_pink.png) no-repeat;
}
.bgPink #audioControl li#audioOff a
{
	background: url(/images/kids_ui/audio_off_pink.png) no-repeat;
}
#navBox
{
	width: 90px;
	height: auto;
	position: absolute;
	top: 393px;
	left: 40px;
}
#navBox ul
{
}
#navBox ul li
{
	margin-bottom: .1em;
}

#navBox ul li a
{
	width: 90px;
	height: 16px;
	display: block;
	color: #000;
	padding: 1px 0px;
	text-decoration: none;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: .05em;
}
html>body #navBox ul li a
{
	height: 15px;
}
#navBox ul li ul
{
	display: none;
}
#navBox #item1 a.sel,
#navBox #item1 a:hover
{
	color: #ff6600;
}
#navBox #item2 a.sel,
#navBox #item2 a:hover
{
	color: #acacac;
}
#navBox #item3 a.sel,
#navBox #item3 a:hover
{
	color: #003399;
}
#navBox #item4 a.sel,
#navBox #item4 a:hover
{
	color: #990099;
}
#navBox #item5 a.sel,
#navBox #item5 a:hover
{
	color: #99cc33;
}
#navBox #item6 a.sel,
#navBox #item6 a:hover
{
	color: #cc0066;
}
#mainBox
{
	position: absolute;
	left: 177px;
	top: 0px;
	width: 783px;
	height: 600px;	
}
html>body #mainBox
{
   min-height: 600px;
   height: auto;
}

/*Landing Pages*/
.bgOrange .landing
{
	background: url(/images/kids_ui/landing/orange.png) no-repeat;
}
.bgGrey .landing
{
	background: url(/images/kids_ui/landing/grey.png) no-repeat;
}
.bgBlue .landing
{
	background: url(/images/kids_ui/landing/blue.png) no-repeat;
}
.bgPurple .landing
{
	background: url(/images/kids_ui/landing/purple.png) no-repeat;
}
.bgGreen .landing
{
	background: url(/images/kids_ui/landing/green.png) no-repeat;
}
.bgPink .landing
{
	background: url(/images/kids_ui/landing/pink.png) no-repeat;
}
#landingFlash
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 783px;
	height: 150px;
}
#sparksLanding
{
	position: relative;
	left: 448px;
	top: 278px;
	width: 186px;
	height: 170px;
}
#sparksLanding ul
{
	float: left;
	text-align: center;
}
#sparksLanding ul li a
{
	font-size: 1.2em;
	display: block;
	text-decoration: none;
}
.sparksMenu li
{
	padding: 9px 9px 0px 9px;
}
.sparksMenu a
{
	width: 168px;
	height: auto;
	padding: 6px;
	font-weight: bold;
}
html>body .sparksMenu a
{
	width: 152px;
}
.bgOrange .sparksMenu a
{
	color: #ff6600;
	border: 2px solid #ff6600;
}
.bgGrey .sparksMenu a
{
	color: #acacac;
}
.bgBlue .sparksMenu a
{
	color: #003399;
	border: 2px solid #003399;
}
.bgPurple .sparksMenu a
{
	color: #990099;
	border: 2px solid #990099;
}
.bgGreen .sparksMenu a
{
	color: #99cc33;
	border: 2px solid #99cc33;
}
.bgPink .sparksMenu a
{
	color: #cc0066;
	border: 2px solid #cc0066;
}
/*Content pages*/

.bgOrange .content
{
	background: url(/images/kids_ui/content/orange.png) no-repeat;
}
.bgGrey .content
{
	background: url(/images/kids_ui/content/grey.png) no-repeat;
}

.bgGreen .content
{
	background: url(/images/kids_ui/content/green.png) no-repeat;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #99cc33;
}
.bgPink .content
{
	background: url(/images/kids_ui/content/pink.png) no-repeat;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #cc0066;
}
.bgPink table
{
	font-size: .9em;
	color: #cc0066;
}
#sparksContent
{
	position: relative;
	left: 285px;
	top: 153px;
	width: 420px;
	height: 400px;
	overflow: scroll;
}
#sparksContent .sparksMenu
{
	width: 390px;
	height: auto;
	float: left;
	padding-bottom: 20px;
}
#sparksContent .sparksMenu ul
{
	float: left;
}
#sparksContent .sparksMenu ul li
{
	float: left;
	width: 195px;
	padding: 0px;
}
#sparksContent .sparksMenu ul li a
{
	float: left;
	text-align: center;
	display: block;
	padding: 4px;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	width: 190px;
	height: 50px;
}
html>body #sparksContent .sparksMenu ul li a
{
	width: 178px;
}
.bgOrange #sparksContent .sparksMenu ul li.sel a
{
	color: #fff;
	background: #ff6600;
}
/*Special styles for Bodytalk section*/
.bodyTalk
{
	font-size: 1.5em;
	line-height: 1.2em;
	color: #003399;
}
#bodyTalkSub
{
	position: absolute;
	left: 8px;
	top: 215px;
	width: 150px;
	height: 186px;
}
#bodyTalkSub li
{
	margin-bottom: .2em;
}
#bodyTalkSub a
{
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
#bodyTalkSub div.upLevel
{
	margin-top: 20px;
}
#bodyTalkSub div.upLevel li.sel
{
	display: none;
}
#bodyTalkContent
{
	position: absolute;
	left: 180px;
	top: 54px;
	width: 295px;
	height: 215px;
	background: #fff;
	padding: 8px;
}
html>body #bodyTalkContent
{
	width: 279px;
	min-height: 199px;
	height: auto;
}
#bodyTalkContent p
{
	font-weight: bold;
}
#bodyTalkImg
{
	position: absolute;
	left: 480px;
	top: 54px;
	width: 300px;
	height: 540px;
}

#footer
{
	float: none;
	height: 20px;
	width: 960px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 607px;
	left: 0px;
	padding: 0px;
	padding-left: 300px;
}
html>body #footer
{
	width: 660px;
}

#footer p
{
	text-align: center;
	color: #fff;
	font-size: .9em;
	float: left;
	width: auto;
}
#footer p a
{
	color: #fff;
}