hr {
	border: 1px solid gray;
	margin-right: 0.5em;
}

div.furtherInfo {
	font-size: 0.8em;
	font-weight: bold;
}

div.aaas {
   margin-top: 1em;
   margin-bottom: 1em;
   margin-right: 0.5em;
   padding: 0px;
   border-style: solid;
   border-width: 1px;
   border-color: gray;
   font-size: 0.75em;
}

div.aaasH {
   font-weight: bold;
   padding: 0.2em;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: gray;
   background-color: #E5E5E5;
}

span.hint {
	font-style: italic;
}

span.fHint {
   font-weight: normal;	
}

div.aaasBody {

}

div.aaasEntry {
   padding-left: 1em;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   padding-right: 0.5em;
   cursor: pointer;
}

div.aaasEntryAlt {
	padding-left: 1em;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   padding-right: 0.5em;
   cursor: pointer;
   border-top-style: solid; 
   border-top-width: 1px; 
   border-top-color: silver
}

div.aaasEntryDetail {
   padding-left: 2em;
}

div.acc {
   margin-top: 1em;
   margin-bottom: 1em;
   padding: 0px;
   border-style: solid;
   border-width: 1px;
   border-color: gray;
   font-size: 0.75em;
}

div.accH {
   font-weight: bold;
   padding: 0.2em;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: gray;
   background-color: #88BB88;
}

div.accEntry {
   padding-left: 1em;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   padding-right: 0.5em;
   height: 1%; /* float fix for ie*/
   cursor: pointer;
   background-color: #EEFFEE;
}

div.accEntry span {
   padding-left: 1em;
   font-style: italic;
}
	

div.accEntry img {
	margin: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

div.accEntryDetail {
   padding-left: 2em;
   height: 1%; /* float fix for ie*/
}

div.accEntryDetail img {
	margin: 5px;
   border-style: solid;
   border-width: 1px;
   border-color: black;
}

.noPad {
   padding: 0;
   margin: 0;
}

.centerTable {
   text-align: left;
   width: 100%;
   background-color: #339999;
}

body {
   font-family: sans-serif;
   background-color: #99cccc;
}

.center {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

h1.mainTitle {
   color: black;
   margin-top: 0;
}

h5.subTitle {
   color: black;
   margin-bottom: 0;
}

div.banner {
   text-align: center;
}

div.menu {
   text-align: center;
   padding: 0;
}

div.menuItems {
   text-align: left;
   padding-left: 10px;
   font-size: 0.85em;
   font-weight: bold;
}

div.searchMBar {
   padding-left: 0;
   padding-right: 10px;
   text-align: right;
}

table.menu {
   border-collapse: collapse;
   border: 2px solid #339999;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
   width: 776px;
   background-color: #339999;
}

tr.menu {
   text-align: center;
   margin: 0px;
   padding: 0px;
   border-width: 0px;
   background-color: #66bbbb;
   border-style: none;
   height: 1.8em;
}

tr.menu td {
   border-style: none;
   margin: 0px;
   padding: 0px;
   border-width: 0px;
}

td.searchMBar {
   
}

a.menuItem {
   background-color: #66bbbb;
   color: black;
   text-decoration: none;
}

a.menuItem:hover {
   background-color: #339999;
}

table.body {
   text-align: left;
   width: 100%;
   background-color: #ffffff;
}

table.body td {
   vertical-align: top;
}

div.body {
   text-align: center;
   margin-top: 5px;
}

.introPara {
   font-size: 0.85em;
}

.errorPara {
   font-size: 0.75em;
   color: red;
   padding-left: 1em;
}

p.microPara {
   font-size: 0.75em;
   margin-top: 0.6em;
   margin-bottom: 0.6em;
}

h5.micro {
   margin-top: 1.5em;
   margin-bottom: 0.6em;
}

.firstPara {
   font-size: 0.85em;
   margin-top: 0px;
   padding-top: 0px;
}

td.mapL {
   width: 33%;
}

td.mapR {
   width: 33%;
}

p.mapL {
   font-size: 0.75em;
   padding-right: 0.5em;
}

span.highlight {
   font-weight: bold;
}

div.overlay {
   z-index: 3;
   left: 0px;
   visibility: hidden;
   position: absolute;
   top: 0px;
   width: 350px;
   height: 438px;
}

div.overtop {
   z-index: 4;
   left: 0px;
   visibility: visible;
   position: absolute;
   top: 0px;
}

div.base {
   z-index: 1;
   left: 0px;
   top: 0px;
   position: relative;
   visibility: visible;
   width: 350px;
   height: 438px;
}

div.baseSouth {
   z-index: 1;
   left: 0px;
   top: 0px;
   position: relative;
   visibility: visible;
   width: 451px;
   height: 283px;
}

div.arrowL {
   z-index: 2;
   visibility: visible;
   position: absolute;
   width: 12px;
   height: 120px;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/arrowL.png');
}

div.arrowL[class] {
   background-image: url("images/arrowL.png");
}

div.arrowR {
   z-index: 2;
   visibility: visible;
   position: absolute;
   width: 12px;
   height: 120px;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/arrowR.png');
}

div.arrowR[class] {
   background-image: url("images/arrowR.png");
}

div.arrowU {
   z-index: 2;
   visibility: visible;
   position: absolute;
   width: 120px;
   height: 12px;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/arrowU.png');
}

div.arrowU[class] {
   background-image: url("images/arrowU.png");
}

div.arrowD {
   z-index: 2;
   visibility: visible;
   position: absolute;
   width: 120px;
   height: 12px;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/arrowD.png');
}

div.arrowD[class] {
   background-image: url("images/arrowD.png");
}

h4.regionResults {
   text-align: left;
   margin-top: 0px;
   padding-top: 0px;
}

a.resultTableLink {
   color: black;
   text-decoration: none;
   display: block;
   height: 1%;
}

a.resultTableLink img{
   border: none;
}

a.resultTableLink:hover {
   color: blue;
}

table.dataTable {
	width: 100%;
   border-collapse: separate;
   border-spacing: 2px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   font-size: 0.95em;
}

table.dataTable td {
   vertical-align: middle;
}

td.col1,th.col1 {
   width: 30%;
   text-align: left;
}

td.col2,th.col2 {
   width: 24%;
}

td.col3,th.col3 {
   width: 15%;
}

td.col456,th.col456 {
   width: 15%;
}

td.col4,th.col4 {
   width: 5%;
}

td.col5,th.col5 {
   width: 5%;
}

td.col6,th.col6 {
   width: 5%;
}

td.col7,th.col7 {
   width: 8%;
}

td.col8,th.col8 {
   width: 8%;
}

tr.dataHeader {
   background-color: #557777;
}

table.dataTable tr td a div {
   height: 1%; /* float fix for ie*/
   cursor: hand;
}

tr.dataRow {
   background-color: #88bbbb;
}

tr.dataRowHlt {
   background-color: #bbdddd;
}

tr.dataRowAlt {
   background-color: #55aaaa;
}

div.dataHeading {
   font-size: 0.8em;
   color: white;
   margin-top: 0.3em;
   margin-bottom: 0.3em;
}

span.dataSort {
   font-size: 0.8em;
   color: white;
   float: right;
   margin-top: 0.3em;
   margin-bottom: 0.3em;
}

span.dataSort a {
   color: white;
   text-decoration: none;
}

span.dataSort a:hover {
   color: blue;
}

span.dataParanth {
   font-size: 0.85em;
   font-weight: normal;
}

div.subDataHeading {
   font-size: 0.6em;
   font-weight: normal;
   color: white;
   padding-top: 0.3em;
   padding-bottom: 0.3em;
   padding-left: 0.1em;
   padding-right: 0.2em;
}

div.dataHeadingBoat {
   font-size: 0.8em;
   color: white;
   padding-left: 0.2em;
}

div.boatName {
   font-size: 0.8em;
   padding-left: 0.2em;
   font-weight: bold;
}

div.port {
   padding-left: 1.2em;
   padding-bottom: 1em;
   font-size: 0.8em;
}

div.ports,div.type {
   font-size: 0.8em;
   text-align: center;
}

div.notes {
   padding-left: 1.2em;
   font-size: 0.8em;
}

div.tick {
   text-align: center;
}

span.portName {
   font-size: 0.7em;
   background-color: #ffffff;
}

div.disclaimer {
   font-size: 8pt;
   text-align: center;
   margin-top: 1em;
}

div.extLinks, div.btSpc {
	margin-top: 2px;
   margin-bottom: 1em;
   margin-right: 0.5em;
   padding: 0px;
   border-style: solid;
   border-width: 1px;
   border-color: gray;
   font-size: 0.75em;
   height: 1%; 
}

div.spacesMore {
   padding-left: 1em;
   margin-top: 1em;
   margin-bottom: 0.2em;
   padding-right: 0.5em;
   text-align: right;
}

div.linksTitle {
   font-size: 0.85em;
   font-style: italic;
   padding-bottom: 0.3em;
}

div.standardLinkNoBox {
   font-size: 0.80em;
   padding-left: 0.5em;
   padding-bottom: 0.15em;
}

div.standardLinkNoBox a {
   color: black;
   font-weight: bold;
   text-decoration: none;
}

div.standardLinkNoBox a:hover {
   color: blue;
}

div.standardLink, div.regionInfo {
   padding-left: 1em;
   margin-top: 0.2em;
   margin-bottom: 0.2em;
   padding-right: 0.5em;
}

div.extLinks p {
   padding-left: 1em;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   padding-right: 0.5em;
}

div.standardLink a {
   color: black;
   text-decoration: none;
}

div.standardLink a:hover {
   color: blue;
}

div.linksTitle {
   font-size: 0.85em;
   font-style: italic;
   padding-bottom: 0.3em;
}

table.tkBanner {
   border-collapse: collapse;
   border-width: 0px;
   margin-left: auto;
   margin-right: auto;
   width: 780px;
   padding: 0px;
   background-color: #339999
}

tr.tkBanner td {
   border-width: 0px;
   margin: 0px;
   padding: 0px;
}

td.tkBannerTL {
   width: 14px;
   height: 14px;
   background-image: url("images/bannerTL.gif");
}

td.tkBannerT {
   height: 14px;
   background-image: url("images/bannerT.gif");
   background-repeat: repeat-x;
}

td.tkBannerBL {
   width: 14px;
   height: 14px;
   background-image: url("images/bannerBL.gif");
}

td.tkBannerL {
   width: 14px;
   background-image: url("images/bannerL.gif");
   background-repeat: repeat-y;
}

td.tkBannerB {
   height: 14px;
   background-image: url("images/bannerB.gif");
   background-repeat: repeat-x;
}

td.tkBannerTR {
   width: 15px;
   height: 14px;
   background-image: url("images/bannerTR.gif");
}

td.tkBannerBR {
   width: 15px;
   height: 14px;
   background-image: url("images/bannerBR.gif");
}

td.tkBannerR {
   width: 15px;
   background-image: url("images/bannerR.gif");
   background-repeat: repeat-y;
}

table.tkBody {
   border-collapse: collapse;
   border-width: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   width: 780px;
   padding: 0px;
   background-color: #ffffff
}

tr.tkBody td {
   border-width: 0px;
   margin: 0px;
   padding: 0px;
}

td.tkBodyTL {
   width: 10px;
   height: 10px;
   background-image: url("images/cornersTL.gif");
}

td.tkBodyTR {
   width: 10px;
   height: 10px;
   background-image: url("images/cornersTR.gif");
}

td.tkBodyBL {
   width: 10px;
   height: 10px;
   background-image: url("images/cornersBL.gif");
}

td.tkBodyBR {
   width: 10px;
   height: 10px;
   background-image: url("images/cornersBR.gif");
}

td.boatLinks {
   width: 25%;
}

td.boatEntry {
   width: 75%;
}

table.boatEntry {
   width: 100%;
   border-spacing: 2px;
   border-collapse: separate;
}

td.boatTitle {
   background-color: #557777
}

td.boatDetails {
   background-color: #88bbbb;
   vertical-align: top;
}

div.boatTitle {
   margin-top: 0.5em;
   margin-left: 1em;
   margin-right: 1em;
   margin-bottom: 0.5em;
}

div.boatSkipper {
   margin: 1em;
   font-size: 0.85em;
}

span.boatHeading {
   padding-left: 1em;
   background-color: #557777;
   color: white;
}

span.boatSubContent {
   padding-left: 0.3em;
   font-style: italic;
}

div.boatDetailsHeading, div.boatspaceHeading {
   margin: 1em;
   padding-left: 1em;
   font-size: 0.85em;
   background-color: #557777;
   color: white;
}

div.boatCol1 {
   font-size: 0.85em;
   margin-left: 3em;
   margin-bottom: 1em;
   margin-right: 1em;
}

span.boatSubHeading {
   font-style: italic;
   padding-right: 0.5em;
}

div.boatCol2 {
   font-size: 0.85em;
   margin: 1em;
}

div.boatNotes {
   font-size: 0.85em;
   margin-top: 0.5em;
   margin-left: 1em;
   margin-right: 1em;
   margin-bottom: 0.5em;
}

h3.boatBName {
   font-size: 1.2em;
   margin-bottom: 0em;
   margin-top: 0em;
   color: white;
}

h4.boatBPort {
   font-size: 0.85em;
   font-style: italic;
   font-weight: normal;
   margin-bottom: 0em;
   margin-top: 0em;
   padding-left: 1em;
   color: white;
}

img.boatPics {
   margin-left: 1em;
   margin-right: 1em;
   margin-bottom: 1em;
   border: 1px solid black;
}

div.contactFmHding {
   font-size: 0.7em;
   font-weight: bold;
   padding-left: 1.2em;
}

div.contactFormItem {
   padding-bottom: 1em;
   padding-left: 1em;
}

div.contactFormCaptcha {
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   padding-left: 1em;
}

.normalText {
   font-weight: normal;
}

.bold {
   font-weight: bold;
}

div.contactSentMsg {
   padding: 1em;
   margin: 1em;
   border-style: solid;
   border-width: 1px;
   border-color: grey;
   font-family: monospace;
   font-size: 0.85em;
   width: 45em;
}

table.advSearch {
   text-align: left;
   border-collapse: separate;
   margin-left: 2em;
   margin-right: auto;
   font-size: 0.85em;
   width: 400px;
}

div.searchTips {
   text-align: left;
   padding-left: 2em;
   padding-right: 2em;
   font-size: 0.75em;
   width: 280px;
   color: gray;
}

div#pdTip {
   display: none;
   position: absolute;
   z-index: 10;
   font-size: 10pt;
   font-family: SegoeUI, Tahoma, sans-serif;
   background-color: #FFFFDD;
   border-style: solid;
   border-width: 1px;
   padding-left: 0.5em;
   padding-right: 0.5em;
}

div.mapBox {
   display: none;
   position: absolute;
   height: auto;
   z-index: 10;
   font-size: 10pt;
   font-family: SegoeUI, Tahoma, sans-serif;
   background-color: #FFFFDD;
   border-style: solid;
   border-width: 1px;
   padding-left: 0.5em;
   padding-right: 0.5em;
}

img.bannerAd,img.miscAd {
	border: none;
	margin-left: auto;
	margin-right: auto;
   margin-bottom: 5px;
	text-align: center;
	display: block;
}

img.miscBoatAd {
	border: none;
   display: block;
   margin-bottom: 5px;
}

div.btSpcH {
   font-weight: bold;
   color: white;
   padding: 0.2em;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: gray;
   background-color: #770000;
}

td.spacesR {
   width: 575px;
}

td.col1bs,th.col1bs {
   width: 14%;
}

td.col2bs,th.col2bs {
   width: 20%;
}

td.col3bs,th.col3bs {
   width: 20%;
}

td.col4bs,th.col4bs {
   width: 46%;
}

div.boatspace {
   margin-bottom: 0.5em;
   padding-left: 0.5em;
}
   
span.bsDate {
   padding-right: 1em;
   font-style: italic;
   font-weight: bold;
}

span.bsContent {
   font-style: italic;
}