@charset "utf-8";

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	
	background-color:#FFFFFF;
	background-image:url(../img/bodyBg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	
	text-align:center;
	
	
}

a, button {
	outline:none;
}

body, h1, h2, h3 h4, ul, li {
	margin:0px;
	padding:0px;
}

h1 {
	font-size:30px;
}

h2 {
	font-size:22px;
}

#container {
	width:860px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#header {
	height:140px;
	position:relative;
}

/* homepage flash content */
#flash {
	/*background-color:#FF0000;
	-moz-opacity:0.5;
	-webkit-opacity:0.5;*/
	height:350px;
	width:839px;
	position:absolute;
	top:145px;
	z-index:100;
	margin-left:10px;
	outline:none;
	text-align:center;
}

#content {
	color:#415a68;
	font-size:11px;
}

#content a {
	color:#415a68;
}

#lowerContent {
	position:absolute;
	top:495px;
	z-index:50;
}

#ccLogo {
	width: 70px;
	height: 94px;
	display:block;
	background-image:url(../img/ccLogo.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	position:absolute;
	left:0px;
	top:20px;
}

#mainTitle {
	width: 354px;
	height: 37px;
	display:block;
	background-image:url(../img/mainTitle.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	position:absolute;
	right:0px;
	top:30px;
}

#mainNav {
	list-style-type:none;
	height:13px;
	position:absolute;
	right:0px;
	top:86px;
}

#mainNav li {
	float:left;
	margin-right:20px;
}

li#last {
	margin-right:0px;
}

#mainNav li a {
	display:block;
	background-repeat:no-repeat;
	background-position:0px 0px;	
	text-indent:-9999px;
	height:13px;
}

#mainNav li a:hover {
	background-position:0px -13px;	
}

#navHome {
	width:39px;
	background-image:url(../img/navHome.gif);
}

#home #navHome {
	background-position:0px -13px;
}

#navSuccess {
	width:102px;
	background-image:url(../img/navSuccess.gif);
}

#success #navSuccess {
	background-position:0px -13px;
}

#navCourses {
	width:54px;
	background-image:url(../img/navCourses.gif);
}

#courses #navCourses {
	background-position:0px -13px;
}

#navInspired {
	width:112px;
	background-image:url(../img/navInspired.gif);
}

#inspired #navInspired {
	background-position:0px -13px;
}

#navCompetition {
	width:82px;
	background-image:url(../img/navCompetition.gif);
}

#comp #navCompetition {
	background-position:0px -13px;
}

#navContact {
	width:51px;
	background-image:url(../img/navContact.gif);
}

#contact #navContact {
	background-position:0px -13px;
}


/* homepage speech boxes */
#speechBoxes {
	margin-top:-18px;
	margin-left:10px;
}

.speechBox {
	float:left;
	width:261px;
}

#speechBoxTwo, #speechBoxThree {
	margin-left:28px;
}

.speechBoxTop {
	width:261px;
	height:17px;
	background-image:url(../img/speechBoxTop.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
}

.speechBoxMain {
	width:261px;
	height:148px;
	background-image:url(../img/speechBoxMain.gif);
	background-position:top left;
	background-repeat:repeat-y;
	float:left;
	color:#FFFFFF;
	position:relative;
}

.speechBoxMain h2 {
	margin-left:25px;
	margin-top:5px;
	width:220px;
	font-size:20px;
	
}

.speechBoxMain p {
	margin-left:25px;
	margin-right:25px;
	margin-top:5px;
}

.sbLink {
	height: 14px;
	display:block;
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	position:absolute;
	right:30px;
	bottom:15px;
}

.sbLink:hover {
	background-position:0px -14px;
}

#sbLink1 {
	width: 97px;
	background-image:url(../img/sbLink1.gif);
}

#sbLink2 {
	width: 127px;
	background-image:url(../img/sbLink2.gif);
}

#sbLink3 {
	width: 131px;
	height:14px;
	background-image:url(../img/sbLink3.gif);
	bottom:12px;
}

#sbLink3:hover {
	background-position:0px -14px;
}



.speechBoxBottom {
	width:261px;
	height:27px;
	background-image:url(../img/speechBoxBottom.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
}

/* channel links */
#channelLinks {
	margin-top:30px;
}

#ytLink {
	width: 232px;
	height: 34px;
	display:block;
	background-image:url(../img/ytLink.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
	margin-left:150px;
}

.ytLinkDiv {
	text-align:center;
}

.ytLink2 {
	width: 445px;
	height: 34px;
	display:block;
	background-image:url(../img/ytLink2.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	clear:left;
	
}

#bottom {
	margin:0 auto;
}

#inspired #ytLink {
	margin-left:300px;
}

#fbLink {
	width: 217px;
	height: 34px;
	display:block;
	background-image:url(../img/fbLink.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
	margin-left:70px;
}

#gmLink {
	width: 229px;
	height: 28px;
	display:block;
	background-image:url(../img/gm.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-top:15px;
	
	
}

/* footer */
#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	margin-top:30px;
	position:relative;
	border-bottom:1px solid #cccccc;
	width:860px;
	height:22px;
}

#footer a, #footerLinks a {
	text-decoration:none;
	color:#999999;
}

#footer a:hover, #footerLinks a:hover {
	text-decoration:underline;
}

#accPolicy {
	position:absolute;
	left:0px;
	top:0px;
}

#socialLinks {
	list-style-type:none;
	position:absolute;
	right:0px;
	top:0px;
}

#socialLinks li {
	float:left;
	margin-left:10px;
	padding:1px 0px 0px 22px;
	height:14px;
	background-repeat:no-repeat;
}

#slDigg {
	background-image:url(../img/digg.gif);
}

#slDelicious {
	background-image:url(../img/delicious.gif);
}

#slStumble {
	background-image:url(../img/stumble.gif);
}

#slReddit {
	background-image:url(../img/reddit.gif);
}

#slFacebook {
	background-image:url(../img/facebook.gif);
}

#slFriend {
	background-image:url(../img/friendLink.gif);
}

#footerLinks {
	clear:left;
	margin-top:15px;
	color:#999999;
	padding-bottom:5px;
}

#footerLinks ul {
	list-style-type:none;
	margin-top:10px;
	margin-bottom:10px;
	height:10px;
	margin-left:260px;
	
	
}

#footerLinks ul li {
	list-style-type:none;
	float:left;
	margin-right:5px;
	margin-left:5px;
}

#footerLinks p {
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

/* clear those floats! */
.clearFloat {
	height:0px;
	clear:both;
}

/* courses page */
#content {
	margin-top:50px;
}

#courses #content p, #comp #content p, #contact #content p, #inspired #content p, #friend #content p{
	width:400px;
}

#scroll {
	position:absolute;
	right:-30px;
	top:105px;
}

.courseList {
	float:left;
	padding:0px;
	margin:10px 0px 0px 0px;
}

#clRight {
	margin-left:30px;
}

.courseList li {
	list-style-type:none;
	padding:0px;
	margin:0px 0px 5px 0px;
}

.courseList li a {
	width:410px;
	height:48px;
	display:block;
	text-indent:-9999px;
}

.courseList li a#art {
	background-image:url(../img/courses_Art.gif);
}

.courseList li a#apprenticeships {
	background-image:url(../img/courses_Apprenticeships.gif);
}

.courseList li a#business {
	background-image:url(../img/courses_Business.gif);
}

.courseList li a#computing {
	background-image:url(../img/courses_Computing.gif);
}

.courseList li a#childcare {
	background-image:url(../img/courses_Childcare.gif);
}

.courseList li a#english {
	background-image:url(../img/courses_English.gif);
}

.courseList li a#construction {
	background-image:url(../img/courses_Construction.gif);
}

.courseList li a#hair {
	background-image:url(../img/courses_Hair.gif);
}

.courseList li a#health {
	background-image:url(../img/courses_Health.gif);
}

.courseList li a#music {
	background-image:url(../img/courses_Music.gif);
}

.courseList li a#dance {
	background-image:url(../img/courses_Performing.gif);
}

.courseList li a#science {
	background-image:url(../img/courses_Science.gif);
}

.courseList li a#sport {
	background-image:url(../img/courses_Sport.gif);
}

.courseList li a#teaching {
	background-image:url(../img/courses_Teaching.gif);
}

/* competition page */
#prizes {
	position:absolute;
	right:35px;
	top:110px;
}

#contactImage {
	position:absolute;
	right:15px;
	top:125px;
}

#contactDetails {
	position:absolute;
	right:20px;
	top:380px;
}

#contactDetails h2 {
	margin-bottom:0px;
}

#contactDetails p {
	margin-bottom:10px;
	margin-top:0px;
}

label {
	display:block;
	width:200px;
	margin-bottom:5px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

input {
	display:block;
	width:200px;
	margin-bottom:5px;
	background-color:#415a68;
	border:1px solid #000000;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

select {
	display:block;
	width:200px;
	margin-bottom:5px;
	background-color:#415a68;
	border:1px solid #000000;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

textarea {
	background-color:#415a68;
	border:1px solid #000000;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100px;
	overflow:auto;
	width:200px;
}

#comp form {
	margin-top:50px;
	width:800px;	
}

#contact form {
	margin-top:40px;
	
}

#formColOne {
	float:left;
	
}

#formColTwo {
	float:left;
	margin-left:10px;
}

#formColThree {
}

#formColThree input, #formColThree textarea, #formColThree label {
	width:412px;
}

#formColThree select {
	width:414px;
}

#formColThree textarea {
	float:left;
}

#checkbox {
	float:left;
	width:350px;
	margin-left:20px;
	width:360px;
}

#comp #checkbox p, #contact #checkbox p, #friend #checkbox p {
	margin-top:0px;
	width:330px;
	float:left;
}

input#permission {
	width:18px;
	float:left;
	margin-top:2px;	
}


button#submit {
	width: 92px;
	height: 37px;
	display:block;
	background-image:url(../img/enterButton.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	border:0px;
	background-color:transparent;
	float:left;
	margin:17px 0px 0px 20px;
	cursor:pointer;
}

button#submit:hover {
	background-position:0px -37px;
}

#contact button#submit {
	margin-top:29px;
	background-image:url(../img/btnSubmit.gif);
}

#friend button#submit {
	margin-top:66px;
	background-image:url(../img/btnSubmit.gif);
}

.formRequired {
	color:#000000;
}

/* inspiration */

#video {
	position:absolute;
	right:-20px;
	top:119px;
}

/* you tube embeds */
#videos {
	margin-top:50px;
	margin-left:0px;
}

.videoPanel {
	width:146px;
	height:195px;
	border:6px solid #ffee00;
	background-color:#FFFFFF;
	float:left;
	margin-right:13px;
	margin-bottom:20px;
}

.videoPanelInner {
	background-color:#405a67;
	margin:6px;
	width:135px;
	height:183px;
		color:#FFFFFF;
		position:relative;
}

.videoPanelInner a {
	color:#FFFFFF;
	font-weight:bold;

}

.videoPanelInner img {
	margin-top:3px;
	margin-left:3px;
	border:none;
}

.videoPanelInner p {
	margin:3px;
	
}

.title {
	position:absolute;
	top:95px;
	left:4px;
}

.views {
	position:absolute;
	bottom:10px;
	left:4px;
}

.viewCount {
	position:absolute;
	bottom:10px;
	left:50px;
}

.rating {
	position:absolute;
	bottom:10px;
	left:4px;
	display:none;
}

.ratingCount {
	position:absolute;
	bottom:10px;
	left:48px;
	display:none;
}

p.titlec {
	font-weight:bold;
}

ul#errorList {
	margin-left:15px;
	margin-top:10px;
}

/* success stories */
#stories {
	margin-top:50px;
}

#success #content ul  {
	margin-left:15px;
	margin-top:10px;
}

#sitemap #content ul  {
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
}

.story {
	width:416px;
	float:left;
	margin-bottom:30px;
}

.left {
	margin-left:0px;
}

.right {
	margin-left:20px;
}

.storyTop {
	width: 416px;
	height: 17px;
	display:block;
	background-image:url(../img/storyTop.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
}

.storyMain {
	width: 416px;
	height: 188px;
	display:block;
	background-image:url(../img/storyMain.gif);
	background-position:left;
	background-repeat:repeat-y;
	position:relative;
	float:left;
	
}

.storyMain h2 {
	color:#FFFFFF;
	margin-left:25px;
	margin-top:2px;
}

.storyMain p {
	color:#FFFFFF;
	
}

.storyMain a {
	color:#ffffff;
}

.storyBottom {
	width: 416px;
	height: 27px;
	display:block;
	background-image:url(../img/storyBottom.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
}

.storyImage {
	position:absolute;
	right:18px;
	bottom:0px;
}

p.role {
	width:220px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:25px;
	font-size:13px;
	
}

p.storyContent {
	margin-top:0px;
	width:200px;
	font-size:11px;
	position:absolute;
	left:25px;
	top:65px;
}

/* fixes */
#storyMilner p.role{
	width:200px;
}

#storyHussain p.storyContent{
	width:180px;
}
/* story links */
.storyLink {
	display:block;
	
	background-repeat:no-repeat;
	text-indent:-9999px;
	position:absolute;
	bottom:8px;
	left:25px;
}

#linkNelson {
background-image:url(../img/linkNelson.gif);
width:160px;
height:35px;
background-position:0px -35px;
}

#linkNelson:hover {
background-position:0px 0px;
}

#linkCantona {
background-image:url(../img/linkCantona.gif);
width:160px;
height:35px;
background-position:0px -35px;
}

#linkCantona:hover {
background-position:0px 0px;
}

#linkCameron {
background-image:url(../img/linkCameron.gif);
width:160px;
height:35px;
background-position:0px -35px;
}

#linkCameron:hover {
background-position:0px 0px;
}

#linkObama {
background-image:url(../img/linkObama.gif);
width:160px;
height:35px;
background-position:0px -35px;
}

#linkObama:hover {
background-position:0px 0px;
}

#linkAbel {
background-image:url(../img/linkAbel.gif);
width:160px;
height:35px;
background-position:0px -35px;
}

#linkAbel:hover {
background-position:0px 0px;
}

#linkLedger {
background-image:url(../img/linkLedger.gif);
width:160px;
height:37px;
background-position:0px -37px;
}

#linkLedger:hover {
background-position:0px 0px;
}

#linkSugar {
background-image:url(../img/linkSugar.gif);
width:160px;
height:37px;
background-position:0px -37px;
}

#linkSugar:hover {
background-position:0px 0px;
}

#linkGoody {
background-image:url(../img/linkGoody.gif);
width:160px;
height:37px;
background-position:0px -37px;
}

#linkGoody:hover {
background-position:0px 0px;
}

#linkHarrison {
background-image:url(../img/linkHarrison.gif);
width:160px;
height:37px;
background-position:0px -37px;
}

#linkHarrison:hover {
background-position:0px 0px;
}

#linkOsbourne {
background-image:url(../img/linkOsbourne.gif);
width:160px;
height:35px;
background-position:0px -35px;
}

#linkOsbourne:hover {
background-position:0px 0px;
}

#linkGibson {
background-image:url(../img/linkGibson.gif);
width:160px;
height:36px;
background-position:0px -36px;
}

#linkGibson:hover {
background-position:0px 0px;
}

#getFlash {
	width: 156px;
	height: 37px;
	display:block;
	background-image:url(../img/getFlash.png);
	background-position:left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin:0 auto;
}