body {
  background-color: #ffffff;
  text-align:left;
  color:#162762;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:17px;
  line-height:22px;
}

#bg {
  background: transparent url(../img/site/youth/bg.jpg) 0 0 no-repeat;
  padding-top:0;
  width:1000px;
  margin:0 auto;
}




/** header stuff *********************/


#head_nav {
  text-align:center;
  padding:0;
  width:1000px;
  margin:0;
  padding:0;
  position:relative;
  height:145px;
  background: transparent url(../img/site/youth/nav.jpg) left -145px no-repeat;
}

#head_nav li {
  margin: 0;
  list-style: none;
  position:absolute;
}



#head_nav li.separator {
	display:none;
}

#head_nav li.youth_home {
 height:69px;
  left:28px;
  top:66px;
  width:134px;
}
#head_nav li.youth_home a:hover,
#head_nav li.youth_home a.active  {
  background-position:-28px -66px;
}

#head_nav li.youth_about {
  height:63px;
left:162px;
top:38px;
width:134px;
}
#head_nav li.youth_about a:hover,
#head_nav li.youth_about a.active {
  background-position:-162px -38px;
}

#head_nav li.youth_apply {
  height:65px;
left:270px;
top:72px;
width:134px;
}
#head_nav li.youth_apply a:hover,
#head_nav li.youth_apply a.active  {
  background-position:-270px -72px;
}

#head_nav li.youth_blog {
  height:76px;
  left:377px;
  top:19px;
  width:176px;
}
#head_nav li.youth_blog a:hover,
#head_nav li.youth_blog a.active  {
  background-position:-377px -19px;
}

#head_nav li.youth_gallery {
  height:69px;
left:521px;
top:66px;
width:146px;
}
#head_nav li.youth_gallery a:hover,
#head_nav li.youth_gallery a.active  {
  background-position:-521px -66px;
}

#head_nav li.youth_tracker {
  height:60px;
left:667px;
top:50px;
width:135px;
}
#head_nav li.youth_tracker a:hover,
#head_nav li.youth_tracker a.active  {
  background-position:-667px -50px;
}

#head_nav li.youth_contact {
  height:72px;
left:798px;
top:73px;
width:176px;
}
#head_nav li.youth_contact a:hover,
#head_nav li.youth_contact a.active  {
  background-position:-798px -73px;
}


#head_nav a {
  display: block;
  padding:0;
  text-indent:-5000px;
  vertical-align:middle;
  font-size:100%;
  text-decoration: none;
  border:0;
  background:none;
  font-weight: bold;
  color:#000000;
  margin:0;
  background:transparent;
  height:100%;
  width:100%;
}

#head_nav a:visited { }
#head_nav a:hover,
#head_nav a.active { 
  background: transparent url(../img/site/youth/nav.jpg) 0 0 no-repeat;
}


#head {
	height:105px;
	position:relative;
}

#head h1 {
  height:105px;
  left:0px;
  position:absolute;
  margin:0;
  padding:0;
  text-indent:-5000px;
  top:0px;
  width:355px;
}

#head h2 {
  height:105px;
  right:0px;
  position:absolute;
  margin:0;
  padding:0;
  text-indent:-5000px;
  top:0px;
  width:355px;
}

#head a {
  width:100%;
  height:100%;
  display:block;
  border:0;
}

#head a:hover {
  border:0;
}

#head h2 {
  text-indent: -5000px;
}
/** content stuff *********************/


/** fonts ***************************/



h1, h2, h3, h4, h5 {
  letter-spacing:normal;
}

h1 {
  font-size:220%;
}

h2 {
  font-size:200%;
  color:#ee7d0c;
}

h3 {
  font-size:160%;
}

h4 {
  font-size:150%;
}

h5 {
  font-size:120%;
}




a,
a:link,
a:visited {
	color:#ee7d0c;
	text-decoration:none;
	border:none;
}

a:hover {
	color:#ee7d0c;
	text-decoration:underline;
	border:none;
}

blockquote {
  color:#ffffff;
  background:transparent url(../img/site/blockquote.png) top left no-repeat;
}

cite {
  color:#FF9900;
}

blockquote span.blockquoteEnd {
  background:transparent url(../img/site/blockquoteEnd.png) top left no-repeat;
}

img {
	padding:0;
	border:0;
	background:transparent;
}

/** specific ************************/

#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 { 
	min-width:800px;
}

.center_container {
    width:850px;
    margin:0 auto;
}










#main {
	position:relative;
	min-height:513px;
}

.long_min_height #main {
	min-height:610px;
}

#main .center_container {
    width: 800px;
}

#main #content {
	position:relative;
	z-index:5;s
}

#main #images {
	position:absolute;
	z-index:1;
	left:0;
	top:0;
}

#main .col {
  float:left;
  padding-top:20px;
  width:670px;
  padding-top:48px;
}

#main #center_col {
  width:465px
}

#main #left_col {
  width:130px;
}

#main #left_col h3 {
  width:100%;
  text-align:right;
  border-bottom:1px solid #2E369D;
  margin-bottom:0;
  padding-bottom:0.5em;
}

#main #left_col ul {
  width:100%;
  padding:0;
  margin:0;
}

#main #left_col ul li {
  border-bottom:1px solid #2E369D;
  padding:0.5em 0;
  margin:0;
  color:#2E369D;
  text-align:right;
  background:none;
  display:block;
  list-style-type:none;
}

#main #left_col ul li a,
#main #left_col ul li a:hover {
  border:none;
}

#main #right_col {
  width:205px;
  float:right;
}


#main #right_col h3 {
  width:100%;
  text-align:left;
  border-bottom:1px solid #2E369D;
  margin-bottom:0;
  padding-bottom:0.5em;
}

#main #right_col dl {
  width:100%;
  padding:0;
  margin:0 0 20px 0;
}

#main #right_col dl dt {
  padding:0.5em 0;
  margin:0;
  color:#1E5061;
  text-align:left;
  background:none;
  display:block;
  list-style-type:none;
  border-bottom:1px solid #2E369D;
  font-weight:bold;
}

#main #right_col dl dd {
  border-bottom:1px solid #2E369D;
  padding:0.5em 0;
  margin:0;
  color:#2E369D;
  text-align:left;
  background:none;
  display:block;
  list-style-type:none;
}

#main #right_col dl dd a,
#main #right_col dl dd a:hover {
  border:none;
}







#foot {
}

#foot .center_container {
  width:800px;
}


ul#foot_nav {
  font-size:85%;
  margin:20px 0 0 0;
  padding:0;
  width:100%;
  border-top:1px solid #D6B7FD;
  color: #D6B7FD;
}

ul#foot_nav li {
  float:left;
  margin:0;
  padding:0.25em 0;
  list-style-type:none;
  
}

ul#foot_nav li.separator {
  padding:0.25em 0.6em;
}

ul#foot_nav li a {
  color: #D6B7FD;
  border:0;
}

ul#foot_nav li a:hover {
  color: #D6B7FD;
  border-bottom:1px solid #D6B7FD;
}

#left_foot_col {
  width: 500px;
  float:left;
}



#right_foot_col {
  width: 300px;
  float:right;
  text-align:right;
}

#foot .copyright {
  font-size:10px;
  color:#ee7d0c;
}





.orange {
	color: #ee7d0c;
}


.small_box {
	float:right;
	width:257px;
	height:266px;
	background: transparent url('../img/site/youth/corporate_button.png') 0 0 no-repeat;
	margin:-27px -100px 0 20px;
	color:#ffffff;
	font-size:10px;
	text-align:center;
}

.small_box .padding {
	padding:35px 40px 35px 35px;
}

.small_box p {
	font-size:9px;
	line-height:130%;
}

.small_box a,
.small_box a:link,
.small_box a:visited,
.small_box a:hover  {
	color:#ffffff;
	font-weight:bold;
	display:block;
	line-height:100%;
}

.large_box {
	float:right;
	width:283px;
	height:543px;
	background: transparent url('../img/site/youth/large_box.gif') 0 0 no-repeat;
	margin:0 20px;
}

.large_box .padding {
	padding:40px;
}

.large_box h5 {
	color:#ffffff;
	text-align:center;
}

.large_box dl {
	padding:0;
}

.large_box dt {
	color:#ffffff;
}

.large_box dt a {
	color:#ffffff;
	
}

.large_box dd {
	color:#ee7d0c;
	background:none;
	padding:0;
	margin-bottom:10px;
}

.large_box dd .date {
	color:#ffffff;
}



.nac_box {
	float:right;
	width:257px;
	height:197px;
	background: transparent url('../img/site/youth/NAC_button.png') 0 0 no-repeat;
	margin:-27px -100px 0 20px;
	color:#ffffff;
	font-size:18px;
	text-align:center;
}

.nac_box .padding {
	padding:35px 40px 35px 35px;
}

.nac_box p {
	font-size:18px;
	line-height:130%;
}

.nac_box a,
.nac_box a:link,
.nac_box a:visited,
.nac_box a:hover  {
	color:#ffffff;
	font-weight:bold;
	display:block;
	line-height:100%;
}


.call_us {
	background: transparent url('../img/site/youth/call_us.gif') 0 0 no-repeat;
	width:429px;
	height:29px;
}

.more_info {
	background: transparent url('../img/site/youth/more_info.gif') 0 0 no-repeat;
	width:591px;
	height:32px;
	text-indent:-5000px;
}

.more_info_2_line {
	background: transparent url('../img/site/youth/more_info_2_line.gif') 0 0 no-repeat;
	width:408px;
	height:68px;
	text-indent:-5000px;
}

.video {
	border:3px solid #ee7d0c;
	width:320px;
	height:265px;
}

ul.no_bullets li {
	margin:10px 0;
}

a.onehull {
	text-indent:-5000px;
	display:block;
	width:124px;
	text-align:left;
	height:65px;
	float:right;
	background: transparent url('../img/site/youth/onehull.gif') 0 0 no-repeat;
}

h2.heading_youth_home {
	background: transparent url('../img/site/youth/heading_youth_home.gif') 0 0 no-repeat;
	width:616px;
	height:79px;
	left:145px;
	top:0;
	position:relative;
	text-indent:-5000px;
}

h2.heading_youth_about_us {
	background: transparent url('../img/site/youth/heading_youth_about_us.gif') 0 0 no-repeat;
	width:250px;
	height:45px;
	left:313px;
	top:0;
	position:relative;
	text-indent:-5000px;
}

h2.heading_youth_about_us_30_hour_introduction {
	background: transparent url('../img/site/youth/heading_youth_about_us_30_hour_introduction.gif') 0 0 no-repeat;
	width:581px;
	height:50px;
	left:180px;
	top:0;
	position:relative;
	text-indent:-5000px;
}

h2.heading_youth_about_us_activities_and_qualifications {
	background: transparent url('../img/site/youth/heading_youth_about_us_activities_and_qualifications.gif') 0 0 no-repeat;
	width:406px;
	height:100px;
	left:227px;
	top:0;
	position:relative;
	text-indent:-5000px;
}

h2.heading_youth_about_us_sailing_challenge {
	background: transparent url('../img/site/youth/heading_youth_about_us_sailing_challenge.gif') 0 0 no-repeat;
	width:439px;
	height:63px;
	left:200px;
	top:0;
	position:relative;
	text-indent:-5000px;
}

h2.heading_youth_about_us_move_on_and_work_taster_opportunities {
	background: transparent url('../img/site/youth/heading_youth_about_us_move_on_and_work_taster_opportunities.gif') 0 0 no-repeat;
	width:574px;
	height:108px;
	left:175px;
	top:0;
	position:relative;
	text-indent:-5000px;
}

h2.heading_youth_apply {
	background: transparent url('../img/site/youth/heading_youth_apply.gif') 0 0 no-repeat;
	width:124px;
	height:58px;
	left:410px;
	top:0;
	position:relative;
	text-indent:-5000px;
}

h2.heading_youth_blog {
	background: transparent url('../img/site/youth/heading_youth_blog.gif') 0 0 no-repeat;
	width:114px;
	height:65px;
	left:355px;
	top:0;
	position:relative;
	text-indent:-5000px;
}

h2.heading_youth_gallery {
	background: transparent url('../img/site/youth/heading_youth_gallery.gif') 0 0 no-repeat;
	width:169px;
	height:60px;
	left:45px;
	top:0;
	position:relative;
	text-indent:-5000px;
}

h2.heading_youthh_tracker {
	background: transparent url('../img/site/youth/heading_youth_tracker.gif') 0 0 no-repeat;
}

h2.heading_youth_contact {
	background: transparent url('../img/site/youth/heading_youth_contact.gif') 0 0 no-repeat;
}


.youth_home .more_info_2_line {
	position:absolute;
	left:45px;
	top:494px;
}

.youth_home .text {
	left:162px;
	position:relative;
	width:500px;
}
.youth_home .video {
	float:left;
	margin:0 0 0 260px;
}



#main .youth_apply #images {
	top:-6px;
}

.youth_apply .text {
	left:162px;
	position:relative;
	width:620px;
}
.youth_apply ul {
	margin-left:30px;
}
.youth_apply .video {
	float:right;
	margin:0 -80px 0 10px;
}



#main .youth_about_us #images {
	left:0px;
	top:-9px;
}

.youth_about_us .text {
	left:162px;
	position:relative;
	width:620px;
}

.youth_about_us ul {
	margin-left:30px;
}

.youth_about_us .more_info {
	position:absolute;
	top:429px;
	left:202px;
}
.youth_about_us .programme {
	left:-4px;
	top:469px;
}
.youth_about_us .video {
	float:right;
	margin:0 -80px 0 10px;
}






#main .youth_about_us_30_hour_introduction #images {
	left:0px;
	top:-9px;
}

.youth_about_us_30_hour_introduction .text {
	left:162px;
	position:relative;
	width:620px;
}

.youth_about_us_30_hour_introduction .callus {
	position:absolute;
	top:429px;
	left:202px;
}
.youth_about_us_30_hour_introduction .programme {
	left:-4px;
	top:469px;
}
.youth_about_us_30_hour_introduction .video {
	float:left;
	margin:0 0 0 130px;
}





#main .youth_about_us_activities_and_qualifications #images {
	left:0px;
	top:-9px;
}

.youth_about_us_activities_and_qualifications .text {
	left:162px;
	position:relative;
	width:620px;
	top:-15px;
}

.youth_about_us_activities_and_qualifications .callus {
	position:absolute;
	top:429px;
	left:202px;
}
.youth_about_us_activities_and_qualifications .programme {
	left:-4px;
	top:469px;
}
.youth_about_us_activities_and_qualifications .video {
	float:left;
	margin:-17px 0 0 150px;
}








#main .youth_about_us_sailing_challenge #images {
	left:0px;
	top:-9px;
}

.youth_about_us_sailing_challenge .text {
	left:162px;
	position:relative;
	width:620px;
}

.youth_about_us_sailing_challenge .callus {
	position:absolute;
	top:429px;
	left:202px;
}
.youth_about_us_sailing_challenge .programme {
	left:-4px;
	top:469px;
}
.youth_about_us_sailing_challenge .video {
	float:left;
	margin:0 0 0 150px;
}








#main .youth_about_us_move_on_and_work_taster_opportunities #images {
	left:0px;
	top:-9px;
}

.youth_about_us_move_on_and_work_taster_opportunities .text {
	left:162px;
	position:relative;
	width:620px;
}

.youth_about_us_move_on_and_work_taster_opportunities .callus {
	position:absolute;
	top:429px;
	left:202px;
}
.youth_about_us_move_on_and_work_taster_opportunities .programme {
	left:-4px;
	top:469px;
}
.youth_about_us_move_on_and_work_taster_opportunities .video {
	float:left;
	margin:-10px 0 0 150px;
}










#main .youth_blog #images {
	left:0px;
	top:0px;
}
.youth_blog .text {
	left:170px;
	position:relative;
	width:340px;
}






.youth_gallery img {
	float:left;
	margin:0 18px 30px 18px;
	border:2px solid #ee7d0c
}
.youth_gallery a.video_link {
	background: transparent url('../img/site/youth/video_link.gif') 0 0 no-repeat;
	width:290px;
	height:80px;
	left:445px;
	top:0;
	position:absolute;
	text-indent:-5000px;
	display:block;
}



.date {
	font-size:80%;
}


.programme {
	position:absolute;
	width:207px;
	height:35px;
	left:-4px;
	top:469px;
	background: transparent url('../img/site/youth/programme.gif') 0 0 no-repeat;
	text-indent:-5000px;
}
.programme_nav {
	position:absolute;
	width:807px;
	height:96px;
	left:-4px;
	top:504px;
	background: transparent url('../img/site/youth/programme_nav.gif') 0 0 no-repeat;
}

.programme_nav ul {
  padding:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  position:relative;
}

.programme_nav li {
  margin: 0;
  list-style: none;
  position:absolute;
  height:96px;
  top:0;
}

.programme_nav li.separator {
	display:none;
}

.programme_nav li.nav_30_hour_introduction {
  left:0;
  width:119px;
}
.programme_nav li.nav_30_hour_introduction a:hover,
.programme_nav li.nav_30_hour_introduction a.active  {
  background-position:left top;
}

.programme_nav li.nav_6_week_activities {
	left:119px;
	width:281px;
}
.programme_nav li.nav_6_week_activities a:hover,
.programme_nav li.nav_6_week_activities a.active {
  background-position:-119px top;
}

.programme_nav li.nav_sailing_challenge {
	left:400px;
	width:148px;
}
.programme_nav li.nav_sailing_challenge a:hover,
.programme_nav li.nav_sailing_challenge a.active  {
  background-position:-400px top;
}

.programme_nav li.nav_move_on_and_work_taster_opportunities {
	left:548px;
	width:259px;
}
.programme_nav li.nav_move_on_and_work_taster_opportunities a:hover,
.programme_nav li.nav_move_on_and_work_taster_opportunities a.active  {
  background-position:-548px top;
}


.programme_nav a {
  display: block;
  padding:0;
  text-indent:-5000px;
  vertical-align:middle;
  font-size:100%;
  text-decoration: none;
  border:0;
  background:none;
  font-weight: bold;
  color:#000000;
  margin:0;
  background:transparent;
  height:100%;
  width:100%;
}

.programme_nav a:visited { }
.programme_nav a:hover,
.programme_nav a.active { 
  background: transparent url(../img/site/youth/programme_nav_over.jpg) 0 0 no-repeat;
}





/** fixes ****************************/


/* fix for lytebox when images and links have been given border and bg which ie doesnt like */
div#lbMain div#lbOuterImageContainer img { border:0; padding:0; background:transparent; }

#lbMain a {
	border:0;
}




/***** colours ****


blue: #162762
orange: #ee7d0c

*/