/* 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;}
#homepage_contents {float:left; margin:1px 0 0 0; padding:0; width:100%; background:url(images/hp_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 160px; 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 161px; padding:0;border-collapse: collapse;}
.default-submenu-td {margin:0; padding:0; border: 0; border-collapse: collapse; text-align: left; vertical-align: middle;}
.default-td { font-size: 11px; border: 0; border-collapse: collapse;	text-align:center; vertical-align: middle; color: #C9D2EF; }

/* SUB NAV */

#menunav {float:left; margin:-10px 0 0 -5px; padding:0; width:163px; }
#menunav ul {float:left; margin:0; padding:0px;  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 {border-bottom:1px solid #9999ff; display:block; width:156px; margin:0; padding:0 0 4px 7px;}
a:visited.selected_leaf {color : #4E59B1; border-bottom:1px solid #9999ff; display:block; width:156px; margin:0; padding:0 0 4px 7px;}

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; height: 43px; 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{ padding:0px; color: #C9D2EF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;}

/* HEADER TOP */

#header-top ul {float:right; margin:24px 12px 2px 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;color:#c9d2ef; }
#header-bottom li a {color:#c9d2ef; text-decoration:none;}
#header-bottom li a:hover {color:#a6aceb;}

/* MARQUEE */

#marquee {float:left; margin:0 0 0 110px; padding:2px 0 0 0; width:370px; }

/* LEFT COLUMN */

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

/* LEFT COLUMN - SEARCH */

#search {float:left; margin:0; padding:0; width:163px; 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:150px;}

/* 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:400px;}
#main-content-top-subpage {float:left; margin:0; padding:0; width:100%; }
#main-content-top-subpage img {text-align: center; display:block; margin-bottom: 15px;}

/* removed this #main-content-top-subpage {min-height:400px;} */

/* MAIN CONTENT - BOTTOM */

#main-content-bottom {float:left; margin:0; padding:0; width:100%;}
html>body #main-content-bottom-subpage {min-height:400px;}

/* 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 - COLUMNS */

.main-content-left-column {float:left; margin:0 0 0 20px; padding:0; width:420px;}
.main-content-right-column {float:left; margin:0 0 0 10px; padding:0; width:120px;}
.main-content-right-column img {display:block; margin-bottom: 15px;}

/* 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:15px 0 0 0; padding:0; width:130px; font-size:0.7em; text-align:left;}

/* 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;}

/* FORM */

input.searchfield {
	width: 11em;
	height: 1.8em;	
}

html>body input.searchfield {
	font: 1.2em Arial, Helvetica, Verdana, sans-serif;
	width: 10em;
	height: 1.7em;	
}

/* 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;}
#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 8.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;}
#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 12.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;  }

/* 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; margin:0; text-align:left; display:block; width: 100%; border-bottom:1px solid #a6aceb;}

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



a.menustyle2, a.menustyle2:link, a.menustyle2:active {
	background-color: #bac5ff;
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color : #4E59B1;
	height: 17px;
	font-decoration: none;
	width:156px;
	padding-left:7px;
	border-collapse: collapse;
	display: block;	
	BORDER-bottom: 1px solid #9999ff;
	border: solid;
	border-color: #9999ff;
	border-width: 0 0 1px 0;																		  
}

a.menustyle2:hover {
	background-color : #A6ACEB;
	color : #000099;
}

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;
}

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}

/* Added styles for new soton vts */

#gallery {float:left; margin:0; padding:0; width:100%;}
#gallery table {width: 100%; padding:4px; border: 0px;}

/* from old style css */

.movementheading { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
	font-weight:bold;
	color: #4E59B1;
	text-align:left;
}

.livemainhead {
	color: #21287B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
    height: 2px;
	padding:2px;
}
.livedata {
	color: #6361C6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-style: normal;
    height: 10px;
	padding:0px;
	white-space: nowrap;
}
.livedatavalue {
	color: #292884;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-style: normal;
    height: 10px;
	padding:0px;
}

.livehead {
	color: #292884;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-style: normal;
	height: 10px;
	border-bottom:  #222D7F 1px solid;
	padding-bottom: 5px;
}

.movementtablehead { 
	font-size:0.7em; 
	font-style:normal
}
.movementtabledata { 
	font-size:0.6em; 
	font-style:normal
}

.tidesWeaterHead { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
	font-style:normal;
	color: #000000;
}
.cruiseShipHead { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
	font-style:normal;
	color: #000000;
}
.directoryDetails {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
.directorySub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}