/* ----- Cheeky Rascals CSS Files ----- */
/* ----- Splashabout Sub Brand Template ----- */

body {
	background-image: url(images/body_gradient.gif);
	background-repeat: repeat-x;
	background-color: #2472c3;
	}

/* ----- BRAND CONTENT ----- */
/* ----- TOP CONTENT ----- */

	#brand_head {
		_background-image: url(images/shadow2a.gif);
		}

	#brand_logo {
		border-top-width: 1px;
		border-top-color: #757575;
		border-top-style: solid;
		background-image: url(images/header_01.gif);	
		background-repeat: no-repeat;
		}
			
	#brand_image {
		border-top-width: 1px;
		border-top-color: #757575;
		border-top-style: solid;
		background-image: url(images/header_02.gif);	
		background-repeat: no-repeat;
		}


/* ----- NAVIGATION LINKS ----- */

	#navigation {
		background-image: url(../../../images_core/shadow2.png);
		_background-image: url(images/shadow2a.gif);
		background-repeat: repeat-y;
		height: 34px;
		}

/* ----- LINK 1 ----- */

		#link1 {
			width: 121px;
			_width: 88px;
			}
		
		#link1 a:link, #link1 a:visited {
			width: 121px;
			background-image: url(images/link_back1.gif);
			color: #FFFFFF;
			height: 24px;
			*height: 34px;
			_height: 24px;
			_width: 88px;
			padding: 10px 0 0 16px;
			_padding: 10px 0 0 32px;
			}
	
		#link1 a:hover, #link1 a:active {
			background-image: url(images/link_back_hover1.gif);
			color: #FFFFFF;
			_height: 24px;
			_width: 88px;
			_padding: 10px 0 0 32px;
			}

/* ----- LINK 2 ----- */

		#link2 {
			width: 88px;
			}
		
		#link2 a:link, #link2 a:visited {
			background-image: url(images/link_back2.gif);
			color: #FFFFFF;
			height: 24px;
			*height: 34px;
			_height: 24px;
			padding-top: 10px;
			}
	
		#link2 a:hover, #link2 a:active {
			background-image: url(images/link_back_hover2.gif);
			color: #FFFFFF;
			_height: 24px;
			}

/* ----- LINK 3 ----- */

		#link3 a:link, #link3 a:visited {
			background-image: url(images/link_back3.gif);
			color: #FFFFFF;
			height: 24px;
			*height: 34px;
			_height: 24px;
			padding-top: 10px;
			}
	
		#link3 a:hover, #link3 a:active {
			background-image: url(images/link_back_hover3.gif);
			color: #FFFFFF;
			_height: 24px;
			_width: 88px;
			}

/* ----- LINK 4 ----- */

		#link4 a:link, #link4 a:visited {
			background-image: url(images/link_back4.gif);
			color: #FFFFFF;
			height: 24px;
			*height: 34px;
			_height: 24px;
			padding-top: 10px;
			}
	
		#link4 a:hover, #link4 a:active {
			background-image: url(images/link_back_hover4.gif);
			color: #FFFFFF;
			_height: 24px;
			_width: 88px;
			}

/* ----- LINK 5 ----- */

		#link5 a:link, #link5 a:visited {
			background-image: url(images/link_back5.gif);
			color: #FFFFFF;
			height: 24px;
			*height: 34px;
			_height: 24px;
			padding-top: 10px;
			}
	
		#link5 a:hover, #link5 a:active {
			background-image: url(images/link_back_hover5.gif);
			color: #FFFFFF;
			_height: 24px;
			_width: 88px;
			}

/* ----- LINK 6 ----- */

		#link6 a:link, #link6 a:visited {
			background-image: url(images/link_back6.gif);
			color: #FFFFFF;
			height: 24px;
			*height: 34px;
			_height: 24px;
			padding-top: 10px;
			}
	
		#link6 a:hover, #link6 a:active {
			background-image: url(images/link_back_hover6.gif);
			color: #FFFFFF;
			_height: 24px;
			_width: 88px;
			}

/* ----- LINK 7 ----- */

		#link7 a:link, #link7 a:visited {
			background-image: url(images/link_back7.gif);
			color: #FFFFFF;
			height: 24px;
			*height: 34px;
			_height: 24px;
			padding-top: 10px;
			}
	
		#link7 a:hover, #link7 a:active {
			background-image: url(images/link_back_hover7.gif);
			color: #FFFFFF;
			_height: 24px;
			_width: 88px;
			}
		
/* ----- LINK 8 ----- */

		#link8 a:link, #link8 a:visited {
			background-image: url(images/link_back8.gif);
			color: #FFFFFF;
			height: 24px;
			*height: 34px;
			_height: 24px;
			padding-top: 10px;
			}
	
		#link8 a:hover, #link8 a:active {
			background-image: url(images/link_back_hover8.gif);
			color: #FFFFFF;
			_height: 24px;
			_width: 88px;
			}
		
		#spacer_link {
			width: 0;
			height: 0;
			}
			
/* ----- PAGE CONTENT ----- */

			#sub_brand_wrapper {
				background-image: url(images/body_gradient2.gif);
				background-position: top;
				background-repeat: repeat-x;
				background-color: #FFFFFF;
				margin: 0 10px 0 10px;
				_margin: 0 10px 0 9px;
				padding: 0 0 0 10px;
				width: 740px;
				_width: 741px;			
				}
				
				#left_nav li a:link, #left_nav li a:visited {
					background-image: url(images/nav_box_02.gif);
					background-repeat: repeat-y;
					color: #FFFFFF;
					}

				#left_nav li a:hover, #left_nav li a:active {
					background-image: url(images/nav_box_over_02.gif);
					background-repeat: repeat-y;
					color: #000000;
					}

				#breadcrumbs h5 {
					padding: 20px 0 0 0;
					*padding: 10px 0 0 0;
					}
					
				#sub_content {
					padding: 20px 0 0 0;
					*padding: 10px 0 0 0;
					}
					
				#sub_text h1, #sub_text h2, #sub_text h5{
					font-family: Arial, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif;
					}
					
				#sub_text h1 {
					font-size: 14px;
					}
					
				#sub_text h2 {
					font-size: 12px;
					}
					
				#sub_text h5 {
					font-size: 12px;
					}
				
				#sub_text a:link, #sub_text a:visited {
					color: #cc66ff;
					text-decoration: underline;
					}
													
				#sub_text a:hover, #sub_text a:active {
					color: #000000;
					text-decoration: underline;
					}

#left_nav ul li a#menuLevel2_current {
	background-image: url(images/nav_box_over_02.gif);
	background-repeat: repeat-y;
	color: #FFFFFF;
	}

#left_nav ul ul li a#menuLevel3_current {
	background-image: url(images/nav_box_over_02.gif);
	background-repeat: repeat-y;
	color: #FFFFFF;
	}

#left_nav ul ul ul li a#menuLevel4_current {
	background-image: url(images/nav_box_over_02.gif);
	background-repeat: repeat-y;
	color: #FFFFFF;
	}

#left_nav ul ul ul ul li a#menuLevel5_current {
	background-image: url(images/nav_box_over_02.gif);
	background-repeat: repeat-y;
	color: #FFFFFF;
	}