.outer {
width: 750px;
margin: 0px auto;  
} 
 

#charter .outer {
background: #fff url(images/charter2.gif) repeat-y;
}

#charter  .withphoto{
background: #bce3f1 url(images/charter2.gif) repeat-y;
}
#charter .contentarea {
background: url(images/charter1.gif) no-repeat;
}
#charter .contentbox h2 {
color: #3cbdde;
}
#charter .rightcol h3, #charter .rightcol .rightul {
border-bottom:1px solid #00b3d8;
}

  #charter .withphoto .imagecol {
  background: url(images/charterphoto.jpg) no-repeat 15px 0px;
}

#charter .rightul2 a.active {
color: #3cbdde;
}


#holidays .outer {
background: #fff  url(images/holidays2.gif) repeat-y;
}
#holidays  .withphoto{
background: #FFFBCE url(images/holidays2.gif) repeat-y;
}
#holidays .contentarea {
background: url(images/holidays1.gif) no-repeat;
}
#holidays .contentbox h2 {
color: #1b6597;
}
#holidays .rightcol h3, #holidays .rightcol .rightul {
border-bottom:1px solid #00b3d8;
}

  #holidays .withphoto .imagecol {
  background: url(images/holidaysphoto.jpg) no-repeat 15px 0px;
}

#holidays .rightul2 a.active {
color: #003399 ;
}



#rya .outer {
background: #fff  url(images/rya2.gif) repeat-y;
}
#rya  .withphoto{
background: #E6F0CA url(images/rya2.gif) repeat-y;
}
#rya .contentarea {
background: url(images/rya1.gif) no-repeat;
}
#rya .contentbox h2 {
color: #B6D555;
}
#rya .rightcol h3, #rya .rightcol .rightul {
border-bottom:1px solid #b6d555;
}

  #rya .withphoto .imagecol {
  background: url(images/ryaphoto.jpg) no-repeat 15px 0px;
}

#rya .rightul2 a.active {
color: #B6D555;
}



#corp .outer {
background: #fff  url(images/corp2.gif) repeat-y;
}
#corp  .withphoto{
background: #E3D6E2 url(images/corp2.gif) repeat-y;
}
#corp .contentarea {
background: url(images/corp1.gif) no-repeat;
}
#corp .contentbox h2 {
color: #996699;
}
#corp .rightcol h3, #corp .rightcol .rightul {
border-bottom:1px solid #7f2b7b;
}

  #corp .withphoto .imagecol {
  background: url(images/corpphoto.jpg) no-repeat 15px 0px;
}

#corp .rightul2 a.active {
color: #78cbe4;
}



#racing .outer {
background: #fff  url(images/racing2.gif) repeat-y;
}
#racing  .withphoto{
background: #f3dceb url(images/racing2.gif) repeat-y;
}
#racing .contentarea {
background: url(images/racing1.gif) no-repeat;
}
#racing .contentbox h2 {
color: #996699;
}
#racing .rightcol h3, #racing .rightcol .rightul {
border-bottom:1px solid #7f2b7b;
}

  #racing .withphoto .imagecol {
  background: url(images/racingphoto.jpg) no-repeat 15px 0px;
}

#racing .rightul2 a.active {
color: #996699;
}


#blank .outer {
background: #fff  url(images/aboutus2.gif) repeat-y;
}
#blank  .withphoto{
background: #D2EBF3 url(images/aboutus2.gif) repeat-y;
}
#blank .contentarea {
background: url(images/blank1.gif) no-repeat;
}
#blank .onecol h2,#blank .contentbox h2 {
color: #004f84;
}
#blank .rightcol h3, #blank .rightcol .rightul {
border-bottom:1px solid #7f2b7b;
}

  #blank .withphoto .imagecol {
  background: url(images/aboutusphoto.jpg) no-repeat 15px 0px;
}

#blank .rightul2 a.active {
color: #004f84;
}



#whyus .outer {
background: #fff  url(images/aboutus2.gif) repeat-y;
}
#whyus  .withphoto{
background: #D2EBF3 url(images/aboutus2.gif) repeat-y;
}
#whyus .contentarea {
background: url(images/whyus1.gif) no-repeat;
}
#whyus .onecol h2,#blank .contentbox h2 {
color: #004f84;
}
#whyus .rightcol h3, #blank .rightcol .rightul {
border-bottom:1px solid #7f2b7b;
}

  #whyus .withphoto .imagecol {
  background: url(images/whyphoto.jpg) no-repeat 15px 0px;
}





#contactus .outer {
background: #fff  url(images/aboutus2.gif) repeat-y;
}
#contactus  .withphoto{
background: #D2EBF3 url(images/aboutus2.gif) repeat-y;
}
#contactus .contentarea {
background: url(images/contactus1.gif) no-repeat;
}
#contactus .onecol h2,#blank .contentbox h2 {
color: #004f84;
}
#contactus .rightcol h3, #blank .rightcol .rightul {
border-bottom:1px solid #7f2b7b;
}

  #contactus .withphoto .imagecol {
  background: url(images/contactphoto.jpg) no-repeat 15px 0px;
}







#booking .outer {
background: #fff  url(images/aboutus2.gif) repeat-y;
}
#booking  .withphoto{
background: #D2EBF3 url(images/aboutus2.gif) repeat-y;
}
#booking .contentarea {
background: url(images/booking.gif) no-repeat;
}
#booking .onecol h2,#booking .contentbox h2 {
color: #004f84;
}
#booking .rightcol h3, #booking .rightcol .rightul {
border-bottom:1px solid #7f2b7b;
}

  #booking .withphoto .imagecol {
  background: url(images/bookingphoto.jpg) no-repeat 15px 0px;
}






#infodownloads .outer {
background: #fff  url(images/aboutus2.gif) repeat-y;
}
#infodownloads  .withphoto{
background: #D2EBF3 url(images/aboutus2.gif) repeat-y;
}
#infodownloads .contentarea {
background: url(images/infodownloads1.gif) no-repeat;
}
#infodownloads .onecol h2,#infodownloads .contentbox h2 {
color: #004f84;
}
#infodownloads .rightcol h3, #infodownloads .rightcol .rightul {
border-bottom:1px solid #7f2b7b;
}

  #infodownloads .withphoto .imagecol {
  background: url(images/infophoto.jpg) no-repeat 15px 0px;
}




#news .outer {
background: #fff  url(images/aboutus2.gif) repeat-y;
}
#news  .withphoto{
background: #D2EBF3 url(images/aboutus2.gif) repeat-y;
}
#news .contentarea {
background: url(images/news1.gif) no-repeat;
}
#news .onecol h2,#news .contentbox h2 {
color: #004f84;
}
#news .rightcol h3, #news .rightcol .rightul {
border-bottom:1px solid #7f2b7b;
}

  #news .withphoto .imagecol {
  background: url(images/newsphoto.jpg) no-repeat 15px 0px;
}




#links .outer {
background: #fff  url(images/aboutus2.gif) repeat-y;
}
#links  .withphoto{
background: #D2EBF3 url(images/aboutus2.gif) repeat-y;
}
#links .contentarea {
background: url(images/links1.gif) no-repeat;
}
#links .onecol h2,#news .contentbox h2 {
color: #004f84;
}
#links .rightcol h3, #news .rightcol .rightul {
border-bottom:1px solid #7f2b7b;
}

  #links .withphoto .imagecol {
  background: url(images/linksphoto.jpg) no-repeat 15px 0px;
}






#theboat .outer {
background: #fff  url(images/aboutus2.gif) repeat-y;
}
#theboat  .withphoto{
background: #D2EBF3 url(images/aboutus2.gif) repeat-y;
}
#theboat .contentarea {
background: url(images/theboat.gif) no-repeat;
}
#theboat .onecol h2,#theboat .contentbox h2 {
color: #004f84;
}
#theboat .rightcol h3, #theboat .rightcol .rightul {
border-bottom:1px solid #7f2b7b;
}

  #theboat .withphoto .imagecol {
  background: url(images/documentsphoto1.jpg) no-repeat 15px 0px;
}


#firstaway .outer {
background: #fff  url(images/aboutus2.gif) repeat-y;
}
#firstaway  .withphoto{
background: #D2EBF3 url(images/aboutus2.gif) repeat-y;
}
#firstaway .contentarea {
background: url(images/firstaway.gif) no-repeat;
}
#firstaway .onecol h2,#firstaway .contentbox h2 {
color: #004f84;
}
#firstaway .rightcol h3, #firstaway .rightcol .rightul {
border-bottom:1px solid #7f2b7b;
}

  #firstaway .withphoto .imagecol {
  background: url(images/documentsphoto1.jpg) no-repeat 15px 0px;
}


#tc .outer {
background: #fff  url(images/aboutus2.gif) repeat-y;
}
#tc  .withphoto{
background: #D2EBF3 url(images/aboutus2.gif) repeat-y;
}
#tc .contentarea {
background: url(images/tc.gif) no-repeat;
}
#tc .onecol h2,#tc .contentbox h2 {
color: #004f84;
}
#tc .rightcol h3, #tc .rightcol .rightul {
border-bottom:1px solid #7f2b7b;
}

  #tc .withphoto .imagecol {
  background: url(images/documentsphoto1.jpg) no-repeat 15px 0px;
}


#skippers .outer {
background: #fff  url(images/aboutus2.gif) repeat-y;
}
#skippers  .withphoto{
background: #D2EBF3 url(images/aboutus2.gif) repeat-y;
}
#skippers .contentarea {
background: url(images/skippers.gif) no-repeat;
}
#skippers .onecol h2,#skippers .contentbox h2 {
color: #004f84;
}
#skippers .rightcol h3, #skippers .rightcol .rightul {
border-bottom:1px solid #7f2b7b;
}

  #skippers .withphoto .imagecol {
  background: url(images/documentsphoto1.jpg) no-repeat 15px 0px;
}





#disc .outer {
background: #fff  url(images/aboutus2.gif) repeat-y;
}
#disc  .withphoto{
background: #D2EBF3 url(images/aboutus2.gif) repeat-y;
}
#disc .contentarea {
background: url(images/disc1.gif) no-repeat;
}
#disc .onecol h2,#tc .contentbox h2 {
color: #004f84;
}
#disc .rightcol h3, #tc .rightcol .rightul {
border-bottom:1px solid #7f2b7b;
}

  #disc .withphoto .imagecol { background: url(images/documentsphoto.jpg) no-repeat 15px 0px;
}



#whyus .rightul2 a.active {
color: #004f84;
}

#aboutus .outer {
background: #fff  url(images/aboutus2.gif) repeat-y;
}
#aboutus  .withphoto{
background: #D2EBF3 url(images/aboutus2.gif) repeat-y;
}
#aboutus .contentarea {
background: url(images/aboutus1.gif) no-repeat;
}
#aboutus .onecol h2,#aboutus .contentbox h2 {
color: #004f84;
}
#aboutus .rightcol h3, #aboutus .rightcol .rightul {
border-bottom:1px solid #7f2b7b;
}

  #aboutus .withphoto .imagecol {
  background: url(images/aboutusphoto.jpg) no-repeat 15px 0px;
}

#aboutus .rightul2 a.active {
color: #004f84;
}

#sitemap .outer {
background:   #D2EBF3 url(images/sitemap2.gif) repeat-y;
}
/*  Not referenced and failing CCS validation so commented by MG
#sitemap  .withnoaphoto{
background: ;
}
*/
#sitemap .contentarea {
background: url(images/sitemap1.gif) no-repeat;
}
#sitemap .onecol h2,#sitemap .contentbox h2 {
color: #004f84;
}
#sitemap .rightcol h3, #sitemap .rightcol .rightul {
border-bottom:1px solid #7f2b7b;
}

  #sitemap .withphoto .imagecol {
  background: url(images/sitemapphoto.jpg) no-repeat 15px 0px;
}

#sitemap .rightul2 a.active {
color: #78cbe4;
}
.grntb{
text-align:center;
}
 img { border:0;}
.contentarea a {
color: red;
text-decoration:none;
}
.contentarea a:hover {
text-decoration:underline;
}
body {
font-family: verdana,sans-serif;
font-size:12px;
background: #fff;
color: #000;
margin:0;
padding: 0;
}

p, address {
font-size:11px;
}

p { text-align:justify;}

address {
font-style: normal; 
margin-left:20px;
}
.contentarea ul {font-size:11px;}
.topnav {
height:16px; 
margin:0;
padding: 0;
font-size:9px;
background: #d1d2d4;
padding-left:45px;
}
.topnav ul {
margin: 0;
padding: 0;
list-style:none;
padding-top:2px;
text-transform: uppercase;

}
.topnav ul li {
display: inline;
font-weight:bold;
padding-right:10px;

}

.topnav ul li a {
color: #66676a;
text-decoration:none;
}

.topnav ul li a:hover{
color: #66676a;
text-decoration:underline;
}
.head{height:142px;}
.h2 {  height:120px;width:628px;float:left; overflow:auto;}
.nav2 {
position:relative;
left:10px;
height:142px;
overflow:hidden;
}

.nav2 a img {
margin-right: 1px;
}

.clearme { clear:both;}

.imagecol,.contentcol,.rightcol {
float:left;
margin:0;
padding:0;
}
.imagecol {
width: 93px; 
height:387px; 
margin-top:1px;
}

.contentcol {
width: 470px;   
}

.rightcol { 
width: 167px;  
overflow:hidden;
}

.contentbox {
margin-left:55px;
margin-top:35px;
margin-right:0px; 
margin-bottom:5px; 
width:405px; 
} 

.rightcol{
padding-top:35px;
padding-bottom:35px; 
width: 186px;  
}

.rightcol h3 {
text-transform: uppercase;
color: #000;
margin: 0;
padding: 0 0 6px 0;
font-size:17px;
font-family:tahoma,sans-serif;
}
.rightcol h3 a {
color:#000;
text-decoration:none !important;
}
.rightcol .rightul {
text-transform: uppercase; 
font-family:arial,sans-serif;
margin:0;
padding: 10px 4px 10px 4px;
list-style:none;
font-size:13px;
}
.rightcol .rightul li a {

color: #979da1;
text-decoration:none;
}
.rightcol .rightul li a:hover {color: #000;}



.rightul2 a:hover {text-decoration:underline;}
.rightul li a.dark {
color: #222;
}
.withnophoto .foot {
margin-top:10px;
height:12px;background: url(images/foot.gif) no-repeat top right;

}
.foot1 {background: url(images/foot.gif) no-repeat bottom right ;
height:100%;
 }

.withphoto .foot {
float:right;
margin-top:10px;
height:12px;
background: url(images/foot.gif) no-repeat top right;
margin-right:23px;
position:relative; 
}

.footer {
width:750px;  color: #c6c8ca;
margin: 12px auto;
text-align:right;
padding-bottom:10px;
font-size:9px; text-transform: lowercase;

}
.footer a {color: #666666;}
.footer a:hover { color: #000;}
.logo {
position: absolute;
}
.logo img {border: 0;}
.logos img {
float:right;
}
.logos {
padding-right:10px;
padding-top:15px;
}
a img { border: 0;}

.contentbox h1 {
color: black;
font-size:14px;
margin:15px 0 5px 0;
padding: 0;
text-transform:uppercase;

}

.contentbox h2,.fakeh2 {

margin: 0;
font-size:18px;
font-weight:normal;
}
.fakeh2 {font-size:11px;}

.rightul2 {
list-style:none;
margin:15px 0 15px 5px;
padding:0;
}

.rightul2 a {color: #979da1;
text-decoration:none;}
.rightul2 a:hover {color: #000;}


.rightsmallprint {
font-size:9px;
color: #000;
font-family:arial,sans-serif;
text-align:left;
margin:10px 5px 10px 0;
} 

.onecol { 
width:566px;
 margin-top:24px;
 padding-bottom:10px;
 float:left;
 font-size:10px;
 margin-left:80px;
}

.onecol h1 {

font-family: verdana,sans-serif;
font-size:18px;
font-weight:bold;
}

.onecol h2{ 
font-family: verdana,sans-serif;
font-size:18px;
font-weight:normal;
}
 
.onecol img, .contentbox img { margin: 5px;}
.alri {float:right;}
.alle {float:left;}

.sitemaptable1 tr{
vertical-align:top;
}
.sitemaptable1 td a {
text-transform: uppercase;
color: #000;
text-decoration:none;
font-size:9px;
} 
.sitemaptable2 {
margin:20px 0;
font-size:9px;
}
.sitemaptable2 th {
font-size:9px;
text-transform:uppercase;
font-weight:normal;
text-align:left;
}
.sitemaptable2 a {color: #000;text-decoration:none;}
.sitemaptable2 h6 {
font-size:9px;
font-weight:bold;
text-transform:uppercase;
margin: 10px 0 0 0;
}

.fright { float:right; margin:5px;}
.fleft { float:left; margin:5px;}




legend { color: blue;}
form fieldset {
font-size:11px;
  margin-bottom: 10px;
}
form legend {
  padding: 0 2px;
  font-weight: bold;
}
form label {  
  vertical-align: top;
}
form fieldset ol {
  margin: 0;
  padding: 0;
}
form fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
li.h27 {
  height:20px;}
li.h2b {
  height:127px;}
form fieldset fieldset {  
}
form fieldset fieldset legend { 
  padding: 0 2px;
  font-weight: bold;
}
form fieldset fieldset label {
  display: block;
  width: auto;
}
form em {
  font-style: normal;
  padding-left:4px;
  color: #f00;
}
form label {
display:block;
float:left;
  width: 120px; /* Width of labels */
}
form fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
form input.txinp {
width:200px;
margin-left:50px;
font-family:verdana,sans-serif; font-size:11px;
}
.radio {
width:90%; 
margin: 0 auto;
}
.radio label { display:block;float:none;margin:10px;}
 
form textarea { 
width:200px;
margin-left:50px;
height:110px; 
padding: 1px;
font-family:verdana,sans-serif; font-size:11px;
font-size: 100%;
}

.sub {
display:block;
margin: 8px auto;

}

.alignright {text-align:right;}
.question {
background:#ffe7ff;
margin:3px 0 0 0 ;
}

.question h2,.question2 h2,.question3 h2,.question4 h2{ 
font-family: verdana,sans-serif;
font-size:11px;
font-weight:bold;
border-bottom:3px solid #fff;
margin:0;
}

.question p,.question2 p,.question3 p,.question4 p {padding:5px;
margin:0;
border-bottom:3px solid #fff;}
.purpbg,.question h2 {background:#660066;color:#fff !important;padding:5px;}

 .question2 {
 background:#ffffc8;
 }
 .question2 h2 {
 padding:5px;
 background: #ffff00;
 color:#000 !important;
 margin:0;
 
 }
.cen {text-align:center;}

.qb table td {
font-size:11px;
padding:3px;
}

.holidaystable { margin-bottom:10px;}

.holidaystable tr th {
background:#ff0;
color:#000;
font-weight:bold;
padding:4px;
text-align:center;
font-size:11px;
}
.holidaystable tr td {
font-size:11px;
padding:3px;
background: #ffffc8;
}

.racingtable tr th {
background:#d8049b;
color:#fff;
font-weight:bold;
padding:4px;
text-align:left;

font-size:11px;

}
.racingtable tr td {
font-size:11px;
padding:3px;
background: #fedaf4;

}

.chartertable
{
width:100%
}

.chartertable tr th {
background:#00B3D8;
color:#fff;
font-weight:bold;
padding:4px;
text-align:left;
font-size:11px;

}
.chartertable tr td {
font-size:11px;
padding:3px;
background: #BCE3F1;

}

.trainingtable
{
width:100%
}

.trainingtable tr th {
background:#B6D555;
color:#fff;
font-weight:bold;
padding:4px;
text-align:center;
font-size:11px;

}

.trainingtable tr {
text-align:center;
}

.trainingtable tr td {
font-size:11px;
padding:3px;
background: #E6F1CA;

}


.question3 {background:#fedaf4;}
.question4 {
background: #fedaf4; }
.question4 h2,.question4 .fakeh2 {
background:#d8049b;
color:#fff !important;
font-weight:bold;
padding:4px;
text-align:left; 

}
.question3 .fakeh2, .question3 h2 {
color:#fff !important;
padding:5px;
background:#d8049b
}
.pdf {
background:url(images/pdf.gif) no-repeat;
height:15px;
padding-top:3px;
font-size:11px;
padding-left:22px;
display:block;
margin-left:110px;
margin-bottom:20px;
}
.pdf2 {
background:url(images/pdf.gif) no-repeat;
height:15px;
padding-top:3px;
font-size:11px;
padding-left:22px;
display:block;  
}

.nobold { font-weight:normal !important;}
.bold {font-weight:bold !important;}
.noshow {display:none;} /* used for when something is only needed in not style sheet type views */
.chk1 {
width:100px;
display:inline;
}

.midcheck {
border-left:1px solid #A5ACB2;
border-right:1px solid #A5ACB2; 
}

.topnav ul li a.news { color: #f00; }
/* start -- comment this out for normal lists */ 
.contentcol ul {
padding-left:5px; /* note by Matt - was 10  ash : added margin-left to sort it out*/
margin-left:0;
}

.contentcol ul li { 
list-style:none;
background:url(images/CharterBullet.gif) no-repeat left top;
padding-left: 18px; 
padding-bottom:4px;
} 

/* orig
.contentcol ul li { 
list-style:none;
background:url(images/bul.gif) no-repeat left top;
padding-left:18px;
padding-bottom:4px;
}
*/

/* end */


.shad2 {
background:url(images/shadow1.gif) no-repeat;
padding-top:10px;
width: 770px;
margin:10px auto;
}


.shad1 {
background:url(images/shad1.gif);

}

.shad3 {
background:url(images/shad3.gif);
height:10px; 
font-size:1px;
margin-top:-2px;
}


table { width: 100%; } 

.alce { text-align:center;}

.newspost{ 
border:1px solid #000;
margin: 10px 5px; 
}

.newspost h2 {
color: #000;
font-size:12px;
margin:0;
padding:2px 10px;
font-weight:bold;
border-bottom:1px dashed black;
}

.postdate {
text-align:right;
font-size:10px;
padding: 3px;
}

.postbody{
padding: 0 10px 10px 10px;

}