/* GENERIC */

body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:1em;}
h1 {color:#4e59bf; font-weight:normal; font-size:2.1em;}
h2 {color:#4e59bf; font-weight:normal; font-size:1.2em;}
table img {border:0;}

/* STRUCTURE */

#wrapper {float:left; margin:0; padding:0; width:779px;}
#container {float:left; margin:0; padding:0; width:100%;}
#header {float:left; margin:0; padding:0; width:100%; font-size:0.7em;}
#contents {float:left; margin:1px 0 0 0; padding:0; width:100%; background:url(images/left-column.gif) 0 0 repeat-y;}
#footer {float:left; margin:0; padding:0; width:779px; clear:both;}

/* MAIN NAV */

#main-nav ul {float:right; margin:3px 18px 3px 0; padding:0; list-style:none;}
#main-nav li {float:left; margin:0 5px 0 0; padding:0 5px 0 0; border-right:1px solid #c9d2ef;}
#main-nav li.main-nav-middle {border:0;}
#main-nav li.main-nav-end {border:0; margin:0 0 0 0; padding:0 0 0 68px;}
#main-nav li a {color:#fff; text-decoration:none;}
#main-nav li a:hover {color:#c9d2ef;}
#main-nav li.main-nav-end a {color:#222d7f; text-decoration:none;}

.default-out {float:left; margin:2px 0 0 220px; padding:0;}
a.main-nav-end {color:#222d7f; text-decoration:none;}
a:hover.main-nav-end {color:#222d7f;}
.default-submenu-out {float:left; position:relative; margin:3px 0 0 212px; padding:0;}
.default-submenu-td {margin:0; padding:0;}

/* SUB NAV */

#menunav {float:left; margin:-6px 0 0 -5px; padding:0; width:133px;}
#menunav ul {float:left; margin:0; padding:0; width:100%;}
#menunav li {margin:0; padding:0; width:100%;}

#menunav ul li ul {float:left; margin:0; padding:0 0 0 0; width:100%;}

a:link.MenuItem, a:active.MenuItem, a:visited.MenuItem {border-bottom:1px solid #222d7f; display:block; width:100%; margin:0; padding:5px 0 5px 5px; background:#BAC5FF;}
a:link.SubMenuItem, a:active.SubMenuItem, a:visited.SubMenuItem  {border-bottom:1px solid #222d7f; display:block; width:100%; margin:0; padding:5px 0 5px 5px; background:#CFD7FF;}
a:link.SubSubMenuItem, a:active.SubSubMenuItem, a:visited.SubSubMenuItem {border-bottom:1px solid #222d7f; display:block; width:113px; margin:0 0 0 -20px; padding:5px 5px 5px 40px; background:#DFE5FF;}
a:hover.MenuItem {background:#A6ACEB; color:#222d7f;}
a:hover.SubMenuItem {background:#A6ACEB; color:#222d7f;}
a:hover.SubSubMenuItem {background:#A6ACEB; color:#222d7f;}
ul li a:hover.selected_leaf {background:#A6ACEB; color:#222d7f;}
ul li ul li a:hover.selected_leaf {background:#A6ACEB; color:#222d7f;}
a:hover.selected_leaf {background:#A6ACEB; color:#222d7f;}
ul li a:hover.selected_parent {background:#A6ACEB; color:#222d7f;}

a:link.selected_leaf, a:active.selected_leaf, a:visited.selected_leaf {border-bottom:1px solid #222d7f; display:block; width:100%; margin:0; padding:5px 0 5px 5px; background:#BAC5FF;}

a:link.selected_parent, a:active.selected_parent, a:visited.selected_parent  {border-bottom:1px solid #222d7f; display:block; width:100%; margin:0; padding:5px 0 5px 5px; background:#CFD7FF;}

ul li ul li a:link.selected_leaf, ul li ul li a:active.selected_leaf, ul li ul li a:visited.selected_leaf {border-bottom:1px solid #222d7f; display:block; width:113px; margin:0 0 0 -20px; padding:5px 5px 5px 40px; background:#BAC5FF;}

/* HEADER STRUCTURE */

#header-top {float:left; margin:0; padding:0; width:100%; min-height:42px; background:url(images/header.jpg) 0 0 no-repeat;}
#main-nav {float:left; margin:0; padding:0; width:100%; background:url(images/main-nav.gif) 100% 0 no-repeat #606bc4; position:relative; height: 19px;}
#header-image {float:left; margin:1px 0 0 0; padding:0; width:100%;}
#header-bottom {float:left; margin:1px 0; padding:0; width:100%; background:url(images/header-bottom.gif) 0 0 no-repeat #bac5ff;}

/* HEADER TOP */

#header-top ul {float:right; margin:26px 20px 0 0; padding:0; list-style:none; background:#3e49a2;}
#header-top li {float:left; margin:0 5px 0 0; padding:0 5px 0 0; border-right:1px solid #c9d2ef;}
#header-top li.header-top-end {border:0;}
#header-top li a {color:#c9d2ef; text-decoration:none;}
#header-top li a:hover {color:#a6aceb;}

/* HEADER BOTTOM */

#header-bottom ul {float:left; margin:3px 0 0 5px; padding:0 0 3px 0; list-style:none; background:#606bc4; color:#fff;}
#header-bottom li {float:left; margin:0; padding:0;}
#header-bottom li a {color:#c9d2ef; text-decoration:none;}
#header-bottom li a:hover {color:#a6aceb;}

/* BREADCRUMB */

#breadcrumb ul	{
	margin: 0;
	padding: 0;
	color: #999;
	}
	
#breadcrumb li	{
	list-style: none;
	display: inline;
	padding: 0 0.2em 0 0;
	}
	
#breadcrumb a	{
	padding-right: 15px;
	background: url(images/arrow_breadcrumb.gif) 96% 60% no-repeat;
	}

/* MARGUEE */

#marquee {float:left; margin:0 0 0 85px; padding:2px 0 0 0; width:390px;}

/* LEFT COLUMN */

#left-column {float:left; margin:0; padding:0; width:138px; font-size:0.6em;}

/* LEFT COLUMN - SEARCH */

#search {float:left; margin:0; padding:0; width:100%; height:37px; background:#a6aceb;}
#search ul {float:left; margin:7px 0 7px 5px; padding:0; list-style:none;}
#search li {float:left; margin:0 5px 0 0; padding:0;}
#search li input {border:1px solid #a6aceb;}
#search li.search-submit input {float:left; margin:0 0 0 0; padding:0 0 0 0; border:none;}

/* LEFT COLUMN - TITLE */

#left-column-title {float:left; margin:1px 0 0 0; padding:3px 0 3px 0; width:100%; background:#bdc3ff; color:#222d7f; font-size:1.1em; text-align:center;}

/* LEFT COLUMN - CONTENTS */

#left-column-contents {float:left; margin:20px 0 0 5px; padding:0 0 20px 0; width:125px;}

/* LEFT COLUMN - NAV */

#left-column-nav {float:left; margin:0; padding:0; width:100%; font-size:1.1em;}
#left-column-nav ul {float:left; margin:0; padding:0; width:100%; list-style:none;}
#left-column-nav li {float:left; margin:0; padding:0; width:100%;}
#left-column-nav li a {display:block; text-decoration:none; color:#4e59b1; background:#bac5ff; margin:0; padding:2px 0 2px 5px; border-bottom:1px solid #9999ff;}
#left-column-nav li a:hover {color:#000099; background:#a6aceb;}

/* MAIN CONTENT */

#main-content {float:left; margin:12px 5px 0 5px; padding:0 0 20px 0; width:468px; font-size:0.7em;}
#main-content-ie6 {float:left; margin:12px 0 0 5px; padding:0 0 20px 0; width:635px; font-size:0.7em;}
#main-content a {color:#222d7f; text-decoration:none;}
#main-content a:hover {color:#a6aceb;}
#main-content img {border:0;}

/* MAIN CONTENT - SUBPAGE */

#main-content-subpage {float:left; margin:12px 0 0 5px; padding:0 0 20px 0; width:606px; font-size:0.7em;}
#main-content-subpage a {color:#222d7f; text-decoration:none;}
#main-content-subpage a:hover {color:#a6aceb;}


/* MAIN CONTENT - TOP */

#main-content-top {float:left; margin:0; padding:0; width:468px; min-height:520px;}
#main-content-top-subpage {float:left; margin:0; padding:0; width:100%; min-height:520px;}

/* MAIN CONTENT - BOTTOM */

#main-content-bottom {float:left; margin:0; padding:0; width:100%;}

/* MAIN CONTENT - BOX */

.main-content-box {float:left; margin:20px 0 0 0; padding:0 0 2px 0; width:100%; background:#ced2ea;}
.main-content-box-top {float:left; margin:0; padding:3px 0 3px 0; width:100%;}
.main-content-box-title {float:left; margin:0; padding:0 0 0 5px;}
.main-content-box-more {float:right; margin:0; padding:0 5px 0 0;}
.main-content-box-bottom {float:left; margin:0 0 0 2px; padding:0; width:464px; background:#fff;}
.main-content-box-extended {float:left; margin:0; padding:0 0 0 0; width:100%;}
.main-content-box-extended img {border:0; margin:0; padding:0;}
.main-content-box-extended ul {float:right; margin:0; padding:0 7px 0 0; list-style:none;}
.main-content-box-extended li {float:left; margin:0; padding:5px 0 0 10px; display:inline;}

/* SUBPAGE - MAIN CONTENT - BOX */

.subpage-main-content-box {float:left; margin:20px 0 0 0; padding:0 0 2px 0; width:100%; background:#ced2ea;}
.subpage-main-content-box-top {float:left; margin:0; padding:3px 0 3px 0; width:100%;}
.subpage-main-content-box-title {float:left; margin:0; padding:0 0 0 5px;}
.subpage-main-content-box-more {float:right; margin:0; padding:0 5px 0 0;}
.subpage-main-content-box-bottom {float:left; margin:0 0 0 2px; padding:0; width:602px; background:#fff;}
.subpage-main-content-box-extended {float:left; margin:0; padding:0 0 0 0; width:100%;}
.subpage-main-content-box-extended img {border:0; margin:0; padding:0;}
.subpage-main-content-box-extended ul {float:right; margin:0; padding:0 7px 0 0; list-style:none;}
.subpage-main-content-box-extended li {float:left; margin:0; padding:5px 0 0 10px;}



/* MAIN CONTENT - IMAGE COLUMN */

.main-content-image-column {float:left; margin:0 0 0 20px; padding:0; width:260px;}

/* MAIN CONTENT - IMAGE BOX */

.main-content-image-box {float:left; margin:20px 0 0 0; padding:0; width:100%; text-align:center;}
.main-content-image-box img {border:0;}

/* RIGHT COLUMN */

#right-column {float:right; margin:0; padding:0; width:163px; font-size:0.7em;}

/* RIGHT COLUMN - BOX */

.right-column-box {float:left; margin:12px 0 0 0; padding:0; width:100%;}
.right-column-box-title {float:left; margin:0; padding:3px 0 3px 0; width:100%; background:url(images/right-column-box-arrow.gif) 98% 50% no-repeat #bac5ff;}
.right-column-box-title a {color:#222d7f; text-decoration:none; padding:0 0 0 3px; display:block; width:160px;}
.right-column-box-image {float:left; margin:0; padding:0; width:100%;}
.right-column-box-image img {border:0;}

/* RIGHT COLUMN - IMAGE BOX */

.right-column-image-box {float:left; margin:12px 0 0 25px; padding:0; width:100%;}
.right-column-image-box img {border:0;}

/* RIGHT COLUMN - POPUP BOX */

.right-column-popup-box {float:left; margin:12px 0 0 25px; padding:0 0 0 25px; width:100%;}
.right-column-popup-box p {padding:0; margin:0;}

/* FOOTER */

#footer {float:left; margin:0 0 0 0; padding:3px 0 3px 0; width:100%; background:url(images/footer.gif) 0 0 no-repeat #a6aceb; font-size:0.7em; color:#222d7f; text-align:right;}
#footer p {margin:0 18px 0 0;}

/* PRINT HEADER */

#print-header {display:none;}

/* IMAGE GALLERY */

.image-gallery {float:left; margin:0; padding:0; width:100%;}
.image-gallery-title {float:left; margin:0; padding:10px 0 10px 3px; width:100%;}
.image-gallery-row {float:left; margin:0; padding:0; width:100%;}
.image-gallery-column {float:left; margin:0; padding:0 0 1px 3px;}

/* EVENTS FORM */

#events-form {float:left; margin:0; padding:0; width:100%;}
#events-form ul {margin:1em 0 0 0; padding:0; width:100%; background:#E6EAFF;}
:root #events-form ul {height:270px;}
#events-form li {margin:0.5em 0; padding:0 0 0.5em 0; list-style:none; width:100%; border-bottom:1px solid #ffffff;}
:root #events-form li {float:left;}
#events-form label {width:16em; text-align:right; margin-right:0.5em; float:left; display:block; padding-left:2em;}
form #events-form ul li input {float:left; border:1px solid #222d7f; color:#222d7f; font-family:Verdana, Arial, Helvetica, sans-serif;}
form #events-form ul li input:hover {border:1px solid #4e59bf; color:#4e59bf;}
form #events-form ul li textarea {float:left; border:1px solid #222d7f; color:#222d7f; font-family:Verdana, Arial, Helvetica, sans-serif;}
form #events-form ul li textarea:hover {border:1px solid #4e59bf; color:#4e59bf;}
#events-form li.event-form-submit input {float:left; margin:0; padding:0;}
#events-form li.event-form-submit {float:left; margin:0 0 0 9.2em; padding:0; width:115px; border:0;}
:root #events-form li.event-form-submit {float:left; margin:0 0 0 18.5em; padding:0; width:56px; }
#events-form li.event-form-reset input {float:left; margin:0; padding:0;}
#events-form li.event-form-reset {float:left; margin:0 0 0 2.7em; padding:0; width:115px; border:0;}
#events-form span.alert {float:left; width:20em; color:#4e59bf; margin:0; padding:0 0 0 1em; display:block;}

/* CONTACT US FORM */

#contact-us-form {float:left; margin:0; padding:0; width:100%;}
#contact-us-form ul {margin:1em 0 0 0; padding:0; width:100%; background:#E6EAFF;}
:root #contact-us-form ul {height:315px;}
#contact-us-form li {margin:0.5em 0; padding:0 0 0.5em 0; list-style:none; width:100%; border-bottom:1px solid #ffffff;}
:root #contact-us-form li {float:left;}
#contact-us-form label {width:16em; text-align:right; margin-right:0.5em; float:left; display:block; padding-left:2em;}
form #contact-us-form ul li input {float:left; border:1px solid #222d7f; color:#222d7f; font-family:Verdana, Arial, Helvetica, sans-serif;}
form #contact-us-form ul li input:hover {border:1px solid #4e59bf; color:#4e59bf;}
form #contact-us-form ul li textarea {float:left; border:1px solid #222d7f; color:#222d7f; font-family:Verdana, Arial, Helvetica, sans-serif;}
form #contact-us-form ul li textarea:hover {border:1px solid #4e59bf; color:#4e59bf;}
#contact-us-form li.contact-form-submit input {float:left; margin:0; padding:0;}
#contact-us-form li.contact-form-submit {float:left; margin:0 0 0 9.2em; padding:0; width:140px; border:0;}
:root #contact-us-form li.contact-form-submit {float:left; margin:0 0 15px 18.5em; padding:0; width:56px;}
#contact-us-form li.contact-form-reset input {float:left; margin:0; padding:0;}
#contact-us-form li.contact-form-reset {float:left; margin:0 0 0 1.5em; padding:0; width:140px; border:0;}
#contact-us-form li.contact-us-tick-box input {border:0; margin:0 0 10px 0; padding:0;}
#contact-us-form li.contact-us-tick-box input:hover {border:0;}
#contact-us-form span.alert {float:left; width:20em; color:#4e59bf; margin:0; padding:0 0 0 1em; display:block;}
#contact-us-form li.contact-us-tick-box label {height:30px;}

/* TITLE AND TEXT IMAGE BOX */

.text-and-title {float:left; margin:6px 0; padding:0; width:100%;}
.title-and-text-popup-image {float:right; margin:0 0 0 20px; padding:0; border:0; width:9em;}

/* DATED ITEMS */

.mainnews {float:left; margin:2px 0 0 2px; padding:0; width:586px; background:#f0f2ff;}
.mainnews ul {list-style:none; margin:0; padding:0; float: left; width:100%;}
.mainnews li { float: left; width:100%; margin: 0; padding: 0 0 0 0.25em; }
.subject a {color:#4049A6;}
.homenews {float:left; margin:0; padding:0px 0 0px 3px; width:100%;}
.homenews ul {list-style:none; margin:0; padding:0;}
.mainnews li a { width: 546px; background: url(images/pdf-icon.gif) 99% 0 no-repeat; margin: 0;padding: 0.5em 40px 0.5em 0; display: block;  }

.datednews {float:left; margin:2px 0 0 2px; padding:0; width:586px; background:#f0f2ff;}
.datednews ul {list-style:none; margin:0; padding:0; float: left; width:100%;}
.datednews li { float: left; width:100%; margin: 0; padding: 0 0 0 0.25em; }
.datednews li a { width: 546px; margin: 0;padding: 0.5em 40px 0.5em 0; display: block;  }

/* TEXT BOX */

.text-box {float:left; margin:0; padding:0; clear:left;}



/* STYLES BELOW TAKEN FROM SOTON */


a {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000099;
}


a:hover{
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #A6ACEB;
	font-decoration: none;
}





a.menustyle, a.menustyle:link, a.menustyle:active, a.menustyle:visited {color:#4E59B1; text-decoration:none; padding:3px 3px 4px 3px; margin:0; text-align:left; display:block; border-bottom:1px solid #a6aceb;}

a.menustyle:hover{color:#000099;}



a.menustyle2:link, a.menustyle2:active, a.menustyle2:visited,{
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color : #4E59B1;
	height: 17px;
	font-decoration: none;
	width:163px;
	padding-left:7px;
	border-collapse: collapse;
																		  
}
a.menustyle2:hover{
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000099;
	height: 17px;
	background-color : #A6ACEB;
	vertical-align: middle;
	font-decoration: none;
	width:163px;
	padding-left:7px;
	BORDER-top: 0px solid;
	border-collapse: collapse;
}

a.dropmenustyle:link, a.dropmenustyle:active, a.dropmenustyle:visited,{
	width:113px;
	line-height:19px;
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	color: #797979;
	font-decoration: none;
	
}
a.dropmenustyle:hover{
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-decoration: none;
}

.default-td {
	BORDER-RIGHT: 0px solid;
    	BORDER-LEFT: 0px solid;
	BORDER-top: 0px solid;
    	BORDER-bottom: 0px solid;
	border-collapse: collapse;
	text-align:left;
	vertical-align: middle;
	color: #C9D2EF;
}

.default-submenu-td {
	padding-bottom:3px;
	border-collapse: collapse;
	text-align: left;
	vertical-align: middle;
}

a.menup1 {
	padding:0 0 0 2px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
a.yachting{
	padding:0px;
	color: #4E59B1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
a.yachting:hover{
	padding:0px;
	color: #000099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
a.commercial{
	padding:0px;
	text-align: center;
	color: #222D7F;
	width: 120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;

}
a.commercial:hover{
	padding:0px;
	text-align: center;
	width: 120px;
	color: #000099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.tide-table-padding {float:left; margin:20px 0;}

/* REGISTER FORM */

#register-form {float:left; margin:0; padding:0; width:100%;}
#register-form ul {margin:0; padding:0; width:100%;}
#register-form li {margin:0.5em 0; padding:0; list-style:none; width:100%;}
:root #register-form li {float:left;}
#register-form label {width:12em; text-align:right; margin-right:0.5em; float:left; display:block;}
form #register-form ul li input {float:left; border:1px solid #222d7f; color:#222d7f; font-family:Verdana, Arial, Helvetica, sans-serif;}
form #register-form ul li input:hover {border:1px solid #4e59bf; color:#4e59bf;}
form #register-form ul li textarea {float:left; border:1px solid #222d7f; color:#222d7f; font-family:Verdana, Arial, Helvetica, sans-serif;}
form #register-form ul li textarea:hover {border:1px solid #4e59bf; color:#4e59bf;}
#register-form li.register-form-submit input {float:left; margin:0; padding:0;}
#register-form li.register-form-submit {float:left; margin:0 0 0 6.25em; padding:0; width:140px;}
:root #register-form li.register-form-submit {float:left; margin:0 0 0 12.5em; padding:0; width:56px;}
#register-form li.register-form-reset input {float:left; margin:0; padding:0;}
#register-form li.register-form-reset {float:left; margin:0 0 0 0.4em; padding:0; width:140px;}
#register-form span.alert {float:left; width:20em; color:#4e59bf; margin:0; padding:0 0 0 1em; display:block;}
#register-form li.additional-info input {border:0; margin:0 0 0 12.1em;}
:root #register-form li.additional-info input {border:0; margin:0pt 10px 5px 10.5em;}
#register-form li.additional-info input:hover {border:0;}
#register-form li.additional-info label {width:30em; text-align:left; line-height:18px;}
:root #register-form li.additional-info label {line-height:10px;}
:root #register-form p {clear:both; padding:15px 0 0 0;}
.brs {display:none}