﻿body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align:center;
	vertical-align:top;
    scrollbar-base-color: #50566D; 
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-DarkShadow-Color: #000033;
}
/*            End of Body                      */

#txtlink:link, #txtlink:visited, #txtlink:active {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
     font-weight: bold;
     text-align: left;
	 vertical-align:top;
     color:#FFFFFF; 
     text-decoration: none;
}

#txtlink:hover {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
     font-weight: bold;
     text-align: left;
	 vertical-align:top;
     color:#FFFFFF; 
     text-decoration: underline;

}
#online:link, #online:visited, #online:active {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 13px;
     font-weight: bold;
     text-align: left;
	 vertical-align:top;
	 font-variant:small-caps;
     color:#FFFFFF; 
     text-decoration: none;
}

#online:hover {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 13px;
     font-weight: bold;
     text-align: left;
	 vertical-align:top;
	 font-variant:small-caps;
     color:#FFFFFF; 
     text-decoration: underline;
	 }

#bclink:link, #bclink:visited, #bclink:active {
     font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
   	 font-weight: none;
	 font-variant:small-caps;
     color: #FFFFFF;
     text-decoration: none;
}

#bclink:hover {
     font-family:Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 12px;
     font-weight: none;
	 font-variant:small-caps;
     color: #ffffff;
     text-decoration: underline;

}

#emaillink:link, #emaillink:visited, #emaillink:active {
     font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size:11px;
   	 font-weight: bold;
     color: #000033;
     text-decoration: none;
}

#emaillink:hover {
     font-family:Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 11px;
     font-weight: bold;
     color: #000033;
     text-decoration: underline;

}

#brlink:link, #brlink:visited, #brlink:active {
     font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size:9px;
     font-weight: bold;
     color: #FFFFFF;
     text-decoration: none;
}

#brlink:hover {
     font-family:Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 9px;
     font-weight: bold;
     color: #FFFFFF;
     text-decoration: underline;
}


.sectionBox {
    width:778px;
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px;
	align:center;
}

.sectionBox td.top {
	background-attachment: scroll;
	background-image: url(BlueSea/images/b1.jpg);
	background-repeat: no-repeat;
	height:67px;
	text-align:center;
	vertical-align:middle;
}


.sectionBox td.middle {
	background-attachment: scroll;
	background-image: url(BlueSea/images/b2.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	padding:14px;
}

.sectionBox td.bottom {
	background-attachment: scroll;
	background-image: url(BlueSea/images/b3.jpg);
	background-repeat: no-repeat;
	height:11px;
}

.sectionBox td.line {
	height:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: none;
    text-align: center;
	vertical-align:middle;
    color:#000033; 
}


.sectionBoxindex {
    width:713px;
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px;
	align:center;
}

.sectionBoxindex td.topindex {
	background-attachment: scroll;
	background-image: url(BlueSea/images/b1index.jpg);
	background-repeat: no-repeat;
	height:67px;
	text-align:center;
	vertical-align:middle;
}


.sectionBoxindex td.middleindex {
	background-attachment: scroll;
	background-image: url(BlueSea/images/b2index.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	padding:14px;
}

.sectionBoxindex td.bottomindex {
	background-attachment: scroll;
	background-image: url(BlueSea/images/b3index.jpg);
	background-repeat: no-repeat;
	height:11px;
}

.sectionBoxindex td.lineindex {
	height:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: none;
    text-align: center;
	vertical-align:middle;
    color:#000033; 
}

.hotelsindex{
    width:600px;
	padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px;
}

.hotelsindex td.hotelsindex {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
	vertical-align:top;
    color:#FFFFFF; 
	font-variant:small-caps;
	width:160px;
	padding-bottom:10px;
}

.hotelsindex td.hotels1index {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
	vertical-align:top;
    color:#FFFFFF; 
	font-variant:small-caps;
	width:120px;
	padding-bottom:13px;
}






.hotels{
    width:700px;
	padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px;
}

.hotels td.hotels {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
	vertical-align:top;
    color:#FFFFFF; 
	font-variant:small-caps;
	width:160px;
	padding-bottom:10px;
}

.hotels td.hotels1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
	vertical-align:top;
    color:#FFFFFF; 
	font-variant:small-caps;
	width:120px;
	padding-bottom:13px;
}


.interiorBox {
    width:100%;
	padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px;
	
}
.interiorBox td.background {
	background-attachment: scroll;
	background-image: url(BlueSea/images/background.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	padding:5px;
}
.interiorBoxindex {
    width:100%;
	padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px;
	
}
.interiorBoxindex td.backgroundindex {
	background-attachment: scroll;
	background-image: url(BlueSea/images/background.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	padding:5px;
	text-align:center;
}
.mainBox {
    width:100%;
    margin:0px 0px 0px 0px;

}

.mainBox td.col1 {
    width:22%;
	padding:20px 0px 0px 5px;
	vertical-align:top;
}

.mainBox td.col2 {
	width:78%;
	vertical-align:top;
	text-align:center;
}

.mainBox td.col3 {
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
	font-variant:small-caps;
    color:#FFFFFF; 
	height:111px;
	padding:15px 250px 0px 0px;
	background-attachment: scroll;
	background-image: url(BlueSea/images/logo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.secondmainBox {
    width:102%;
    margin:0px 0px 0px 0px;
}

.secondmainBox td.col1 {
	padding:20px 0px 0px 5px;
	vertical-align:top;
}

.secondmainBox td.col2 {
	width:200px;
	vertical-align:top;
	text-align:center;
}

.secondmainBox td.col3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
	vertical-align:top;
	font-variant:small-caps;
    color:#FFFFFF; 
	height:111px;
	padding:15px 250px 0px 0px;
	background-attachment: scroll;
	background-image: url(BlueSea/images/secondlogo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.secondmainBox td.col4 {
	vertical-align: top;
	width: 550px;
	text-align: left;
	padding:0px 0px 0px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;  
	font-weight: normal;
	color:#FFFFFF; 
}

.righttable {
    width:130px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;  
	font-weight: normal; 
	text-align:justify; 
	color:#000033;
	padding-top:5px;
}

.righttable td.up {
   vertical-align:top;
   padding-right:2px; 
}

.centerBox {
    width:100%;
    margin:0px 0px 0px 0px;
}


.centerBox td.interior {
    background-attachment: scroll;
	background-image: url(BlueSea/images/white_back.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	padding:15px;
}


.centerBox td.interiorBottom {
    background-attachment: scroll;
	background-image: url(BlueSea/images/white_bottom.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding:10px 0px 0px 60px;
	height:60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
	vertical-align:middle;
    color:#FFFFFF; 	
}

.centerBoxindex {
    width:90%;
    margin:0px 0px 0px 0px;
}

.centerBoxindex td.interiorindex {
    background-attachment: scroll;
	background-image: url(BlueSea/images/white_back.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	padding:15px;
}


.centerBoxindex td.interiortop {
    background-attachment: scroll;
	background-image: url(BlueSea/images/interiortop.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height:10px;

}
.centerBoxindex td.interiorBottomindex {
    background-attachment: scroll;
	background-image: url(BlueSea/images/white_bottom.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding:10px 0px 0px 60px;
	height:60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
	vertical-align:middle;
    color:#FFFFFF; 	
}
















.seccenterBox {
    width:440px;
    margin:0px 0px 0px 0px;
}

.seccenterBox td.interiorsec {
    background-attachment: scroll;
	background-image: url(BlueSea/images/white_backsec.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	padding:15px;
}

.seccenterBox td.interiorBottomsec {
    background-attachment: scroll;
	background-image: url(BlueSea/images/white_bottomsec.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding:10px 0px 0px 60px;
	height:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
	vertical-align:middle;
    color:#FFFFFF; 	
}


/*            For accommodation & Bars                   */



.weatherBorder {
    width:470px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color:#000033;
	vertical-align:middle;
	font-weight: normal; 
	text-align:justify;
	text-align:left;
}
.weatherBorder tr.cell1 {
    background-color:#95A5BE;
	padding-top:3px;
}

.weatherBorder tr.cell2 {
    background-color:#D2D7E4;
	padding-top:3px;	
}
.weatherBorder td.weather {
	padding-bottom:3px;
	vertical-align:middle; 
	text-align:center;
}
.weatherBorder td.weatherleft {
	padding-bottom:3px;
	vertical-align:middle; 
	text-align:left;
}
.weatherBorder td.bot{
    border-left-width: 1; 
    border-right-width: 1; 
	border-color:#5B574F; 
	border-top-width: 1; 
	border-bottom-style: none; 
	border-left-style: none; 
	border-right-style: none; 
	border-top-style: solid;
	border-bottom-width: 1;
	height:13px;
}

.navigationBox {
    width:160px;
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px;
}

.navigationBox td.tablenav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: none;
    text-align: left;
	vertical-align:top;
	color: #000033;
	padding-bottom: 5px;	
}

.navigationBox td.col {
	background-color:#FFFFFF;
	width:5px;
}

.navigationBox td.cell {
    width:10px;
	vertical-align:top;
	text-align:center;
	vertical-align:middle;
}



.navigationBoxsec {
    width:148px;
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px;
}

.navigationBoxsec td.tablenavsec {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: none;
    text-align: left;
	vertical-align:top;
	color: #000033;
	padding-bottom: 5px;	
}

.navigationBoxsec td.colsec {
	background-color:#FFFFFF;
	width:5px;
}

.navigationBoxsec td.cellsec {
    width:10px;
	vertical-align:top;
	text-align:center;
	vertical-align:middle;
}

.mainBorder {
 width: 95%;
}
.mainBorder td.dot {
	height:2px;
	background-attachment: scroll;
	background-image: url(BlueSea/images/tel.gif);
	background-position: top center;
	background-repeat: repeat-x;
}
.mainBorder td.words {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px;  
   font-weight: bold; 
   text-align:left; 
   color:#000033;
   font-variant:small-caps;
   vertical-align:middle;
   padding-left:6px;
   height: 30px;
} 
.mainBorder td.textmain {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px;  
   font-weight: none; 
   text-align:justify; 
   color:#000033;
   vertical-align:top;

} 

.mainBorder td.mainheader {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px;  
   font-weight: bold; 
   text-align:left; 
   color:#5B574F;
   vertical-align:middle;
   background-color:#EDEBE4;

} 
.mainBorder td.formline {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px;  
   font-weight: bold; 
   text-align:left; 
   color:#000033;
   vertical-align:middle;
   background-color:#D2D7E4;
}
/*            End of Main Border             */



.fButton {
	BORDER-RIGHT: #333366 1px solid; 
	PADDING-RIGHT: 2px; 
	BORDER-TOP: #333366 1px solid; 
	PADDING-LEFT: 2px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	PADDING-BOTTOM: 2px; 
	VERTICAL-ALIGN: middle; 
	BORDER-LEFT: #333366 1px solid; 
	COLOR: #333366; PADDING-TOP: 2px; 
	BORDER-BOTTOM: #333366 1px solid; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: center;
}
.fButton1 {
	BORDER-RIGHT: #202041 1px solid; 
	BORDER-TOP: #202041 1px solid; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt;
	BORDER-LEFT: #202041 1px solid; 
	COLOR: #202041; 
	BORDER-BOTTOM: #202041 1px solid;
	HEIGHT: 18px; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: center;
}
.fButton1a {
	BORDER-RIGHT: #333366 1px solid; 
	BORDER-TOP: #333366 1px solid; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	BORDER-LEFT: #333366 1px solid; 
	COLOR: #333366; 
	BORDER-BOTTOM: #333366 1px solid; 
	HEIGHT: 18px; 
	BACKGROUND-COLOR: #ffffff;
	TEXT-ALIGN: center;
}
.fTextBox {
	BORDER-RIGHT: #202041 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #202041 1px solid; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT: #202041 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #202041 1px solid; 
	BACKGROUND-COLOR: #ffffff;
}
.fTextBox1 {
	BORDER-RIGHT: #5B574F 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #5B574F 1px solid; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT: #5B574F 1px solid; 
	WIDTH: 110px; COLOR: #5B574F; 
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #5B574F 1px solid; 
	BACKGROUND-COLOR: #ffffff
}


.formTable {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 90%; 
	PADDING-TOP: 0px;
}
.formTable TD.text {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 10px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	PADDING-BOTTOM: 3px; 
	VERTICAL-ALIGN: top; 
	COLOR: #333366; 
	PADDING-TOP: 3px; 
	TEXT-ALIGN: justify;
}
.formTable TD.spac {
	HEIGHT: 6px;
}
.formTable TD.label {
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 3px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	PADDING-BOTTOM: 3px;
	MARGIN: 4px; 
	VERTICAL-ALIGN: top; 
	WIDTH: 40%; 
	COLOR: #202041; 
	PADDING-TOP: 3px; 
	TEXT-ALIGN: right;
}
.formTable TD.field {
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 3px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	PADDING-BOTTOM: 3px; 
	MARGIN: 4px; 
	VERTICAL-ALIGN: middle; 
	WIDTH: 60%; COLOR: #333366; 
	PADDING-TOP: 3px; 
	TEXT-ALIGN: left;
}
.formTable TD.nav {
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px;
	MARGIN: 4px; 
	VERTICAL-ALIGN: middle; 
	PADDING-TOP: 2px; 
	TEXT-ALIGN: center;
}



/* Navigation Box on the left side of the site*/
 .CloWeatherBox {
    width: 70%;
    border: 0px;	
}

.CloWeatherBox td.clocktext {
    vertical-align: middle; 
    font-size: 9px;
    font-weight: none;
    text-align:center;
    vertical-align: middle;
    color:#FFFFFF;
	height:12px;
}


/* weather feed area */
.CloWeatherBox td.weatherFeed {
    font-size:10px;
    font-weight:normal;
    text-align:left;
    vertival-align: middle;
    color:#FFFFFF;
    height: 32px;
    padding-top: 3px;
    padding-left: 6px;
    padding-bottom: 3px;
}

/*
    weather feed link effects
    when it is not possible to get the weather info
    a link will be displayed instead
*/
.CloWeatherBox td.weatherFeed a:link, a:visited, a:active {
    font-size:10px;
    font-weight: bold;
    color: #2E4854;
    text-decoration: underlined;
}

.CloWeatherBox td.weatherFeed a:hover {
    font-size:10px;
    font-weight: bold;
    color: #FF0000;
    text-decoration: underlined;
}

.internalBorder {
    width:400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color:#000033; 
	font-weight: normal; 
	text-align:center;
}
