@charset "utf-8";
/* CSS Document */

body{
	font-size:0.8em;
	font-family:Tahoma, Arial, sans-serif;
	margin-bottom:10px;
	background-image:url(../images/body-back.jpg);
	background-position:center;
	background-color:#006fba;
	color:#5f5f5f;
}

h1{
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	text-indent:-999em;
	width:98px;
	height:99px;
	float:left;
}
h1 a{
	display:block;
	width:98px;
	height:99px;
}

a:link, a:visited, a:hover, a:active{
	color:#0174bf;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
}

.clearboth{
	clear:both;
}


.highlighted-text{
	font-weight:bold;
	font-size:0.9em;
}
#outer-container{
	margin:0 auto;
	width:960px;
	background-image:url(../images/outer-container.jpg);
	background-repeat:repeat-y;
}

#top-inner-container{
	background-image:url(../images/top-container.jpg);
	background-repeat:no-repeat;
}

#bottom-inner-container{
	background-image:url(../images/bottom-container.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:10px;
}

#header{
	width:930px;
	margin-left:10px;
	padding:30px 0 0 10px;
}

#header-middle{
	width:314px;
	height:58px;
	float:left;
	margin:10px 0 0 206px;
}

#header h2{
	background-image:url(../images/header-strapline.jpg);
	background-repeat:no-repeat;
	text-indent:-999em;
	width:314px;
	height:58px;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
}

#header-middle p{
	color:#5f5f5f;
	font-weight:bold;
	margin-left:25px;
	
}
#header-middle p span{
	color:#aeaeae;
	font-weight:normal;
	padding:0 5px;
}

#header #rya-logo{
	float:right;
	margin:0 9px 0 0;
}

#top-nav{
	float:left;
	width:922px;
	background-color:#e3e3e3;
	margin:10px 0 10px 0;
}

#top-nav li{
	background-image:url(../images/top-nav-middle-li.jpg);
	background-repeat:no-repeat;
	width:131px;
	height:45px;
	float:left;
	margin-left:1px;
}

#top-nav li a{
	color:#ffffff;
	display:block;
	width:130px;
	text-align:center;
	padding-top:17px;
	height:28px;
}

.top-nav-first-li{
	 background-image:url(../images/top-nav-first-li.jpg) !important;
	 margin-left:0 !important;
	 width:130px !important;
}

#top-nav-first-li-selected{
	background-image:url(../images/top-nav-first-li-selected.jpg) !important;
}

#top-nav-last-li-selected{
	background-image:url(../images/top-nav-last-li-selected.jpg) !important;
}

#top-nav-rya-courses-li-selected, #top-nav-prices-li-selected, #top-nav-testimonials-li-selected, #top-nav-about-us-li-selected, #top-nav-news-li-selected{
	background-image:url(../images/top-nav-middle-li-selected.jpg) !important;
}


.top-nav-last-li{
	 background-image:url(../images/top-nav-last-li.jpg) !important;
}

#main-content{
	width:922px;
	margin:10px 0 0 20px;
	float:left;
	padding-bottom:10px;	

}
#main-content p{
	line-height:1.3em;
	margin-bottom:15px;
	color:#5f5f5f;
}

#main-content h3{
	color:#5f5f5f;
	font-weight:bold;
	font-size:1.1em;
	
}

#main-content h3 span{
	font-size:0.85em;
	color:#0175c0;
	padding-left:12px;
	margin-left:5px;
}



#main-content h4{
	color:#5f5f5f;
	font-weight:bold;
	margin-bottom:5px;
}

#left-column{
	width:184px;
	float:left;
}

#left-nav{
	width:184px;
	margin-bottom:10px;
}
#left-nav li{
	width:185px;
	height:39px;
	margin-bottom:2px;
	background-image:url(../images/left-nav-back.jpg);
	background-repeat:no-repeat;
	line-height:1.2em;
}

#left-nav li a{
	color:#FFFFFF;
	width:172px;
	height:27px;
	display:block;
	padding:10px 0 0 13px;
	
}

#left-nav-selected{
	background-image:url(../images/left-nav-back-selected.jpg) !important;
	
}

.sub-menu li{
	background-image:none !important;
	background-color:#c9c9c9;
	padding-left:20px;
	width:165px !important;

}

.sub-menu{
	display:none;
}


.sub-menu-selected{
	display:block !Important;
}


#sub-menu-li-selected{
	background-color:#adadad;
}

#middle-column{
	width:500px;
	float:left;
	margin:0 0 0 25px;
}

#more-information, #close-more-info-button{
	display:none;
}

#close-more-info-button, #view-more-info-button{
	font-weight:bold;
	color:#0174bf !important;
	cursor:pointer;
}

#middle-column .page-heading{
	margin:6px 0 15px 0;
}


#middle-column h3{
	margin:0 0 10px 0;
}

#middle-column ul{
	margin-bottom:15px;
}
#middle-column li{
	margin-bottom:5px;
}

.powerboat-courses a{
	background-image:url(../images/arrows.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:15px;
	float:left;
}

.powerboat-courses h4{
	color:#5f5f5f;
	width:420px;
	margin-bottom:5px;
	
}
.powerboat-courses h4 span{
	font-weight:bold;
	float:right;
	
}

.powerboat-courses p{
	clear:both;
}

#right-column{
	width:186px;
	float:right;
}

.right-col-sections{
	width:184px;
	border:1px solid #aeaeae;
	border-top:0;
	margin-bottom:10px;
	float:right;
}

.right-col-sections h3{
	border-bottom:1px solid #aeaeae;
	padding:4px 0 9px 12px;

}

.news-item{
	background-image:url(../images/news-item-back.jpg);
	background-repeat:repeat-x;
	height:107px;
	padding:10px 10px 0 10px;
}

.news-item h4{
	background-image:url(../images/news-arrows.jpg);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:15px;
	margin-bottom:5px;
	line-height:1.3em !Important;
}

.news-item p{
	line-height:1.4em !Important;

}

#all-stories p{
	margin:0;
	padding:0;
	display:block;
	border-top:1px solid #aeaeae;
	margin-top:10px;

}
#all-stories p img{
	display:block;
}

#rya-courses{
	background-color:#f6f6f3;
	padding-bottom:10px !Important;
}

#rya-courses h3{
	margin-bottom:10px;
	background-color:#FFFFFF;
}

#rya-courses p{
	background-image:url(../images/news-arrows.jpg);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:15px;
	margin-left:10px;
}

#rya-courses p span{
	width:120px;
	float:right;
	
}

#team-dorset-logo{
	margin:10px 0 10px 43px;
}

/* Courses Page */
.courses-open-info{
	cursor:pointer;
	background-image:url(../images/open-arrow.jpg);
	background-repeat:no-repeat;
	background-position:0 4px;

}

.courses-open-info a{
	font-size:1em;
}
.courses-close-info{
	cursor:pointer;
	background-image:url(../images/close-arrow.jpg);
	background-repeat:no-repeat;
	background-position:0 4px;
	display:none;
}

.courses-more-info{
	display:none;
}
/* Prices Page*/
.course-prices-boxes{
	border:1px solid #a7a7a7;
	background-color:#e2eff6;
	padding-bottom:2px;
	margin-bottom:10px;
}
.course-prices-boxes h4{
	border-bottom:1px solid #a7a7a7;
	padding:10px 9px 8px 9px;
	margin-bottom:7px !Important;
}
.course-prices-boxes h4 span{
	float:right;
	margin-right:80px;
}

.course-prices-boxes .highlighted-text span{
	float:right;
	margin-right:30px;
}

.course-prices-boxes p{
	padding:0 0 0 9px;
	margin-bottom:5px !Important;
	font-size:0.9em;
}

/* Testimonials Page*/
#rough-seas-letter{
	border:1px solid #a7a7a7;
	background-color:#e2eff6;
	padding:12px 10px 0 13px;
	margin-bottom:20px;
}

#rough-seas-letter p a{
	background-image:url(../images/arrows.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:12px;
}

#testimonials-container p{
	border-bottom:1px solid #a7a7a7;
	padding:0 0 15px 0;
	margin-bottom:10px;
}

#testimonials-container p span{
	font-weight:bold;
	font-size:0.9em;
}

/* About Us Page*/
#about-us img{
	display:block;
	border-bottom:1px solid #a7a7a7;
}

#about-us p{
	background-image:url(../images/blue-ride-principal.jpg);
	background-repeat:no-repeat;
	text-indent:-999em;
	width:184px;
	height:38px;
	margin-bottom:0;
}

/* Contact Page*/
#contact-form{
	width:330px;
	margin-bottom:60px;
}
#contact-form label{
	width:76px;
	float:left;
	color:#5f5f5f;
	font-weight:bold;
	font-size:0.9em;
	margin-top:4px;
}

#contact-form input, #contact-form textarea{
	border:1px solid #a7a7a7;
	width:246px;
	padding:2px;
	margin-bottom:8px;
	background-image:url(../images/input-back.jpg);
	background-repeat:no-repeat;
}

#contact-form textarea{
	height:72px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:1em;
}

#contact-form #submit-button{
	border:0;
	background-image:none;
	width:72px;
	height:27px;
	float:right;
}

.contact-us-right p{
	padding:10px 10px 0 10px;
}

#training-base-heading{
	border-bottom:0;
	border-top:1px solid #aeaeae;
	padding-bottom:0;
	padding-top:10px;
}

#contact-us-office-details{
	padding-bottom:10px;
}

#contact-us-office-details p{
	padding-top:5px !important;
	padding-bottom:0 !important;
	margin-bottom:0px;
}

#see-us-titles{
	margin-top:5px;
	margin-bottom:5px !Important;
	color:#000000 !important;
}

#footer{
	float:left;
	width:942px;
	margin-left:10px;
}
#footer p{
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	font-size:0.8em;
}

#footer a{
	color:#084670;
}

#footer-copyright{
	width:339px;
}

#footer-contact-details{
	width:383px;
}

#rya-course-banners img{
	margin-bottom:7px;
}
#news-images-container{
	border:1px solid #999999;
	background-color:#f5f5f5;
	text-align:center;
	padding:10px 0 0 0;
	float:left;
	clear:both;
	width:490px;
	margin-bottom:10px;
}


#news-images-container h4{
	margin-bottom:15px;
	color:#646464;
}
#news-images{
	margin-left:9px;
}
#news-images-container img{
	border:1px solid #949494;
	float:left;
	margin-right:6px;
	margin-bottom:9px;
}

#news-image{
	border:1px solid #949494;
	display:block;
	float:left;
	margin-right:15px;
}


#stage {
   
    width: 922px;
    height: 217px;
clear:both;


  }

  #stage a {
    position: absolute;
  }
  #stage a img {
   
    
    background: #fff;
  }

  #stage a:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 3s;
    z-index: 20;
  }
  #stage a:nth-of-type(2) {
    z-index: 10;
  }
  #stage a:nth-of-type(n+3) {
    display: none;
  }

  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }