@charset "utf-8";
/* CSS Document */



h1 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #fff;
}

h2 {
	margin: 0;
	padding: 0 0 5px 0;
	color: #1a8596;
	font-size: 1em;
}

h3 {
	margin: 0;
	padding: 0 0 5px 0;
	color: #fff;
	font-size: 1.5em;
}

h3 a {
	color: #fff;
	text-decoration: none;
}

h3 a:hover {
	color: #fff;
	text-decoration: none;
}

/* -------------- GENERAL STYLES ---------------- */

img {
	margin: 0;
	padding: 0;
	border: 0;
}

img.borderedImg {
	margin: 0;
	padding: 0;
	border: 2px solid #d4d4d4;
}

p {
	margin: 0;
	padding: 0 0 20px 0;
}

div {
	margin: 0;
	padding: 0;
}

.clearFloat {
	margin: 0;
	padding: 0;
	clear: both;
}

a {
	text-decoration: none;
	color: #1a8596;
}

a:hover {
	text-decoration: underline;
	color: #1a8596;
}

/* -------------- END GENERAL STYLES ---------------- */

.outterWrapper {
	margin: 0 auto;
	padding: 5px 0 15px 0;
	width: 800px;
	overflow: hidden;
}

.headerContainer {
	margin: 0 auto;
	padding: 0;
	width: 762px;
}

.logoContainer {
	margin: 0;
	padding: 0 13px 0 0;
	float: left;
	width: 100px;
}

.headerStrap {
	margin: 0;
	padding: 15px 0 34px 19px;
	width: 626px;
	float: right;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/headerStrap.jpg);
	background-repeat: no-repeat;
}

.headerStrap p {
	margin: 0;
	padding: 0;
	width: 160px;
	float: left;
}

/* ------------ BREAD CRUMBS -------------- */

.pageBreadCrumb {
	margin: 0;
	padding: 0 0 7px 0;
	font-size: 0.95em;
	color: #585858;
	text-align: right;
}

.pageBreadCrumb ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.pageBreadCrumb ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

.pageBreadCrumb ul li.smallestText {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 0.80em;
}

.pageBreadCrumb ul li.mediumText {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 0.90em;
}

	.pageBreadCrumb ul a {
		color: #585858;
		text-decoration: none;
	}
	
	.pageBreadCrumb ul a:hover {
		color: #585858;
		text-decoration: underline;
	}

.breadCrumb {
	margin: 0;
	padding: 0;
	color: #323232;
	font-size: 0.95em;
}

.breadCrumb_inner {
	margin: 0;
	padding: 0 0 0 15px;
	color: #323232;
	font-size: 0.95em;
}

ul.bread {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.bread li {
	margin: 0;
	padding: 0;
	display: inline;
}

ul.bread li a {
	text-decoration: none;
	color: #323232;
}

ul.bread li a:hover {
	text-decoration: underline;
	color: #323232;
}

/* ---------------------------------- MAIN MENU STYLES --------------------------------- */

.mainNavigation {
	margin: 0 auto;
	padding: 20px 0 0 0;
	font-weight: bold;
	font-size: 0.95em;
	width: 785px;
	overflow: hidden;
}

ul.mainNav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.mainNav li {
	margin: 0;
	padding: 15px 5px 5px;
	display: inline-block;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/menuBtn_bg.jpg);
	background-repeat: no-repeat;
	width: 88px;
	text-align: center;
	float: left;
	min-height: 35px;
}

ul.mainNav li.last {
	margin: 0;
	padding: 10px 0 5px;
	display: inline-block;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/menuBtn_bg.jpg);
	background-repeat: no-repeat;
	width: 111px;
	text-align: center;
	float: left;
}

span.orangeMenu {
	margin: 0;
	padding: 0;
	color: #eb6900;
}

	span.orangeMenu a {
		text-decoration: none;
		color: #eb6900;
	}
	
	span.orangeMenu a:hover {
		text-decoration: underline;
		color: #eb6900;
	}

span.greenMenu {
	margin: 0;
	padding: 0;
	color: #327524;
}

	span.greenMenu a {
		text-decoration: none;
		color: #327524;
	}
	
	span.greenMenu a:hover {
		text-decoration: underline;
		color: #327524;
	}

span.redMenu {
	margin: 0;
	padding: 0;
	color: #ac0000;
}

	span.redMenu a {
		text-decoration: none;
		color: #ac0000;
	}
	
	span.redMenu a:hover {
		text-decoration: underline;
		color: #ac0000;
	}

span.purpleMenu {
	margin: 0;
	padding: 0;
	color: #7a3aa1;
}

	span.purpleMenu a {
		text-decoration: none;
		color: #7a3aa1;
	}
	
	span.purpleMenu a:hover {
		text-decoration: underline;
		color: #7a3aa1;
	}

span.blueMenu {
	margin: 0;
	padding: 0;
	color: #0500c1;
}

	span.blueMenu a {
		text-decoration: none;
		color: #0500c1;
	}
	
	span.blueMenu a:hover {
		text-decoration: underline;
		color: #0500c1;
	}

span.pinkMenu {
	margin: 0;
	padding: 0;
	color: #bc32ad;
}

	span.pinkMenu a {
		text-decoration: none;
		color: #bc32ad;
	}
	
	span.pinkMenu a:hover {
		text-decoration: underline;
		color: #bc32ad;
	}

span.goldMenu {
	margin: 0;
	padding: 0;
	color: #924f00;
}

	span.goldMenu a {
		text-decoration: none;
		color: #924f00;
	}
	
	span.goldMenu a:hover {
		text-decoration: underline;
		color: #924f00;
	}

/* ---------------------------------- END MAIN MENU STYLES --------------------------------- */

/* ------- SEARCH BAR STYLES --------- */

.searchBar_container {
	margin: 0;
	padding: 0 5px;
	overflow: hidden;
}

.searchBar_left {
	margin: 0;
	padding: 0;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/searchBar_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 10px;
	height: 37px;
	float: left;
}

.searchBar_content {
	margin: 0;
	padding: 0;
	float: left;
	width: 770px;
	background-color: #1a8596;
	height: 26px;
}

.searchBar_links {
	margin: 0;
	padding: 5px 0 5px 3px;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	float: left;
	width: 200px;
}

	.searchBar_links a {
		color: #fff;
		text-decoration: none;
	}
	
	.searchBar_links a:hover {
		color: #fff;
		text-decoration: underline;
	}
	
.searchContainer {
	margin: 0;
	padding: 3px 10px;
	color: #fff;
	font-size: 1.01em;
	float: right;
	width: 280px;
	text-align: right;
	
}

input.siteSearch {
	margin: 0 0 0 3px;
	padding: 0;
	height: 16px;
}

.searchBtn {
	margin: 0 0 0 8px;
	padding: 0;
	font-size: 0.85em;
	text-indent: -9000px;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/searchBtn.jpg);
	background-repeat: no-repeat;
	height: 18px;
	width: 59px;
	border: 0;
	vertical-align: top;
	cursor: pointer;
}

.searchBar_right {
	margin: 0;
	padding: 0;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/searchBar_sprite.jpg);
	background-repeat: no-repeat;
	background-position: -12px 0;
	width: 10px;
	height: 37px;
	float: left;
}

/* ------- END SEARCH BAR STYLES --------- */

/* ------------------------------------------------------- MAIN STYLES ------------------------------------------------------- */

.mainContainer {
	margin: 0;
	padding: 0 25px;
	overflow: hidden;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/pageShadow.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.flashContainer {
	margin: 0;
	padding: 10px 0 18px 8px;
	overflow: hidden;
}

.sectionsContainer {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.sectionThumb_orange {
	margin: 0 10px 10px 10px;
	padding: 6px 0 10px 105px;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/homeThumbs_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	width: 255px;
	color: #fff;
}

	.sectionThumb_orange p {
		margin: 0;
		padding: 0;
		font-size: 1.02em;
		line-height: 18px;
	}

.sectionThumb_green {
	margin: 0;
	padding: 6px 0 10px 105px;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/homeThumbs_sprite.jpg);
	background-repeat: no-repeat;
	background-position: -364px 0;
	float: left;
	width: 255px;
	color: #fff;
}

	.sectionThumb_green p {
		margin: 0;
		padding: 0;
		font-size: 1.02em;
		line-height: 18px;
	}

.sectionThumb_red {
	margin: 0 10px 0 10px;
	padding: 6px 0 10px 105px;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/homeThumbs_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0 -90px;
	float: left;
	width: 255px;
	color: #fff;
}

	.sectionThumb_red p {
		margin: 0;
		padding: 0;
		font-size: 1.02em;
		line-height: 18px;
	}
	
.sectionThumb_purple {
	margin: 0;
	padding: 6px 0 10px 105px;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/homeThumbs_sprite.jpg);
	background-repeat: no-repeat;
	background-position: -364px -90px;
	float: left;
	width: 255px;
	color: #fff;
}

	.sectionThumb_purple p {
		margin: 0;
		padding: 0;
		font-size: 1.02em;
		line-height: 18px;
	}
	
/* --------------------------- INNER PAGE STYLES ------------------------------- */

.mainContainer_inner {
	margin: 0;
	padding: 0 25px 0 10px;
	overflow: hidden;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/pageShadow.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.leftContent {
	margin: 0 10px 0 0;
	padding: 10px 0 0 0;
	width: 204px;
	float: left;
}

.smallBox {
	margin: 0;
	padding: 0 0 15px 12px;
	overflow: hidden;
}

.smallBoxTitled {
	margin: 0;
	padding: 0 0 15px 2px;
	overflow: hidden;
}

.smallBox_title {
	margin: 0;
	padding: 19px 0 18px 20px;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/smallBox_title.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
}

.smallBox_img {
	margin: 0 0 0 10px;
	padding: 0;
	border: 2px solid #d4d4d4;
}

.smallBox_top {
	margin: 0;
	padding: 0;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/smallBox_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 192px;
	height: 16px;
}

.smallBox_btm {
	margin: 0;
	padding: 0;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/smallBox_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0 -25px;
	width: 192px;
	height: 16px;
}

.smallBox_btmTitled {
	margin: 0 0 0 10px;
	padding: 14px 0 0 0;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/smallBox_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0 -27px;
	width: 192px;
}

.smallBox_content {
	margin: 0;
	padding: 0;
	border-right: 2px solid #d4d4d4;
	border-left: 2px solid #d4d4d4;
	width: 188px;
}

.smallBox_content_titled {
	margin: 0 0 0 10px;
	padding: 0 10px;
	border-right: 2px solid #d4d4d4;
	border-left: 2px solid #d4d4d4;
	width: 168px;
	overflow: hidden;
}

.smallBox_content_titled p {
	margin: 0;
	padding: 5px 0 10px 0;
	line-height: 20px;
	color: #000;
	font-size: 1em;
}

ul.listNavigation {
	margin: 0;
	padding: 0 8px;
	color: #323232;
	font-size: 1em;
	list-style-type: none;
}

ul.listNavigation a {
	text-decoration: none;
	color: #323232;
}

ul.listNavigation a:hover {
	text-decoration: underline;
	color: #323232;
}

ul.listNavigation li {
	margin: 0;
	padding: 3px 0;
	border-bottom: 1px dashed #c8c7c7;
}

ul.listNavigation li.last {
	margin: 0;
	padding: 3px 0;
	border: 0;
}

.largeBtn_holder {
	margin: 0 0 0 8px;
	padding: 0 15px 0 0;
	border-right: 2px solid #d4d4d4;
	border-left: 2px solid #d4d4d4;
	overflow: hidden;
	height: 20px;
}

.greenBtn a {
	margin: 0;
	padding: 2px 21px 2px 6px;
	background-color: #1a8596;
	color: #fff;
	font-weight: bold;
	font-size: 1.05em;
	float: right;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/btnEnd.jpg);
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
	display: block;
	overflow: hidden;
}

.greenBtn a:hover {
	text-decoration: none;
	color: #fff;
}

.rightContent {
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
	width: 551px;
	overflow: hidden;
}

.largeBox {
	margin: 0;
	padding: 0 0 12px 0;
	overflow: hidden;
}

.largeBox_greyTop {
	margin: 0 0 0 6px;
	padding: 3px 0 0 0;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/largeBox_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	height: 28px;
}

.pageRating {
	margin: 0;
	padding: 1px 20px 0 25px;
	color: #010000;
	font-size: 0.90em;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/starRating.jpg);
	background-repeat: no-repeat;
	background-position: 5px 1px;
	float: left;
}

.numberRating {
	margin: 1px 1px 0 0;
	padding: 0 3px;
	float: left;	
}

/*.numberRating a {
	margin: 1px 1px 0 0;
	padding: 0 3px;
	background-color: #646464;
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
	float: left;
}*/

.numberRating a:hover {
	text-decoration: none;
	color: #ccc;
}

.largeBox_titleContainer {
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-right: 2px solid #d4d4d4;
}

.largeBox_title {
	margin: 0;
	padding: 7px 35px 8px 3px;
	background-color: #1a8596;
	float: left;
	color: #fff;
	height: 20px;
}

.titleBox_left {
	margin: 0;
	padding: 0;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/searchBar_sprite.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 10px;
	height: 46px;
	float: left;
	background-color: #1a8596;
}

.titleBox_right {
	margin: 0;
	padding: 0;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/largeBox_titleRight.jpg);
	background-repeat: no-repeat;
	width: 17px;
	height: 35px;
	float: left;
}

.largeBox_content {
	margin: 0 0 0 8px;
	padding: 10px 15px 0;
	border-right: 2px solid #d4d4d4;
	border-left: 2px solid #d4d4d4;
	overflow: hidden;
}

.largeBox_content p {
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 24px;
}

.largeBox_img {
	margin: 0 0 0 8px;
	padding: 0;
	border: 2px solid #d4d4d4;
	overflow: hidden;
}

.largeBox_btm {
	margin: 0 0 0 8px;
	padding: 0;
	height: 20px;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/largeBox_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0 -48px;
	overflow: hidden;
}

/* --------------------------- END INNER PAGE STYLES ------------------------------- */
	
/* -------------------------------------- FOOTER STYLES -------------------------------------- */

.footerContainer {
	margin: 12px 0 0 0;
	padding: 0;
	border-top: 2px solid #808080;
	overflow: hidden;
	font-size: 1.05em;
}

.footerContainer_inner {
	margin: 12px 0 0 17px;
	padding: 0;
	border-top: 2px solid #808080;
	overflow: hidden;
	font-size: 1.05em;
}

.footerLogo {
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
	width: 150px;
}

.footerLinks {
	margin: 10px 0 0 0;
	padding: 7px 10px 2px 10px;
	background-color: #f0f0f0;
	text-align: center;
}

	ul.siteLinks {
		margin: 0;
		padding: 0 0 5px 0;
		list-style-type: none;
	}
	
	ul.siteLinks li {
		margin: 0;
		padding: 0 2px;
		display: inline;
	}
	
	ul.siteLinks li a {
		text-decoration: none;
		color: #000;
	}
	
	ul.siteLinks li a:hover {
		text-decoration: underline;
		color: #000;
	}

.siteFooter {
	margin: 0;
	padding: 8px 45px;
	color: #fff;
	background-color: #1a8596;
	float: left;
	width: 690px;
	text-align: center;
}

.siteFooter p {
	margin: 0;
	padding: 0;
	line-height: 20px;
}

.siteFooter_left {
	margin: 0;
	padding: 0;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/searchBar_sprite.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 10px;
	height: 67px;
	float: left;
	background-color: #1a8596;
}

.siteFooter_right {
	margin: 0;
	padding: 0;
	background-image: url(http://skillcms.ds2620.dedicated.turbodns.co.uk/youth/images/searchBar_sprite.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 10px;
	height: 67px;
	float: left;
	background-color: #1a8596;
}

.designedBy {
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 0.70em;
	float: right;
	text-align: right;
	width: 200px;
}

.designedBy a {
	text-decoration: none;
	color: #000;
}

.designedBy a:hover {
	text-decoration: underline;
	color: #000;
}

/* -------------------------------------- END FOOTER STYLES -------------------------------------- */




/* MEDIA MENU */
			
.ul_media
{
font-size: 1em;
list-style-type: none;
text-align: left;
padding: 0;
margin: 0 0 0 5px;
}

.ul_media_document, .ul_media_pdf, .ul_media_word
{
padding: 3px 0 3px 20px;
margin: 0 0;

display: block;
color: #000;
}

	.ul_media_pdf
	{
	background-image: url(/youth/images/img_icon_pdf.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
	
	.ul_media_word
	{
	background-image: url(/youth/images/img_icon_word.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
	
	.ul_media_document
	{
	background-image: url(/youth/images/img_icon_word.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}

			.ul_media li a
			{
			display: block;
			padding: 5px;
			color: #000;
			text-decoration: none;
			}

			
			.ul_media li a:active
			{
			color: #000;
			}
			
			.ul_media li a:hover
			{
			color: #000;
			text-decoration: underline;
			}
