body { /*The body of each page*/
	font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:76%;
	padding: 0px;
	margin:0px;
	background: url("images/background.gif") top center fixed repeat-y;
}

body.image { margin:0px; }

.main {
	height:inherit;
	width:760px;
	padding:0px;
	margin:6px auto 0px auto;
}

form, .pageNav table {
	padding-bottom:0px;
	margin-bottom:0px;
}

.homeImage {
	border:1px solid #184B88;
	margin-bottom:10px;
}

.border {
	padding:2px 10px;
	margin:-1px 0px 5px;
}

#banner_outer{
	position:relative;
}

#banner_logo_div{
	position:absolute;
	background-image:url(/CSS/images/banners_new/LogoBg.png);
	background-repeat:no-repeat;
	top:14px;
	left:-1px;
	width:230px;
	height:110px;
	text-align:center;
}

#banner_logo{
	position:absolute;
	top:30px;
	left:20px;
}

#banner_text{
	position:absolute;
	top:85px;
	left:160px;
	width:400px;
	height:25px;
	text-align:center;
	color:white;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.4em;
}

.homeLinks {
	text-align:center;
	border-top:1px solid #ffffff;
	margin:0px;
	padding:3px 0px;
	display:block;
	width:100%;
	background-color:#5091C7;
}

.watermark {
	background-image:url("images/watermark.jpg");
	background-position:center;
	background-repeat:no-repeat;
}

.watermark img { margin:5px; }

.newsTicker {
	padding:10px;
	margin:0px;
	margin-right:10px;
	margin-bottom:-5px;
}

.titleBar { /*The title bar contains the logo and login section*/
	font-size: 1.2em;
	color: #000000;
	text-align:left;
	vertical-align:bottom;
	margin:0px;
	padding:2px 0px;
	width:740px;
}

.titleBar a{
	color:white;
}

.EmailPrint, .EmailPrint table, .EmailPrint table a {
	font-size:1em;
	font-size:inherit;
	letter-spacing:-1px;
	margin-top:-1px;
	margin-bottom:3px;
	padding:0px;
	color: #999999;
}

.picture { /*used for the guest photos section, this applies to the table cell*/
	background-color:#dedede;
	padding:2px;
	margin:5px;
	border:1px solid #cccccc;
}

.picture img, img.picture {
	border:1px solid #cccccc;
	padding:0px;
}

.ContactDiv {
	border-bottom:1px solid #cdcdcd;
	margin-bottom:5px;
	padding:5px;
}

.Contents { /*The contents of each page*/
	font-size: 1em;
	font-size: 100%; /* IE hack */
	color: #000000;
	text-align:justify;
	padding:0px 0px 5px 0px;
	margin:0px auto;
	width:740px;
}

.Contents table { /*font-size: inherit;*/
	font-size: 90%; /* IE hack */
	line-height:1.5;
}

.subNav { /*The main links at the top of each page*/
	font-size:0.6em;
	padding:0px;
	background-image: url("images/navbackground.gif");
	background-position:bottom repeat-x;
	margin-bottom:0px;
	height:35px;
}

.Footer .subNav { /*The main links at the top of each page*/
	font-size:0.6em;
	padding:0px;
	margin-bottom:0px;
	height:35px;
}

.subNav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-weight: normal;
	text-align:left; /* It may look daft puttin 100% then 28px but trust me to get this workin in ALL browsers it's needed! */
	height:100%;
	height:28px;
	line-height:100%;
	line-height:28px;
	text-transform:uppercase;
	letter-spacing:-1px;
}

.subNav li {
	padding:0px;
	margin:0px;
	margin-right:-3px;
	display:inline;
	height:28px;
}

.subNav li a {
	text-decoration: none;
	font-weight:bold;
	padding:7px 7px 9px;
	margin:0px;
	color:#184B88;
	line-height:100%;
	line-height:28px;
	display:inline;
	border-right:1px solid #999999;
}

.Footer .subNav li a {
	text-decoration: none;
	font-weight:bold;
	padding:7px 7px 9px;
	margin:0px;
	line-height:100%;
	line-height:28px;
	display:inline;
	border-right:1px solid #999999;
}

.subNav li a:hover { /* Text colour and background for the navigation bar along the top when a link is rolled over*/
	background-image: url("images/navbackgroundselected.gif");
	background-position:bottom;
	border-right:1px solid #999999;
}

.Footer .subNav li a:hover { /* Text colour and background for the navigation bar along the top when a link is rolled over*/ border-right:1px solid #999999; }

.subNav li.current a {
	background-color:#ffffff;
	text-transform:uppercase;
	background-image: url("images/navbackgroundselected.gif");
	background-position:bottom;
}

.Footer .subNav li.current a { text-transform:uppercase; }

.subNav li.Book, .subNav li.curBook {
	float:right;
	margin-right:1px;
	padding:0px;
	display:inline;
	height:28px;
}

.subNav li.Book a {
	color:#FF0000;
	font-weight:bold;
	margin:0px;
	margin-top:8px;
	margin-top:inherit;
	border-right:1px none #999999;
	border-left:1px solid #999999;
}

.subNav li.Book a img { /* IE HACK */
	margin-top:6px;
	margin-top:inherit;
}

.subNav li.curBook a {
	color:#FF0000;
	font-weight:bold;
	margin:0px;
	margin-top:8px;
	margin-top:inherit;
	border-right:1px none #999999;
	border-left:1px solid #999999;
	background-color:#ffffff;
	background-image: url("images/navbackgroundselected.gif");
	background-position:top;
}

.header {
	letter-spacing:-1px;
	font-size:90%;
}

.header a, .header a:visited{
	color:white;
}

.Footer { /*The main links at the top of each page*/
	padding:0px 5px;
	margin-bottom:5px;
	letter-spacing:-1px;
	font-size:90%;
	color:#666666;
	background-color:#e7e7e7;
	border-top:1px solid #b6b6b6;
}

.Footer .current { font-weight:bold; }

.Footer ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:left; /* It may look daft puttin 100% then 20px but trust me to get this workin in ALL browsers it's needed! */
	height:100%;
	height:20px;
	line-height:100%;
	line-height:20px;
}

.Footer li {
	padding: 0px;
	margin:0px;
	margin-right:5px;
	height:25px;
	display:inline;
}

.Footer li a {
	text-decoration: none;
	padding:3px 2.5px;
	margin:0px;
	color:#666666;
	line-height:100%;
	line-height:20px;
}

.Footer li a:hover { text-decoration: underline; }

.sideBar {
	padding:10px 10px 0px 0px;
	margin:0px;
}

.sideBar a, a.arrow {
	background-image:url("images/arrow.gif");
	background-position:left;
	background-repeat:no-repeat;
	padding:5px 0px 5px 20px;
	margin:5px 0px;
}

.sideBar a.logos {
	background:none;
	padding:5px 0px;
}

.logos {
	background:none;
	padding:5px;
}

a.pdf {
	background-image:url("images/pdficon.gif");
	background-position:left;
	background-repeat:no-repeat;
	padding:15px 0px 0px 40px;
	height:30px;
	display:block;
}

.siteNav { margin:0px; }

.siteNav a {
	text-transform:uppercase;
	text-decoration:none;
	font-size: 100%;
	font-weight:bold;
	background-position:3px left;
	background-position:3px;
	background-repeat:no-repeat;
	padding:3px 0px;
	margin:0px;
	margin-right:10px;
	padding-left: 15px;
	letter-spacing:-1px;
	display:block;
}

.siteNav a:hover {
	background-image:url("images/rolloverarrow.gif");
	background-position:10px;
	padding-left:25px;
	text-decoration:none;
}

.siteNav a.current { background-image:url("images/rolloverarrow.gif"); }

.siteNav ul {
	list-style-type:none;
	margin:0px 0px 0px 3px;
	padding:2px 0px;
	text-align:left;
	line-height:1.4em;
}

.siteNav li {
	padding:0px;
	margin:0px;
	border:1px solid #ffffff; /* IE Hack */
}

a {
	margin:0px;
	color:#184B88;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

h1 {
	width:100%;
	border-bottom:2px solid #cc0000;
	color:#cc0000;
	font-size:200%;
}

h2 {
	font-size:1.7em;
	letter-spacing:-1px;
	color:#184B88;
}

.watermark h3 {
	background:none;
	padding:0px;
	font-size:1.2em;
	font-weight:bold;
	margin:10px 0px;
}

h3 {
	width:inherit; /*height:1.7em;*/
	color:#ffffff;
	font-size:0.9em;
	font-weight:bold;
	padding:2px 5px;
	margin:0px;
	background-position:right top;
	background-repeat:no-repeat;
}

.watermark h3.banner {
	width:inherit; /*height:1.7em;*/
	color:#ffffff;
	font-size:100%;
	font-weight:bold;
	padding:2px 5px;
	margin:0px;
	background-position:right top;
	background-repeat:no-repeat;
}

.bookingForm h3.banner { width:250px; }

.watermark h3.banner a { color:#ffffff; }

.warning { /*used in the register page etc. when a error has occurred*/
	color:#AD0101;
	font-weight:bold;
}

.tellmemore {
	color:#AD0101;
	font-weight:bold;
	padding:5px;
	margin:3px;
	border:1px solid grey;
	display:block;
	width:inherit;
	background-color:#FFFFCC;
}

img { border:0px; }

.comment {
	padding:5px;
	border:1px solid #cccccc;
	border-top:1px none;
}


.quote { line-height:inherit; }

.quote span {
	color:#666666;
	font-weight:bold;
	line-height:0.1em;
	font-size:1.7em;
	font-family:serif;
}

hr {
	border:none;
	border-bottom:1px dashed #999999;
}

ul.albumlist {
	font-size:1.2em;
	list-style:none;
}

ul.albums {
	width:50%;
	marigin:0px;
	font-size:1em;
}

ul.albums li {
	border-bottom:1px dashed #999999;
	padding:3px 0px;
}

span.true { color:#009900; }

span.false { color:#990000; }

div.answer {
	visibility:visible;
	display:block;
}

ul.faq li {
	padding-bottom:5px;
	padding-right:5px;
}

ul.faq {
	list-style:none;
	margin-left:10px;
	padding:0px;
}

.answer {
	background-image:url(images/arrow.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:20px;
}

.prices table tr td { border:1px solid black; }

td.solid, table.solid { background-color:#CCCCCC; }

.bookingForm input {
	width:95%;
	width:inherit;
	margin:auto;
}

.passinfo input { font-size:0.9em; }

.bookingForm table { margin:auto; }

.bookingForm {
	padding-top:0px;
	min-height:400px;
	height:400px;
}

div[class] .bookingForm { height:auto; }

.leftborder { border-left:1px solid #999999; }

.small { font-size:95%; }

.paststep { }

.currentstep {
	font-weight:bold;
	color:5d78a4;
}
 .futurestep, {
 color:#CCCCCC;
}

.toprow .futurestep a, .toprow .paststep a { color:#FFFFFF; }

.toprow {
	font-size:24px;
	height:50px;
}

.bookingOption {
	border-right:2px solid #666666;
	border-bottom:2px solid #666666;
	border-left:2px solid #cccccc;
	border-top:2px solid #cccccc;
	background-color:#ffffff;
}

.news {
	background-image:url('images/newsBacking.jpg');
	background-position:center;
	background-repeat:no-repeat;
	padding-top:40px;
	height:210px;
}

#ticker { /*height:145px;
	width:200px;*/
	overflow:hidden;
	vertical-align:middle;
	padding:0px;
	margin:0px;
	width:210px;
	text-align:center;
}

.over { border:1px solid #cdcdcd; }

.out { border:none; }

.Back {
	background-image:url(images/BackingNarrow.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:20px;
	padding-top:10px;
	margin:0px;
	margin-top:15px;
	vertical-align:top;
}

.BackNarrow {
	background-image:url(images/BackingNarrow.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:20px;
	padding-top:10px;
	margin:0px;
	margin-top:15px;
	vertical-align:top;
}

.BackNarrow img, .BackNarrow a img { padding:10px; }

.sailingbox a {
	background-color:#184B88;
	color:#FFFFFF;
	padding:1px;
	text-decoration:underline;
}

.walkingbox a {
	background-color:#5D9553;
	color:#FFFFFF;
	padding:1px;
	text-decoration:underline;
}

.highlight { background-color:#dddddd; }

.footerGlobalCntr {
	float: left;
	width: 733px;
	height: 95px;
	margin:0px;
	padding: 0px 0px 0px 9px;
}

.footerGlobal {
	float: left;
	width: 742px;
	height: 95px;
	margin: 0px;
	padding: 0px;
	background: transparent url(images/bg_footerCntr.gif) repeat-x left top;
}

.footerLogoCntr {
	float: left;
	width: 722px;
	margin: 0px;
	padding: 5px 0px;
}

.footerNavigation {
	margin: 0px;
	padding: 0px;
	float:left;
	text-align: center;
	width: 742px;
}

.footerNavigation li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	display: inline;
	color: #184B88;
	font-size: 0.8em;
}

#learnToSailIntro{
	margin-bottom:10px;
}

.learnToSailLink{
	cursor:pointer;
	font-size:0.8em;
	color:#666;
	background-image:url(images/learnToSailBg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:130px;
	overflow:hidden;
}

.learnToSailLink_inner{
	padding:10px;
	width:300px;
}


h3.quote{
	font-style:italic;
	color:#999;
}



.prices_table table{
	border-collapse:collapse;
	margin:10px 0px;
}

.prices_table td { 
	border:1px solid black;
}

.prices_table{
	width:385px;
	float:right;
}