BODY { background-color: #E2E8FC;
    font-family: Arial, sans-Serif; 
    font-size: small; 
    font-weight: 500; color: #000000;
    margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;
    scrollbar-base-color: #0000C0;    }
 
a:link {  
    color: #947DD5;
    text-decoration: underline; 
    }
    
a:visited {  
    text-decoration: underline; 
    color: #947DD5;
    }
    
a:hover {  
    color: #AE54D8; 
    text-decoration: none; 
    }
    
a:active {  
    color: #947DD5;
    text-decoration: underline; 
    }
a:link.stayAndSail {  
    color: #FFD600;
    text-decoration: underline; 
    }
    
a:visited.stayAndSail {  
    color: #FFD600;
    text-decoration: underline; 
    }
    
a:hover.stayAndSail {  
    color: #FF0000;
    text-decoration: underline; 
    }
    
a:active.stayAndSail {  
    color: #FFD600;
    text-decoration: underline; 
    }
a:link.offer {  
    color: #0000C0;
    text-decoration: none; 
    }
    
a:visited.offer {  
    color: #0000C0;
    text-decoration: none; 
    }
    
a:hover.offer {  
    color: #0000C0;
    text-decoration: underline; 
    }
    
a:active.offer {  
    color: #0000C0;
    text-decoration: none; 
    }
a:link.menu {  
    color: #947DD5;
    text-decoration: none; 
    font-weight: 600;
    font-size: small;
    }
    
a:visited.menu {  
    text-decoration: none; 
    color: #947DD5;
    font-weight: 600;
    font-size: small;
    }
    
a:hover.menu {  
    color: #AE54D8; 
    text-decoration: underline; 
    font-weight: 600;
    font-size: small;
    }
    
a:active.menu {  
    color: #947DD5;
    text-decoration: none; 
    font-weight: 600;
    font-size: small;
    }
a:link.sales {  
    color: #008000;
    text-decoration: none; 
    font-weight: 600;
    font-size: small;
    }
    
a:visited.sales {  
    color: #008000;
    text-decoration: none; 
    font-weight: 600;
    font-size: small;
    }
    
a:hover.sales {  
    color: #FFD600;
    text-decoration: none; 
    font-weight: 600;
    font-size: small;
    }
    
a:active.sales {  
    color: #008000;
    text-decoration: none; 
    font-weight: 600;
    font-size: small;
    }
a:link.sailing {  
    color: #BE4179;
    text-decoration: none; 
    font-weight: 600;
    font-size: small;
    }
    
a:visited.sailing {  
    color: #BE4179;
    text-decoration: none; 
    font-weight: 600;
    font-size: small;
    }
    
a:hover.sailing {  
    color: #FFD600;
    text-decoration: none; 
    font-weight: 600;
    font-size: small;
    }
    
a:active.sailing {  
    color: #BE4179;
    text-decoration: none; 
    font-weight: 600;
    font-size: small;
    }

h1 { font-size: x-large; font-weight: 500; font-style: italic;
 }
h2 { font-size: medium; font-weight: 600; font-style: italic;
 }
h2.rechdg { font-size: medium; font-weight: 600; font-style: italic; margin-bottom: 3px;
 }
 
h3 { font-size: medium; font-weight: 500;
   text-decoration: underline; margin-top: 0px; margin-bottom: 0px;
 }
h3.islands { font-size: medium; font-weight: 600;
   text-decoration: underline; margin-top: 15px; margin-bottom: 3px;
 }
h3.photohdg { font-size: small; font-weight: 600; font-style: italic;
   text-decoration: none; margin-top: 0px; margin-bottom: 0px;
 }
h3.priceshdg { font-size: medium; font-weight: 600; text-align: center;font-style: italic; margin-bottom: 0px;
 }
h3.nearlyFull { font-size: medium; font-weight: 600; text-align: center;font-style: italic; margin-bottom: 15px; color: #FF0000;
 }
 
 
TD { font-size: small; font-weight: 400;
 }
.small { font-size: x-small; font-weight: 400; color: #FFFFFF;
 }
.smaller { font-size: xx-small; font-weight: 400;
 }
table.menu2 { font-family: Arial, Sans-serif;
    margin: 5px; padding: 20px;
 }
td.menu2 { font-family: Arial, Sans-serif;
    margin: 5px; padding: 8px;
 }
table.prices { border: solid 1px #004080;
 }
td.prices { border: solid 1px #004080;
 }
 
 table.error
 {
    border: solid 1px #AE54D8; 
 }
.comments { font-size: small; font-style: italic; }
div.right { font-weight: bold; text-align: right; padding-right: 150px; }
td.indentLeft { padding-left: 20px; }

.offer { font-size: medium; font-weight: bold; color: #0000C0; }
div.sailingOffer { font-size: small; text-align: left;  font-weight: bold; color: #0000C0; }

td.boatDetails { }
table.boatDetails { margin-top: 10px; margin-bottom: 10px; }
td.boatDetailsMainHdg { font-weight: bold; vertical-align: top; width: 10%; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 8px; }
td.boatDetailsMainPic { vertical-align: top; width: 220; padding-top: 3px; padding-left: 20px; padding-bottom: 3px; padding-right: 0px; }
td.boatDetailsHdg { font-weight: bold; vertical-align: top; width: 20%; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 8px; border-bottom: solid 1px #004080; }
td.boatDetailsInfo { font-weight: normal; vertical-align: top; width: 70%; padding-top: 3px; padding-left: 6px; padding-bottom: 3px; padding-right: 8px; border-bottom: solid 1px #004080; }
td.boatDetailsMainHdgNoborder { font-weight: bold; vertical-align: top; width: 10%; padding-top: 10px; padding-left: 6px; padding-bottom: 3px; padding-right: 8px; }
td.boatDetailsHdgNoborder { font-weight: bold; vertical-align: top; width: 20%; padding-top: 10px; padding-left: 6px; padding-bottom: 3px; padding-right: 8px; }
td.boatDetailsInfoNoborder { font-weight: normal; vertical-align: top; width: 70%; padding-top: 10px; padding-left: 6px; padding-bottom: 3px; padding-right: 8px; }

div.backToTop { text-align: right; font-style: italic; padding-top: 8px; padding-right: 30px; padding-bottom: 15px; }
div.sailingPicsRight { float: right; text-align: right; padding-left: 15px; }
#container { margin-top: 10px; }
#leftPic { float:left; width:220px; text-align: left; }
#centerPic { float:left; width:220px; text-align: center; }
#rightPic { float:left; width:220px; text-align: right; }
#footer { clear:both; padding:1px;  }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */ 

td.banner { text-align: center; padding-top: 10px; padding-left: 30px; padding-bottom: 10px; padding-right: 30px; background-color: #004080; color: #FFFFFF; font-weight: bold; font-size: 120%; }

td.houseName { text-align: center; font-weight: bold; vertical-align: top; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; width: 25%; }
td.housePrice { text-align: center; vertical-align: top; padding-left: 5px; padding-right: 5px; padding-bottom: 8px; font-size: x-small }