/*

HEADER

*/

#header {
	position: absolute;
	height: 160px;
	width: 948px;
	left: 0;
	top: 0;
	background: url(../images/kids/bg-navigation.png) 0 0  no-repeat;
	z-index: 2;
}

#header h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 199px;
	height: 202px;

	z-index: 2;
}

#header h1 a {
	display: block;
	width: 199px;
	height: 202px;
	text-indent: -9999em;
	background: url(../images/kids/logo.png);
}

#header h1 a:hover {
	background-position: 0 202px;
}

#header h2 {
	position: absolute;
	top: 110px;
	right: 10px;
	width: 232px;
	height: 151px;
	background: url(../images/kids/phone-number.png) no-repeat;
	z-index: 2;
}

#navigation
{
	position: absolute;
	left: 199px;
	top: 0;
	width: 749px;
	height: 150px;
	z-index: 3;
}

#navigation ul {
	list-style-type: none;

}

#navigation ul li {
	position: absolute;
	top: 22px;

}

#navigation ul li a {
	display: block;
	float: left;
	text-indent: -9999em;
}

#navigation ul li.get-help {
	left: 25px;
}

#navigation ul li.get-help a {
	background: transparent url(../images/kids/nav-get-help.png) no-repeat;
	height: 116px;
	width: 141px;
}

#navigation ul li.fun-stuff {
	left: 166px;
}

#navigation ul li.fun-stuff a {
	background: transparent url(../images/kids/nav-fun-stuff.png) no-repeat;
	height: 116px;
	width: 141px;
}

#navigation ul li.information  {
	left: 307px;
}

#navigation ul li.information a {
	background: transparent url(../images/kids/nav-information.png) no-repeat;
	height: 116px;
	width: 141px;
}

#navigation ul li.whats-khl {
	left: 448px;
}

#navigation ul li.whats-khl a {
	background: transparent url(../images/kids/nav-whats-khl.png) no-repeat;
	height: 116px;
	width: 141px;
}

#navigation ul li.theme-selector {
	left: 589px;
}

#navigation ul li.theme-selector a {
	background: transparent url(../images/kids/nav-theme.png) no-repeat;
	height: 126px;
	width: 141px;
}


#navigation ul li a:hover {
	background-position: 0 -126px;
	height: 126px;
	top: 22px;
}

#navigation ul li.active a {
	position: absolute !important;
	background-position: 0 -251px !important;
	height: 127px !important;
	top: -12px !important;
}

#navigation ul li.theme-selector.active a {
	position: relative;
	background-position: 0 -126px;
	height: 126px;
	width: 141px;
	top: 0;
}

#core {
	background: url(../images/kids/bg-rounded-bottom.png) no-repeat 0 bottom;
	padding: 0 0 7px;
	margin-top: 160px;
}

/*

CONTENT

*/

#subnavigation {
	width: 242px;
	margin-top: 115px;
	position: relative;
}

#subnavigation ul {
	margin: 0; position: relative;
}

#subnavigation ul li {
	position: relative;
	margin-bottom: 5px;
}

#subnavigation ul ul li {
	margin-bottom: 0;
}

#subnavigation ul li a {
	width: 223px;
	height: 36px;
	padding: 13px 0 0 11px;
	display: block;
	margin-bottom: -6px;
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
}

#subnavigation ul li a:visited {
	color: #fff;
}

#subnavigation ul li.orange a {
	background: url(../images/kids/sub-nav-orange.png) no-repeat;
}

#subnavigation ul li.pink a {
	background: url(../images/kids/sub-nav-pink.png) no-repeat;
}

#subnavigation ul li.purple a {
	background: url(../images/kids/sub-nav-purple.png) no-repeat;
}

#subnavigation ul li.green a {
	background: url(../images/kids/sub-nav-green.png) no-repeat;
}

#subnavigation ul li a:hover {
	background-position: 0 -64px;
	text-decoration: none;
}

#subnavigation ul li.expanded a {
	background-position: 0 -128px !important;
	text-decoration: none;
	padding-bottom: 5px;
}

#subnavigation ul li a.selected {
	background-position: 0 -196px !important;
	text-decoration: none;

}

#subnavigation ul li ul {
	margin: 0 5px 0;
	padding: 0 0 14px;
	width: 222px;
}

#subnavigation ul li.orange ul {
	background: #f5f5f6 url(../images/kids/bg-sub-nav-bottom-orange.png) no-repeat 0 bottom;
}

#subnavigation ul li.pink ul {
	background: #f5f5f6 url(../images/kids/bg-sub-nav-bottom-pink.png) no-repeat 0 bottom;
}

#subnavigation ul li.purple ul {
	background: #f5f5f6 url(../images/kids/bg-sub-nav-bottom-purple.png) no-repeat 0 bottom;
}

#subnavigation ul li.green ul {
	background: #f5f5f6 url(../images/kids/bg-sub-nav-bottom-green.png) no-repeat 0 bottom;
}

#subnavigation ul li ul li {
	text-indent: 11px;
	width: 214px;
}

#subnavigation ul li.orange ul li {
	border-left: #faab27 4px solid;
	border-right: #faab27 4px solid;
}

#subnavigation ul li.pink ul li {
	border-left: #ef35a4 4px solid;
	border-right: #ef35a4 4px solid;
}

#subnavigation ul li.purple ul li {
	border-left: #755ba5 4px solid;
	border-right: #755ba5 4px solid;
}

#subnavigation ul li.green ul li {
	border-left: #b0d133 4px solid;
	border-right: #b0d133 4px solid;
}

#subnavigation ul li ul li a {
	background: none !important;
	padding: 0;
	margin: 0;
	margin: 0;
	height: auto;
	padding: 5px 10px 5px 0;
	color: #4c4c46;
	width: 204px;
}

#subnavigation ul li ul li a:hover {
	text-decoration: underline;
}

#subnavigation ul li ul li a.selected {
	text-decoration: none !important;
	color: #fff;
}

#subnavigation ul li.orange ul li a.selected {
	background-color: #faab27 !important;
}

#subnavigation ul li.pink ul li a.selected {
	background-color: #ef35a4 !important;
}

#subnavigation ul li.purple ul li a.selected {
	background-color: #755ba5 !important;
}

#subnavigation ul li.green ul li a.selected {
	background-color: #b0d133 !important;
}

#subnavigation ul li ul li a:visited {
	color: #898989;
}

#content {
	margin: 7px 7px 0 0;
	width: 699px;
	color: #4c4c46;
}

#content h2 {
	color: #00AEEF;
}

#content #sub-content, #content #main-content {
	float: left;
}

#content #sub-content {
	width: 199px;
	margin: 32px 0 0;
	position: relative;
}

#content #sub-content.bg-character {
	background: url(../images/kids/bg-sub-content-character.png) no-repeat;
	min-height: 325px;
}

div.home #content #sub-content.bg-character {
	background: url(../images/kids/bg-sub-content-character-home.png) no-repeat;
	min-height: 270px;
}

#content #main-content {
	margin: 0 0 0 30px;
	width: 468px;
/*
	margin: 0 0 0 20px;
	width: 478px;
	*/
}

#content #main-content.full-width {
	margin: 0 0 0 10px;
	width: 488px;
}

#content #main-content #themes {
	width: 468px;
}

#content #main-content #themes a:focus {
	outline: none;
}

#content #main-content #themes div {
	margin-bottom: 20px;
}

#core h1 {
	margin-bottom: 0.1em;
}

#inner-core.home h1 {
	margin-left: 12px;
}

#content ul {
	margin-bottom: 1em;
	width: 455px;
}

#content ul ul {
	width: 100%;
}

#content ul li {
	background: url(../images/kids/bg-li.png) no-repeat 0 7px;
}

#content ul.information {
	width: 200px;
}

#content ul.information li {
	width: 160px;
}

#content #main-content.full-width h1, #content #main-content.full-width h2, #content #main-content.full-width h3 {
	margin-left: 20px;
}

#main-content.full-wdith h2 {
	margin-left: 0.7em
}

#core #inner-core {
	background: url(../images/kids/bg-content.png) repeat-y 0 bottom;
}

#inner-core.home {
	min-height: 294px !important;
}

#main-content ul.large-type
{
	padding-left: 15px;
}

#main-content ul.large-type li {
	font-size: 1.3em;
	padding: 0 25px;
}

div.home #main-content ul.large-type li {
	margin-left: 5px;
}

#content ul.large-type li {
	background: url(../images/kids/bg-li-large.png) no-repeat scroll 0 5px
}

#content #main-content div.hr {
	width: 100%;
	margin: 0 0 10px 0
}

#inner-core.home #content #main-content div.hr {
	margin: 10px 0 0 10px;
	width: 470px;
}

#content #main-content ul.counselling-options {
	clear: both;
	width: 100%;
}

#content ul.counselling-options li {
	float: left;
	width: 152px;
	height: 156px;
	padding: 0;
	margin: 0 2px;
	clear: none;
}

#content ul.counselling-options li a {
	width: 152px;
	height: 156px;
	display: block;
	text-indent: -9999em;
}

#content ul.counselling-options li.phone {
	background: url(../images/kids/btn-phone.gif) no-repeat 0 0;
}

#content ul.counselling-options li.web {
	background: url(../images/kids/btn-web.gif) no-repeat 0 0;
}

#content ul.counselling-options li.email {
	background: url(../images/kids/btn-email.gif) no-repeat 0 0;
}

#content ul.counselling-options li.email.last {
	margin-right: 0;
}

#content ul.counselling-options li.phone a:hover {
	background: url(../images/kids/btn-phone-rollover.gif) no-repeat 0 0;
}

#content ul.counselling-options li.web a:hover {
	background: url(../images/kids/btn-web-rollover.gif) no-repeat 0 0;
}

#content ul.counselling-options li.email a:hover {
	background: url(../images/kids/btn-email-rollover.gif) no-repeat 0 0;
}

#content .phone-number {
	font-weight: bold;
	color: #ea008a;
}

.clear-both {
	clear: both;
}

/*
   HOT TOPICS
*/

#hottopics {
	width: 242px;
	margin-top: 15px;
	position: relative;
}

#hottopics ul {
	margin: 0; position: relative;
	width: 272px;
}

#hottopics ul li {
	position: relative;
	margin-bottom: 5px;
	background: none;
	color: #fff;
}

#hottopics ul ul li {
	margin-bottom: 0;
}

#hottopics ul li a.new  {
	display:inline;
}

#hottopics ul li span.newred  {
	color:red;
}
#hottopics ul li a  {
	display: block; 
/*	width: 223px; */
	height: 36px;
	padding: 13px 0 0 11px;
	margin-bottom: -6px;
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;

}

#hottopics ul li.expanded a {
	background-position: 0 -62px !important;
	padding-bottom: 5px;
}

#hottopics ul li a:visited {
	color: #fff;
}

#hottopics ul li.orange a {
	background: url(../images/kids/bg-hot-topics-orange.png) no-repeat;
}

#hottopics ul li.pink a {
	background: url(../images/kids/bg-hot-topics-pink.png) no-repeat;
}

#hottopics ul li.purple a {
	background: url(../images/kids/bg-hot-topics-purple.png) no-repeat;
}

#hottopics ul li.green a {
	background: url(../images/kids/bg-hot-topics-green.png) no-repeat;
}

#hottopics ul li ul {
	margin: 0 5px 0;
	padding: 0 0 14px;
	width: 222px;
}

#hottopics ul li.orange ul {
	background: url(../images/kids/bg-hot-topics-bottom-orange.png) no-repeat 0 bottom;
}

#hottopics ul li.pink ul {
	background: url(../images/kids/bg-hot-topics-bottom-pink.png) no-repeat 0 bottom;
}

#hottopics ul li.purple ul {
	background: url(../images/kids/bg-hot-topics-bottom-purple.png) no-repeat 0 bottom;
}

#hottopics ul li.green ul {
	background: url(../images/kids/bg-hot-topics-bottom-green.png) no-repeat 0 bottom;
}

#hottopics ul li ul li {
	width: 174px;
}

#hottopics ul li.orange ul li {
	border-left: #faab27 4px solid;
	border-right: #faab27 4px solid;
}

#hottopics ul li.pink ul li {
	border-left: #ef35a4 4px solid;
	border-right: #ef35a4 4px solid;
}

#hottopics ul li.purple ul li {
	border-left: #755ba5 4px solid;
	border-right: #755ba5 4px solid;
}

#hottopics ul li.green ul li {
	border-left: #b0d133 4px solid;
	border-right: #b0d133 4px solid;
}

#hottopics ul li ul li a {
	background: none !important;
	padding: 0;
	margin: 0;
	margin: 0;
	height: auto;
/*	padding: 5px 10px 5px 0; */
	color: #00AEEF;
	font-weight: normal;
/*	width: 184px; */
}

#hottopics ul li ul li a:visited {
	color: #336699;
}

/*

FOOTER

*/

#footer {
	height: 33px;
	position: relative;
	background: url(../images/kids/bg-footer-rounded-bottom.png) no-repeat bottom left;
}

#base-top {
	background: url(../images/kids/bg-footer-rounded-top.png) no-repeat 0 bottom;
	display: block;
	float: left;
	width: 948px;
	height: 7px;
}

#base {
	background: #fff url(../images/kids/bg-footer.png) repeat-x 0 -5px;
	position: relative;
}

#base a.boystown {
	margin: 3px 30px 0 15px;
	padding-bottom: 6px;
}

#base ul {
	float: left;
}

#base ul li {
	float: left;
	padding: 7px 20px 0 0;
}

#base ul li a {
	text-decoration: none;
	color: #4c4c46;
}

#base ul li a:hover {
	text-decoration: underline;
}

#footer form {
	position: absolute;
	bottom: 12px;
	right: 10px;
	top: 2px;
}

#footer form span.textbox {
	background: url(../images/kids/bg-search-box.png) no-repeat;
	border: 0 none;
	float: left;
	height: 23px;
	margin: 0 4px 0 0;
	width: 143px;
}

#footer form span.textbox input {
	background: none;
	border: 0 none;
	height: 19px;
	margin: 0 4px;
	width: 135px;
	padding: 4px 0 0;
}

/*

	COUNSELLING

*/
a.connect-to-counsellor {
	background:  url(../images/kids/btn-connect-to-counsellor.png) no-repeat;
	width: 303px;
	height: 44px;
	text-indent: -9999em;
	display: block;
	margin: 0 0 10px 75px;
}

a.confidentiality {
	background:  url(../images/kids/btn-confidentiality.png) no-repeat;
	width: 467px;
	height: 44px;
	text-indent: -9999em;
	display: block;
	margin: 0 0 10px 0;
}

a.email-us {
	background:  url(../images/kids/btn-email-us.png) no-repeat;
	width: 164px;
	height: 44px;
	text-indent: -9999em;
	display: block;
	margin: 0 0 10px 150px;
}

a.connect {
	background:  url(../images/kids/btn-connect.png) no-repeat;
	width: 146px;
	height: 44px;
	text-indent: -9999em;
	display: block;
	margin: 0 0 10px 150px;
}

a.more-about-email-counselling {
	background:  url(../images/kids/btn-more-about-email-counselling.png) no-repeat;
	width: 300px;
	height: 44px;
	text-indent: -9999em;
	display: block;
	margin: 0 0 10px 75px;
}

a.important-info {
	background:  url(../images/kids/btn-important-info.png) no-repeat;
	width: 310px;
	height: 44px;
	text-indent: -9999em;
	display: block;
	margin: 0 0 10px 75px;
}

a.more-about-web-counselling {
	background:  url(../images/kids/btn-more-about-web-counselling.png) no-repeat;
	width: 300px;
	height: 44px;
	text-indent: -9999em;
	display: block;
	margin: 0 0 10px 75px;
}

a.tell-us-your-story {
	background:  url(../images/kids/btn-tell-us-your-story.png) no-repeat;
	width: 208px;
	height: 44px;
	text-indent: -9999em;
	display: block;
	margin: 0 0 10px 75px;
}

a.send-your-story {
	background:  url(../images/kids/btn-send-your-story.png) no-repeat;
	width: 208px;
	height: 44px;
	text-indent: -9999em;
	display: block;
	margin: 0 0 10px 75px;
}

a.connect-to-counsellor:hover, a.email-us:hover, a.confidentiality:hover, a.connect:hover, a.more-about-email-counselling:hover, a.more-about-web-counselling:hover, a.important-info:hover, a.tell-us-your-story:hover, a.send-your-story:hover {
	background-position: 0 -44px;
}

ol.web-counselling-steps {
	text-indent: -9999em;
	list-style-type: none;
	float: left;
	display: block;
	background: url(../images/kids/web-counselling-steps.png) no-repeat;
	width: 467px;
	overflow: hidden;
	height: 44px;
	margin: 0 0 1.2em;
}

ol.email-counselling-steps {
	text-indent: -9999em;
	list-style-type: none;
	float: left;
	display: block;
	background: url(../images/kids/email-counselling-steps.png) no-repeat;
	width: 467px;
	height: 44px;
	margin: 0 0 1.2em;
	overflow: hidden;
}

ol.step1 {
	background-position: 0 0;
}

ol.step2 {
	background-position: 0 -44px;
}

ol.step3 {
	background-position: 0 -88px;
}

#content p.email-us-box {
	background: url(../images/kids/email-box.png) no-repeat;
	display: block;
	width: 350px;
	height: 77px;
	padding: 10px 20px 0 100px;
	font-size: 0.9em;
}

div.connect-details {
	float: left;
	width: 242px;
}

/*
	GET-HELP

*/

#content ul.get-help-options {
	width: 331px;
	padding: 0 0 20px;
	float: left;
	position: relative;
}

#content ul.get-help-options li {
	float: left;
	padding: 0;
	margin: 0 6px 0 0;
	background: none;
	clear: none;
	width: auto;
}

#content ul.get-help-options li.web a, #content ul.get-help-options li.email a {
	width: 152px;
	height: 129px;
	display: block;
	text-indent: -9999em;
	margin-top: 14px;
}

#content ul.get-help-options li.web a {
	background: url(../images/kids/btn-web.gif) no-repeat 0 -30px;
}

#content ul.get-help-options li.email a {
	background: url(../images/kids/btn-email.gif) no-repeat 0 -30px;

}

#content ul.get-help-options li.phone a {
	background: url(../images/kids/btn-phone-blurb-rollover.gif) no-repeat 0 0;
	width: 311px;
	height: 190px;
	display: block;
	text-indent: -9999em;
}

#content ul.get-help-options li.web a:hover {
	background: url(../images/kids/btn-web-rollover.gif) no-repeat 0 -30px;
}

#content ul.get-help-options li.email a:hover {
	background: url(../images/kids/btn-email-rollover.gif) no-repeat 0 -30px;
}

#content ul.get-help-options li.phone a:hover {
	background: url(../images/kids/btn-phone-blurb.png) no-repeat 0 0;
}

ul.get-help-options li.phone p {
	position: absolute;
	width: 140px;
	top: 10px;
	left: 157px;
	font-size: 0.8em;
 }


div.service-search-keyword {
	float: left;
	width: 190px;
	margin-bottom: 10px;
}

div.service-search-select {
	border-top:1px solid #dbdbda;
	padding-top: 10px;
	float: left;
	width: 438px;
}

div.service-search-select fieldset {
	display: block;
	float: left;
	margin: 0 0 1.2em;
	width: 210px;
}

div.service-search-select span {
	clear: both;
	display: block;
	float: left;
	width: 210px;
}

div.service-search-select input {
	clear: none !important;
	float: left;
	margin: 4px 0 0;
}

div.service-search-select label {
	clear: none !important;
	float: left;
	font-size: 0.85em;
	font-weight: normal !important;
	margin: 3px 0 2px 5px;
	width: 122px;
}

div.service-search-select fieldset.service-by-state {
	width: 438px;
}

div.service-search-select fieldset.service-by-state div {
	clear: none !important;
	float: left;
	margin: 0 2px 0 0;
}

div.service-search-select fieldset.service-by-state label {
	clear: none !important;
	float: left;
	font-size: 1.1em;
	font-weight: bold !important;
	margin: 3px 0 2px;
	width: 130px;
}

div.service-search-select fieldset.service-by-state select {
	float: left;
}

div.service-search-select fieldset.service-by-state div strong {
	float: left;
	margin: 2.1em 7px 0;
}

div.service-search-select fieldset.service-by-state a.find-postcode {
	background: url(../images/teens/btn-find-postcode.png) no-repeat;
	float: left;
	height: 25px;
	margin: 4px 0 0 7px;
	text-indent: -9999em;
	width: 90px;
}

div.service-search-select fieldset.service-by-state select, div.service-search-select fieldset.service-by-state input {
	clear: left !important;
	font-size: 1.1em !important;
}

/*

	FUN STUFF

*/

#content ul.fun-stuff {
	margin: 0;
	padding: 0;
	width: auto;
}

#content ul.fun-stuff li {
	background: none;
	float: left;
	padding: 0;
	margin: 0 4px 0 0;
	clear: none;
	width: auto;
}

#content ul.fun-stuff li a {
	background: url(../images/kids/btn-funstuff.png) no-repeat;
	width: 158px;
	height: 106px;
	display: block;
}

#content ul.fun-stuff li.btn-large a {
	background: url(../images/kids/btn-funstuff-large.png) no-repeat;
	width: 320px;
	height: 106px;
}

#content ul.fun-stuff li a:hover {
	background-position: 0 -106px;

}

a.mac-screensaver {
	background:  url(../images/kids/btn-mac-screensaver.png) no-repeat;
	width: 208px;
	height: 44px;
	text-indent: -9999em;
	display: block;
	margin: 0 0 10px 75px;
}

a.mac-screensaver:hover {
	background-position: 0 -44px;
}

#content div.frame {
	position: relative;
	background: url(../images/kids/bg-fun-stuff-frame.png) no-repeat;
	float: left;
	width: 226px;
	height: 242px;
	padding: 13px 0 0 12px;
	margin: 5px 4px 0 0;
}


#content div.frame p.download-print a {
	position: absolute;
	left: 11px;
	bottom: 15px;
	background: url(../images/kids/btn-download-print.png) no-repeat;
	width: 212px;
	height: 44px;
	display: block;
	text-indent: -9999em;
}

#content div.frame p.download-install a {
	position: absolute;
	left: 11px;
	bottom: 15px;
	background: url(../images/kids/btn-download-install.png) no-repeat;
	width: 212px;
	height: 44px;
	display: block;
	text-indent: -9999em;
}

#content div.frame p.jigsaw-game a {
	position: absolute;
	left: 11px;
	bottom: 15px;
	background: url(../images/kids/btn-jigsaw-game.png) no-repeat;
	width: 212px;
	height: 44px;
	display: block;
	text-indent: -9999em;
}

#content div.frame p.wordsearch-game a {
	position: absolute;
	left: 11px;
	bottom: 15px;
	background: url(../images/kids/btn-wordsearch-game.png) no-repeat;
	width: 212px;
	height: 44px;
	display: block;
	text-indent: -9999em;
}

#content div.frame p.swap-a-smiley-game a {
	position: absolute;
	left: 11px;
	bottom: 15px;
	background: url(../images/kids/btn-swap-a-smiley-game.png) no-repeat;
	width: 212px;
	height: 44px;
	display: block;
	text-indent: -9999em;
}

#content div.frame p.match-a-smiley-game a {
	position: absolute;
	left: 11px;
	bottom: 15px;
	background: url(../images/kids/btn-match-a-smiley-game.png) no-repeat;
	width: 212px;
	height: 44px;
	display: block;
	text-indent: -9999em;
}

#content div.frame p.superhero-game a {
	position: absolute;
	left: 11px;
	bottom: 15px;
	background: url(../images/kids/btn-superhero-game.png) no-repeat;
	width: 212px;
	height: 44px;
	display: block;
	text-indent: -9999em;
}

#content div.frame p.colour-game a {
	position: absolute;
	left: 11px;
	bottom: 15px;
	background: url(../images/kids/btn-colouring-game.png) no-repeat;
	width: 212px;
	height: 44px;
	display: block;
	text-indent: -9999em;
}

#content div.frame p.screensaver a.pc {
	position: absolute;
	left: 11px;
	bottom: 15px;
	background: url(../images/kids/btn-screensaver-pc.png) no-repeat;
	width: 107px;
	height: 44px;
	display: block;
	text-indent: -9999em;
}

#content div.frame p.screensaver a.mac {
	position: absolute;
	left: 118px;
	bottom: 15px;
	background: url(../images/kids/btn-screensaver-mac.png) no-repeat;
	width: 107px;
	height: 44px;
	display: block;
	text-indent: -9999em;
}

#content div.frame p.screensaver a.small {
	position: absolute;
	left: 11px;
	bottom: 15px;
	background: url(../images/kids/btn-screensaver-small.png) no-repeat;
	width: 71px;
	height: 44px;
	display: block;
	text-indent: -9999em;
}


#content div.frame p.screensaver a.large {
	position: absolute;
	left: 82px;
	bottom: 15px;
	background: url(../images/kids/btn-screensaver-large.png) no-repeat;
	width: 72px;
	height: 44px;
	display: block;
	text-indent: -9999em;
}



#content div.frame p.screensaver a.wide {
	position: absolute;
	left: 154px;
	bottom: 15px;
	background: url(../images/kids/btn-screensaver-wide.png) no-repeat;
	width: 69px;
	height: 44px;
	display: block;
	text-indent: -9999em;
}

#content div.frame p.download-print a:hover, #content div.frame p.download-install a:hover, #content div.frame p.screensaver a:hover, #content div.frame p.jigsaw-game a:hover, #content div.frame p.wordsearch-game a:hover, #content div.frame p.colour-game a:hover, #content div.frame p.swap-a-smiley-game a:hover, #content div.frame p.match-a-smiley-game a:hover, #content div.frame p.superhero-game a:hover {
	background-position: 0 -44px;
}


#sub-content.survey img.blurb {
	position: absolute;
	top: 0;
	left: 60px;
}

#sub-content.survey img.character {
	margin: 105px 0 0 4px;
}

#sub-content.colouring-in img.blurb {
	position: absolute;
	top: 17px;
	left: 60px;
}

#sub-content.colouring-in img.character {
	margin: 107px 0 0 5px;
}

#hottopics.fun-stuff-for-kids img.blurb {
	position: absolute;
	top: 7px;
	left: 33px;
}

#hottopics.fun-stuff-for-kids img.character {
	margin: 16px 0 0 54px;
}

#flash-game {
	position: absolute;
}

.jigsaw {
	height: 507px;
}

.wordsearch {
	height: 558px;
}

.swap-a-smiley {
	height: 558px;
}

.match-a-smiley {
	height: 558px;
}

.superhero {
	height: 558px;
}

a.back-to-games {
	background:  url(../images/kids/btn-back-games.png) no-repeat;
	width: 175px;
	height: 44px;
	text-indent: -9999em;
	display: block;
	margin: 10px 0 0 20px;
}

a.back-to-games:hover {
	background-position: 0 -44px;
}

.paint {
	height: 600px;
}

#content ul.survey li {
	background: none;
}

#content ul.survey li a {
	width: 304px;
	height: 44px;
	display: block;
	color: #FFF;
/* added 18/5/09 */
	text-decoration: none;
/*	text-indent: -9999em; removed 18/5/09 */
}

/* added 18/5/09 mara  their solution was static and not appropriate */
#content ul.survey li.response a {
	background: url(../images/kids/btn-survey-response.png) no-repeat;
	cursor: pointer;
}

#content ul.survey li.response a div.text {
height:30px;padding-top:12px; padding-left:43px;font-weight:bold;font-size:12px;
}
/* end */
#content ul.survey li.never a {
	background: url(../images/kids/btn-survey-never.png) no-repeat;
}

#content ul.survey li.every-day a {
	background: url(../images/kids/btn-survey-every-day.png) no-repeat;
}

#content ul.survey li.every-week a {
	background: url(../images/kids/btn-survey-every-week.png) no-repeat;
}

#content ul.survey li.once-awhile a {
	background: url(../images/kids/btn-survey-once-awhile.png) no-repeat;
}

#content ul.survey li a:hover {
	background-position: 0 -44px;
}


#content div.survey-frame {
	width: 441px;
	float: left;
}

#content div.survey-frame div.box {
	display: block;
	float: left;
	width: 442px;
}

#content div.survey-frame div.box .result {
	float: left;
	width: 390px;
	margin: 0 21px 17px;
	display: inline;
}

#content div.survey-frame p.survey-top {
	height: 18px;
	margin: 0;
	padding: 0;
}

#content div.survey-frame div.box .result.last {
	width: 441px;
	min-height: 90px;
	margin: 0;
	padding: 0;
}

#content div.survey-frame div.box .result p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#content div.survey-frame div.box .result.last p {
	margin-left: 21px;
}

#content div.survey-frame div.box .result.last {
	width: 441px;
	min-height: 90px;
	margin: 0;
	padding: 0;
}

#content div.survey-frame .result p span {
	float: left;
	margin-top: 8px;
	color: #ec008c;
	width: 80px;
}

#content div.survey-frame .result p span.survey-chart {
	background: transparent url(../images/kids/bg-results.png) repeat-x;
	height: 21px;
	margin-right: 8px;
}


/*

	INFORMATION

*/

#content #main-content div.narrow-full {
	background: url(../images/kids/bg-h2-narrow-narrow-information.png) no-repeat;
	width: 486px;
	float: left;
}

#content #main-content div.narrow-full div.box {
	background: url(../images/kids/bg-narrow-narrow-box.png) repeat-y;
	display: block;
	width: 486px;
	float: left;
	margin-top: 46px;
}

#content #main-content div.narrow-full div.box ul {
	margin-top: 3px;
}

#content #main-content div.narrow {
	position: relative;
	float: left;
	display: block;
	width: 217px;
	padding: 0 13px;
}

#content #main-content div.narrow.first {
	width: 212px;
	margin-right: 5px;
}

#content #main-content div.wide {
	position: relative;
	float: left;
	display: block;
	width: 486px;
	margin-top: 4px;
}

#content #main-content div.narrow div.box {
	background: #f5f6f6 url(../images/kids/bg-narrow-box.png) repeat-y;
	width: 212px;
	display: block;
	float: left;
	padding: 0 13px;
}

#content #main-content div.wide div.box {
	background: url(../images/kids/bg-wide-box.png) repeat-y;
	width: 430px;
	display: block;
	float: left;
	padding: 0 43px 0 13px;
}

#content #main-content div.narrow-full div.narrow h2 {
	position: absolute;
	float: left;
	line-height: 30px;
	height: 47px;
	text-indent: 12px;
	left: 0;
	top: -47px;
}

#content #main-content div.narrow h2, #content #main-content div.wide h2 {
	padding: 0.5em 0 0;
	text-indent: 12px;
	margin: 0 0 -0.5em;
	float: left;
	height: 47px;
}

#content #main-content div.wide h2 {
	background: url(../images/kids/bg-h2-wide-information.png) no-repeat;
	height: 47px;
	width: 486px;
}

#content div.narrow-full div.button {
	background: url(../images/kids/bg-narrow-narrow-box-bottom.png) no-repeat bottom left;
	width: 486px;
	height: 79px;
	float: left;
}

#content div.wide p.button {
	background: url(../images/kids/bg-wide-box-bottom.png) no-repeat bottom left;
	height: 62px;
}

#content div.wide p a.btn-school-assignments {
	background: url(../images/kids/btn-school-assignments.png) no-repeat;
	width: 208px;
	height: 44px;
	display: block;
	text-indent: -9999em;
	position: absolute;
	margin: 3px 0 0 14px;
}

#content div.narrow-full p a.btn-more-stories  {
	background: url(../images/kids/btn-more-stories.png) no-repeat;
	width: 208px;
	height: 44px;
	display: block;
	text-indent: -9999em;
	margin-top:35px;
	position: absolute;
	margin: 20px 0 0 257px;
}

#content div.narrow-full p a.btn-hot-topics {
	background: url(../images/kids/btn-hot-topics.png) no-repeat;
	width: 208px;
	height: 44px;
	display: block;
	text-indent: -9999em;
	position: absolute;
	margin: 20px 0 0 14px;
}

#content div.wide p a.btn-school-assignments:hover, #content div.narrow-full p a.btn-more-stories:hover, #content div.narrow-full p a.btn-hot-topics:hover {
	background-position: 0 -44px;
}

#content div.narrow p.sun {
	position: absolute;
	right: 12px;
	top: -46px;
}

#content div.narrow p.book {
	position: absolute;
	right: 17px;
	top: -40px;
}

#content div.wide p.hat {
	position: absolute;
	right: 17px;
	top: 5px;
}

#inner-core #subnavigation img.ask-a-question-character {
	margin-left: 30px;
}


/*
	CHARACTER

*/

#main-content div.character-wrapper {
	float: left;
	position: relative;
}

#subnavigation div.character-wrapper {
	position: relative;
	clear: both;
}

#main-content div.character-wrapper.get-help img.character-blurb {
	margin: 14px 0 0 9px;

}

#main-content div.character-wrapper.get-help img.character {
	position: absolute;
	top: 98px;
	left: -35px;
}

#main-content div.character-wrapper.web-counselling img.character-blurb {
	position: absolute;
	top: 30px;
	left: -6px;
	z-index: 4;
}

#subnavigation div.character-wrapper img.character-blurb {
	position: absolute;
	top: 42px;
	left: 30px;
}

#subnavigation div.character-wrapper img.character {
	margin: 40px 0 0 34px;
}

#subnavigation img.tell-your-story {
	margin: 15px 0 0 0;
}

#sub-content.information img.character, #sub-content img.character {
	margin: 105px 0 0 4px;
}

div.home #sub-content img.character {
	margin: 45px 0 0 4px;
}

/*

	SEARCH

*/
#cse-search-results iframe {
	width: 100% !important;
}


.imagefloatkids {
	float:right;
	position: absolute;
	margin-left:250px;
}

#imagefloatstories {
	position: absolute;
	display: block;
	top: 190px;
	right:264px;
	z-index: 2;
}