/* ------ BEGIN: tag styles ------ */
* {margin: 0; padding:0;} 
/*
a:link {text-decoration:none;color:#fff;} 
a:active {text-decoration:underline;}
a:visited {text-decoration:none;color:#fff;}
a {text-decoration:underline;} 
a:hover {text-decoration:underline;} */


body {		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
}

td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
}

img {
	border: 0;
}

/* ------ END: tag styles ------ */

/* START: add from Leigh's email */

* {margin: 0; padding:0;} 
a:link, a:visited {text-decoration:none;color:#fff} 
a:active, a:hover {text-decoration:underline}
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 76%}
td {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 76%}
img {border: 0}
.bbcpageCrumb {display:none}
.bbcpageLocal {background:#F1FFFF;color:#000}
td.bbcpageFooter {color:#000}
td.bbcpageFooter a {color:#069}
.bbcpageServices hr {display:none}
td.bbcpageToplefttd {background:url(/cbbc/cms/common/images/bbcpagetltd_bg_tile.gif) repeat-x #51A4CE;}


#cbbc-footer-outer{clear: both;margin: 0;padding: 0;width: 615px;height: 15px;float: left;}
#cbbc-footer-outer{width:100%;}

/*#cbbc-footer-inner{margin:5px 0 0 10px;}*/
#cbbc-footer-inner{margin:0}

#footer-logo{margin:0;padding: 5px 0;float:right;text-align:right;}		
#footer-logo img {width: 59px;height: 17px;border:0}
#footer-logo img, #footer-logo p{clear:both;text-align:right;color: #000000;}

#footer-date {color: #000000;}

/* END: add from Leigh's email */

/* ------ BEGIN: banner styles ------ */

.banner-outer {
	position: relative;
	width: 100%;
	display: block;
}

.banner-outer h1 {
	/*display: none;*/
}

.banner-top {
	position: relative;
	z-index: 7;
	height: 15px;
	background: #9b48cc url(/cbbc/cms/cbbc/images/banner_top_tile.gif) repeat-y;
}

.banner-btm {
	position: relative;
	z-index: 8;
	height: 55px;
	background: #0972B2 url(/cbbc/cms/cbbc/images/banner_btm_tile.gif) repeat-y;
}

.banner-logo {
	position: absolute;
	width: 620px;
	margin: 0 0 0 145px;
	top: 0;
	left: 0;
	z-index: 9;
	height: 70px;
}

.banner-logo h1 img{
	width: 74px;
	height: 70px;
}

.banner-barley {
	font-size: .9em;
	position: absolute;
	width: 145px;
	margin: 15px 0 0 0;
	padding: 7px 0 0 5px;
	top: 0;
	left: 0;
	z-index: 10;
	height: 44px;
}

.banner-barley a {
	font-weight: bold;
	text-decoration:underline;
}

a#homepage {font-weight:normal}
/* ------ END: banner styles ------ */

 
 
.bbcpageCrumb {
	display:none;
}

.bbcpageLocal, .bbcpageServices {
	background:#F1FFFF;
	color:#000;
}

.bbcpageServices a{
	font-size:.9em;
	color:#006699;
}

.bbcpageServices hr {
	display:none;
}

.bbcpageFooter {
	color:#006699;
}



a:link {text-decoration:none;} 
a:active {text-decoration:underline;}
a:visited {text-decoration:none;}
a {text-decoration:underline;} 
a:hover {text-decoration:underline;} 

/* generic styles */	

/* start upper level min height */	
/**>#cbbc-nav li.cbbc-section .outer {
	padding-top:26px;
		min-height:0;
}

*>#cbbc-nav li.cbbc-section .outer .inner {
	margin-top:-26px
}

* html #cbbc-nav li.cbbc-section .outer {
		height:26px;
}*/
/* end upper level min height */	

/* start subsection level min height */	
/**>#cbbc-nav li.cbbc-section .cbbc-art-subsection .outer, *>#cbbc-nav li.cbbc-section .cbbc-backstage-subsection .outer, *>#cbbc-nav li.cbbc-section .cbbc-cartoons-subsection .outer, *>#cbbc-nav li.cbbc-section .cbbc-cbbcshows-subsection .outer, *>#cbbc-nav li.cbbc-section .cbbc-games-subsection .outer, *>#cbbc-nav li.cbbc-section .cbbc-specials-subsection .outer, *>#cbbc-nav li.cbbc-section .cbbc-sport-subsection .outer, *>#cbbc-nav li.cbbc-section .cbbc-wild-subsection .outer, *>#cbbc-nav li.cbbc-section .cbbc-yourlife-subsection .outer {
	padding-top:25px;
		min-height:0;
}

*>#cbbc-nav li.cbbc-section .cbbc-art-subsection .inner, *>#cbbc-nav li.cbbc-section .cbbc-backstage-subsection .inner, *>#cbbc-nav li.cbbc-section .cbbc-cartoons-subsection .inner, *>#cbbc-nav li.cbbc-section .cbbc-cbbcshows-subsection .inner, *>#cbbc-nav li.cbbc-section .cbbc-games-subsection .inner, *>#cbbc-nav li.cbbc-section .cbbc-specials-subsection .inner, *>#cbbc-nav li.cbbc-section .cbbc-sport-subsection .inner, *>#cbbc-nav li.cbbc-section .cbbc-wild-subsection .inner, *>#cbbc-nav li.cbbc-section .cbbc-yourlife-subsection .inner {
	margin-top:-25px
}

* html #cbbc-nav li.cbbc-section .cbbc-art-subsection .outer, * html #cbbc-nav li.cbbc-section .cbbc-backstage-subsection .outer, * html #cbbc-nav li.cbbc-section .cbbc-cartoons-subsection .outer, * html #cbbc-nav li.cbbc-section .cbbc-cbbcshows-subsection .outer, * html #cbbc-nav li.cbbc-section .cbbc-games-subsection .outer, * html #cbbc-nav li.cbbc-section .cbbc-specials-subsection .outer, * html #cbbc-nav li.cbbc-section .cbbc-sport-subsection .outer, * html #cbbc-nav li.cbbc-section .cbbc-wild-subsection .outer, * html #cbbc-nav li.cbbc-section .cbbc-yourlife-subsection .outer {
		height:25px;
}*/
/* end subsection min height */	

#cbbc-nav {
	width: 140px;
	background-color:#D0EDF5;
	/*border:1px solid #000;*/}
	
#cbbc-nav li {
	border-top:5px solid #D0EDF5;
	list-style-type: none;
	background-position:top left;
	background-repeat:repeat-y;}
	
/* add a bottom border to the last item in the list */
#cbbc-nav li.cbbc-yourlife {
	border-bottom:5px solid #D0EDF5;}
	
.cbbc-section {
	margin-left:5px;
	width:130px;
	background-color:#0972b2;
	/*border:1px solid #ff0;*/}
		
#cbbc-nav .outer {
	background-image:url(/cbbc/images/nav/cbbc_nav_tl.gif);
	background-position:top left;
	background-repeat:no-repeat;}
	
#cbbc-nav .inner {
	padding-top:5px;
	background-image:url(/cbbc/images/nav/cbbc_nav_bl.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	/*border:1px solid #000;*/}
	
#cbbc-nav li a {	
	width:126px;
	display:block;
	padding-bottom:7px;
	padding-left:21px;
	color:#fff;
	/*border:1px solid #ff0;*/}

/* upper level section lhs tab colors */	
#cbbc-nav li.cbbc-home {
	background-image:url(/cbbc/images/nav/cbbc_nav_col_home.gif);}

#cbbc-nav li.cbbc-art {
	background-image:url(/cbbc/images/nav/cbbc_nav_col_art.gif);}

#cbbc-nav li.cbbc-backstage {
	background-image:url(/cbbc/images/nav/cbbc_nav_col_backstage.gif);}
	
#cbbc-nav li.cbbc-cartoons {
	background-image:url(/cbbc/images/nav/cbbc_nav_col_cartoons.gif);}
	
#cbbc-nav li.cbbc-cbbcshows {
	background-image:url(/cbbc/images/nav/cbbc_nav_col_cbbcshows.gif);}
	
#cbbc-nav li.cbbc-games {
	background-image:url(/cbbc/images/nav/cbbc_nav_col_games.gif);}
	
#cbbc-nav li.cbbc-specials {
	background-image:url(/cbbc/images/nav/cbbc_nav_col_specials.gif);}
	
#cbbc-nav li.cbbc-sport {
	background-image:url(/cbbc/images/nav/cbbc_nav_col_sport.gif);}
	
#cbbc-nav li.cbbc-wild {
	background-image:url(/cbbc/images/nav/cbbc_nav_col_wild.gif);}
	
#cbbc-nav li.cbbc-yourlife {
	background-image:url(/cbbc/images/nav/cbbc_nav_col_yourlife.gif);}
	
/*### active area ###*/

#cbbc-nav li ul li {
	border-top:0;}
	
	
.section-active {
	width:135px;}
	
.section-parent-active {
	font-weight:bold;}

/* active section bg color changes */

#cbbc-art-active {
	background-color:#66CCFF;}
	
#cbbc-backstage-active {
	background-color:#CC33FF;}
	
#cbbc-cartoons-active {
	background-color:#FF0066;}
		
#cbbc-cbbcshows-active {
	background-color:#CC3300;}
	
#cbbc-games-active {
	background-color:#3EDD3E;}
	
#cbbc-specials-active {
	background-color:#009999;}
	
#cbbc-sport-active {
	background-color:#FF9933;}
	
#cbbc-wild-active {
	background-color:#99CC00;}
	
#cbbc-yourlife-active {
	background-color:#FFBC00;}

/* generic sub-section properties */	
.cbbc-subsection li{
	border-left:14px solid #D0EDF5;
	/*border:1px solid #000;*/}
	
li#subsection-active {
	border-left:0;
	padding-left:14px;
	background-color:#D0EDF5;
	background-position:left;
	background-repeat:no-repeat;}
	
#cbbc-nav .cbbc-subsection li div.inner {
	padding-top:3px;
	background-image:none;
	/*border:1px solid #000;*/}
	
#cbbc-nav .cbbc-subsection li div.outer {
	background-image:none;}
	
#cbbc-nav .cbbc-subsection li.subsection-lastchild div.outer {
	background-image:url(/cbbc/images/nav/cbbc_nav_bl.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	/*border:1px solid #000;*/}
	
.cbbc-subsection li.subsection-lastchild div.inner {
	padding-bottom: 5px;}
	
#cbbc-nav .cbbc-subsection li a {	
	width:110px;
	padding-bottom:0;
	padding-left:8px;
	font-weight:normal;
	/*border:1px solid #ff0;*/}	
	
#cbbc-nav li#subsection-active a {
	font-weight:bold;}
	
/*### specific sub section properties ###*/

.cbbc-art-subsection, li.cbbc-art #subsection-active div.outer {
	background-color:#9BDCFA;}
	
#cbbc-nav .cbbc-art .cbbc-art-subsection a {
	color:#006699;}
	
.cbbc-backstage-subsection, li.cbbc-backstage #subsection-active div.outer {
	background-color:#E699FF;}
	
#cbbc-nav .cbbc-backstage .cbbc-backstage-subsection a {
	color:#660099;}
	
.cbbc-cartoons-subsection, li.cbbc-cartoons #subsection-active div.outer {
	background-color:#FF99C3;}
	
#cbbc-nav .cbbc-cartoons .cbbc-cartoons-subsection a {
	color:#870437;}
	
.cbbc-cbbcshows-subsection, li.cbbc-cbbcshows #subsection-active div.outer {
	background-color:#F47A62;}
	
#cbbc-nav .cbbc-cbbcshows .cbbc-cbbcshows-subsection a {
	color:#660033;}
	
.cbbc-games-subsection, li.cbbc-games #subsection-active div.outer {
	background-color:#B6F6B6;}
	
#cbbc-nav .cbbc-games .cbbc-games-subsection a {
	color:#0EA00E;}
	
.cbbc-specials-subsection, li.cbbc-specials #subsection-active div.outer {
	background-color:#66CCCC;}
	
#cbbc-nav .cbbc-specials .cbbc-specials-subsection a {
	color:#028480;}
	
.cbbc-sport-subsection, li.cbbc-sport #subsection-active div.outer {
	background-color:#FFCC99;}
	
#cbbc-nav .cbbc-sport .cbbc-sport-subsection a {
	color:#E2710C;}
	
.cbbc-wild-subsection, li.cbbc-wild #subsection-active div.outer {
	background-color:#CCFF66;}
	
#cbbc-nav .cbbc-wild .cbbc-wild-subsection a {
	color:#637A03;}
	
.cbbc-yourlife-subsection, li.cbbc-yourlife #subsection-active div.outer {
	background-color:#FFE066;}
	
#cbbc-nav .cbbc-yourlife .cbbc-yourlife-subsection a {
	color:#A85102;}
	

	a.services:link {text-decoration:none;color:#069;} 
a.services:active {text-decoration:underline;}
a.services:visited {text-decoration:none;color:#069;}
a.services {text-decoration:underline;} 
a.services:hover {text-decoration:underline;} 

a.global:link {text-decoration:none;font-weight:bold;color:#069;} 
a.global:active {text-decoration:underline;font-weight:bold;}
a.global:visited {text-decoration:none;color:#069;}
a.global {text-decoration:underline;font-weight:bold;} 
a.global:hover {text-decoration:underline;font-weight:bold;} 

/* generic styles */

.services-list .outer, .services-list ul, .services-list ul li {
	margin:0;
	padding:0;
}

/* start services min height */	
*>.services-list .outer {
	padding-top:15px;
	min-height:0;
}

*>.services-list .outer a {
	margin-top:-15px
}

* html .services-list .outer {
	height:15px;
	}
/* end services min height */	
	
/* start global services min height */	
*>.global-services-list .outer {
	padding-top:15px;
	min-height:0;
}

*>.global-services-list .outer a {
	margin-top:-15px
}

* html .global-services-list .outer {
	height:15px;
}
/* end global services min height */		

div.services-divider-wrapper-top, div.services-divider-wrapper-bottom {
	width: 140px;
	height:5px;
	background-color:#D0EDF5;}
	
			#global-services-padding {
	margin:0 0 55px 0;
	padding:0;
	}
	
div.services-divider-wrapper-top {
	border-top:5px solid #F0FFFF;}
	
div.services-divider-wrapper-bottom {
	height:5px;}
	
div.services-divider-top, div.services-divider-bottom {
	border-left:5px solid #F0FFFF;
	border-right:5px solid #F0FFFF;
	background-color:#D0EDF5;
	height:5px;
	font-size:.3em;}
	
#global-services-wrapper-bottom {
	border-bottom:40px solid #F1FFFF;
}

.services-list, .global-services-list {
	width: 140px;
	background-color:#F0FFFF;}

.services-list li, .global-services {
	margin-left:5px;
	padding:0;
	border-right:5px solid #F0FFFF;
	border-left:5px solid #D0EDF5;
	background:#D0EDF5;}
	
.services-list a, a.global {
	width:125px;
	display:block;
	padding: 0;
	font-size:0.8em;
	color:#006699;}	
	
	
	
/* section active styles */	
.services-list li.section-active {
	background:#51A4CE;
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-left:5px solid #d6eff7;
	}

	
.services-list li.section-active div.outer {
	background:url(/cbbc/images/nav/arrow_services.gif) /*center left*/ 4px 4px no-repeat;}
	
.services-list li.section-active a {
	padding-left:15px;
	width:110px;
	font-weight:bold;
	color:#fff;
}
	
.services-list li.section-active a.services:link, .services-list li.section-active a.services:actve, .services-list li.section-active a.services:visited, .services-list li.section-active a.services, .services-list li.section-active a.services:hover {
	color:#fff;}
	
/* the following are styles from the old cbbc.css file 
when redoing the standalone sections, we mistakenly made a parallel cbbc.css file, but sites that weren't 
standalone still needed the old cbbc.css. So, rather than change every page that linked to either stylesheet, I amalgamated them. left hand nav sites use the styles above, other sites use the styles below. P 02 12 2005 */

p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
}

p.small{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
}

.bodybold{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.input {margin:0;padding:0;}

.bodywhite{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
}

.white{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
}

.bodywhitebold{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
}

.smwhitenorm{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:x-small;
}

a:link.xsmwhitenorm {text-decoration:none;font-weight:normal;} 
a:active.xsmwhitenorm {text-decoration:underline;font-weight:normal;}
a:visited.xsmwhitenorm {text-decoration:none;}
a.xsmwhitenorm {text-decoration:underline;font-weight:normal;} 
a:hover.xsmwhitenorm {text-decoration:underline;font-weight:normal;} 

.xsmwhitenorm{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:xx-small;
}

.smwhite{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:x-small;
	font-weight: bold;
}

.xsmwhite{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:xx-small;
	font-weight: bold;
}

.top40chart1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
}
.top40chart2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ddddfd;
	font-weight:bold;
}
.top40chart3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#7474e2;
	font-weight:bold;
}
.top40chart4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#2727d2;
	font-weight:bold;
}
.top40chart5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#1010b2;
	font-weight:bold;
}

.faq{ 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #660099;
text-decoration: none; 
}


.form {
background-color:#f2e5ff;
}

.messageboard{ 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #660099;
}

.crumb {
color:#cc99ff;
}

.crumbend {
color:#660099;
}

.crumbpurp {
color:#660099;
}

.crumbgrey {
color:#999999;
}

.real {
color:#0000ff;
}

.black {
color:#000000;
}

.smblack{
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
}

.xsmblack{
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:xx-small;
}

.blue {
	color:#003399;
}

.bold{
	font-weight:bold;
}


.helplines{
color:#cc0099
}

.sc{
color:#666600
}

.lc{
color:#339900;
text-decoration: none;
font-weight:normal;
}

.animal{ 	font-size: xx-small;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none; 
}

.safesurf{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#660099;
	font-weight:normal;
	font-size:xx-small;
	}
	
.nellyvote{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#990033;
	font-weight:normal;
	font-size:xx-small;
	}