BODY {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-right : 0px;
	background-color: #ffffff;
}

.title1 {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 18px;
   font-weight: bold;
   color: #666666;
}

.text1 {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #666666;
   text-align: justify;
}

.text2 {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 10px;
   font-weight: normal;
   color: #666666;
   text-align: right;
}

.smalltext {
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-size: 9px;
}

.border_left { 
  border-left-color: grey;
  border-left-style: solid;
  border-left-width: 1px;
}

.border_top { 
  border-top-color: grey;
  border-top-style: solid;
  border-top-width: 1px;
}

.highlight_title {
	font-family: "Times New Roman", Times, serif;
	font-size: 18pt;
	font-style: normal;
	color: White;
	font-weight : bold;
	margin-bottom : 5px;
	margin-left : 5px;
	margin-right : 5px;
	margin-top : 5px;
}

.highlight1 {
	font-family:  Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 9pt;
	font-style: normal;
	color: White;
	font-weight : bold;
	margin-bottom : 5px;
	margin-left : 5px;
	margin-right : 5px;
	margin-top : 5px;
}

.highlight2 {
	font-family:  Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #666666;
	font-weight : bold;
	margin-bottom : 5px;
	margin-left : 5px;
	margin-right : 5px;
	margin-top : 5px;
}

A:ACTIVE {
	text-decoration : none;
	color: #333333;
	font-style: normal;
	font-weight: normal;
}

A:HOVER {
	text-decoration : underline;
	color: Highlight;
	font-style: normal;
	font-weight: normal;
	color: #777777;
}

 A:LINK {
   text-decoration: none;
   color: #666666;
	font-style: normal;
	font-weight: normal;
}

 A:VISITED {
   text-decoration: none;
   color: #666666;
	font-style: normal;
	font-weight: normal;
}

.thankyou1 {
	color: #231f20;
	font-family: "Times New Roman", Times, "New York", serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 36px;
}
.thankyou2 {
	color: #231f20;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#map-canvas {
    width: 800px;
    height: 300px;
    background-color: #CCC;
  }

#map-canvas-directions {
    width: 800px;
    height: 300px;
    background-color: #CCC;
  }
div#CDSWIDCOE.widCOE {  /* RESET TRIPADVISOR "CERTIFICATE OF EXCELLENCE" AWARD SETTING */
	margin: 0;
}
div#CDSWIDEXC.widEXC {  /* RESET TRIPADVISOR "BRAVO" AWARD SETTING */
	margin: 0;
}
  
span.dropt {border-bottom: thin dotted; margin:0px 0px 0px 0px; padding:1px;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0px 0px 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:0px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0px 0px 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:0px;}
span.dropt:hover span {margin: 10px 0px 0px 200px; background: #ffffff; z-index:6;}

/*	########################################################################################## 
	                         ON SUBMIT FORM POPUP MESSAGE - jQuery dialog()
	########################################################################################## */
div.ui-dialog {
	box-shadow: 0 0 30px black;
}
div.ui-dialog div.ui-dialog-titlebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: linear-gradient(to bottom, #8fb6d6 0%, #4d90cd 50%, #02528e 100%);
	color: white;
	padding: 3px;
	text-align: center;
}
div.ui-dialog button.ui-dialog-titlebar-close {
	background-image: url("images/icons/ui-icons_888888_256x240.png");
	background-position: -96px -128px;
}
div.ui-dialog button.ui-dialog-titlebar-close:hover {
	background-image: url("images/icons/ui-icons_454545_256x240.png");
	background-position: -96px -128px;
}
div#dialog p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
/* ##########################################################################################
                         HEADER RESERVATION AND CONTACT US MENU
   ########################################################################################## */
.site-navigation {
	display: inline-block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.site-navigation ul {
	list-style: none;
}
.site-navigation li {
	color: #666666;
	display: block;
	float: left;
	margin: 0 2px 0 0;
	padding: 2px 5px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}
.site-navigation li a {
	color: #666666;
	text-decoration: none;
	display: block;
	font-weight: bold;
}
.site-navigation li:hover {
	background: #666666;
	color: white;
	cursor: pointer;
}
.site-navigation li:hover a,
.site-navigation li a:hover {
	color: white;
}
.site-navigation li.divider:hover {
	color: #666666;
	background: white;
	cursor: default;
}
.site-navigation ul li ul {
	background: #666666;
	visibility: hidden;
	float: left;
	min-width: 150px;
	position: absolute;
	margin-top:12px;
	right: 0;
	z-index: 999;
}
.site-navigation ul li:hover > ul,
.site-navigation ul li ul:hover {
	visibility: visible;
	padding: 5px;
	margin: 2px 0px;
}
.site-navigation ul li ul li {
	clear: both;
	padding: 5px;
	width: 100%;
	text-align: left;
	white-space: nowrap;
}
.site-navigation ul li ul li a {
	color: white;
}
.site-navigation ul li ul li:hover {
	background: white;
	width: 94%;
}
.site-navigation ul li ul li:hover a {
	color: #666666;
}