* {padding:0px; border:0px; margin:0px;}



body {text-align:center; font-family:arial; color:#999999; line-height:120%; background-color:#F1F1F1; background-image:url(/images/layout/bg-page-shadow.gif); background-repeat:repeat-y; background-position:center;}



#wholepagecontentholder {width:760px; text-align:left; margin: 0px auto; }



#logo {float:left; width:186px; height:126px; background-color:#ffffff; text-align:left;} html>body #logo{width:187px;}


/*
#menu {float:left; height:75px; width:574px; background-color:#f1f1f1; text-align:left; padding-top:3px;} html>body #menu{width:573px;}
#menu li { display:inline; height:75px; width:82px; padding:0px; border:0px; margin:0px;} html>body #menu li {margin:-2px;}
*/
#header {float:left; height:200px; padding-bottom:6px; width:760px; background-position:top left; background-repeat:repeat-x; background-color:#b7c433;}





#content {float:left; background-color:white; width:760px; border-top:1px solid white; color:#666666; font-size:75%;}

	

	#left-column	{float:left; width:185px; color:white; text-align:center; background-color:#108295; padding-bottom: 1000em; margin-bottom: -999.5em;} html>body #left-column {margin-bottom:0px; padding-bottom:0px;} /*The large padding-bottom and margin-bottom values are a workaround for IE. Then the hack at the end makes sure that Firefox doesn't use this method*/

	#left-column div.hr {height:1px; width:185px; font-size:0px; line-height:0px; border-bottom:1px solid white; margin-bottom:10px; margin-top:10px;}

	#left-column img.left-bar-image {margin-bottom:10px;}



	#right-column	{float:right; width:185px; color:white; text-align:center; background-color:#108295; padding-bottom: 1000em; margin-bottom: -999.5em;} html>body #right-column {margin-bottom:0px; padding-bottom:0px;} /*The large padding-bottom and margin-bottom values are a workaround for IE. Then the hack at the end makes sure that Firefox doesn't use this method*/

	

	#main-3-column	{ padding-top:0px; padding-left:195px; padding-right:195px;} html>body #main-3-column { background-image:url(/images/layout/bg-3-column.gif); background-repeat:repeat-y; background-position:center;} /*This is here for the benefit of Firefox, so the blue background appears. IE ignores this and uses the huge margin-bottom and padding-bottom hack (above)*/

	

	#main-2-column	{ padding-top:0px; padding-right:15px; padding-left:195px;} html>body #main-2-column {background-image:url(/images/layout/bg-2-column.gif); background-repeat:repeat-y; background-position:center;} /*This is here for the benefit of Firefox, so the blue background appears. IE ignores this and uses the huge margin-bottom and padding-bottom hack (above)*/

	

	#main-1-column	{ padding-top:0px;}



#content P {padding-bottom:15px;}

#main-1-column a:link, #main-1-column a:visited, #main-1-column a:active, #main-2-column a:link, #main-2-column a:visited, #main-2-column a:active, #main-3-column a:link, #main-3-column a:visited, #main-3-column a:active

{text-decoration:none; color:#8d9911; font-weight:bold;}

#main-1-column a:hover, #main-2-column a:hover, #main-3-column a:hover{text-decoration:underline; color:#8d9911;}









div.gallery-thumb-box {float:left; margin-left:29px; margin-bottom:29px;}

	html>body div.gallery-thumb-box {margin-left:40px; margin-bottom:40px;}

table.gallery-thumb-image-holder {width:85px; height:85px; text-align:center; vertical-align:middle; border: 1px solid #999999;}



p.gallery-paragraph {width:540px; float:left;}



.float-left { float:left;}

.float-right { float:right;}



#main-1-column H1 { float: left; position: relative; text-align:left; padding-right:15px; padding-left:15px; margin-bottom:10px; width:50%; }

#main-2-column H1 {text-align:left; margin-bottom:10px;}

#main-3-column H1 {text-align:left; margin-bottom:10px;}



#main-1-column H2 {font-weight:normal; font-size:12px; color:#999999; padding-right:15px; padding-left:15px;}

#main-1-column H2 a:link, #main-1-column H2 a:visited, #main-1-column H2 a:active{color:#999999; text-decoration:none;}

#main-1-column H2 a:hover{color:#82A9E1; text-decoration:none;}



#main-1-column p {padding-left:15px; clear: left;}


H2.top-sub-menu {font-weight:normal; font-size:12px; color:#999999;}

H2.top-sub-menu a:link, H2.top-sub-menu a:visited, H2.top-sub-menu a:active{color:#999999; text-decoration:none;}

H2.top-sub-menu a:hover {color:#82A9E1; text-decoration:none;} 



H2.heading {font-size:13px; font-weight:bold; margin-bottom:10px; color:#108295 !important;}





#content table.hotel-box {width:350px; float:left; display:inline; line-height:110%; vertical-align:top; margin:15px; height:180px;}

#content td.main-details {width:220px;}

#content table.hotel-box a:link, #content table.hotel-box a:visited, #content table.hotel-box a:active {color:#999999; text-decoration:none;}

#content table.hotel-box a:hover {color:#6B83BF; text-decoration:none;}

#content div.hotel-name {color:#6B83BF; font-size:14px; font-weight:bold; }

#content div.hotel-description {height:55px; padding-top:10px; padding-bottom:10px;}

#content div.hotel-address {height:28px;}

#content table td.location-code { background-color:#FFFFCC; text-align:center; width:65px;}

#content table td.price-code { background-color:#FFCCFF; text-align:center; width:65px;}

	td.location-code a:link, td.location-code a:visited, td.location-code a:active, td.price-code a:link, td.price-code a:visited, td.price-code a:active {color:#6B83BF; font-weight:bold;}

	td.location-code a:hover, td.price-code a:hover {color:#82A9E1; font-weight:bold;}

#content td.hotel-thumbnail { width:130px; height:117px; text-align:center; vertical-align:middle; background-color:#CCCCCC;}







table.content-img-txt { align:center; width:510px; margin-top:-10px; margin-bottom:5px; margin-left:20px;}

table.content-img-txt td img {margin-right:20px;}

table.content-img-txt td {color:#6B83BF; font-size:13px; font-weight:bold;}



table.content-txt-img { align:center; width:500px; margin-top:-10px; margin-bottom:5px; margin-left:10px;}

table.content-txt-img td img {margin-left:20px;}

table.content-txt-img td {color:#6B83BF; font-size:13px; font-weight:bold;}



table.content-txt-img td.smaller,table.content-img-txt td.smaller {font-size:12px;}



table.content-img-img { align:center; width:400px; margin-top:-10px; margin-bottom:5px; margin-right:0px;}

table.content-img-img td img {margin-left:20px;}



/* Same again, but for the narrower pages with 3 columns */

#main-3-column table.content-img-txt { width:370px; margin-left:-10px;}

#main-3-column table.content-img-txt td img {margin-right:-10px;}



#main-3-column table.content-txt-img { width:370px; margin-right:-10px;}

#main-3-column table.content-txt-img td img {margin-left:0px;}



#main-3-column div.img {width:242px; float:left; text-align:center; height:155px;}

#main-3-column div.txt {width:128px; float:left; text-align:left; color:#6B83BF; font-size:13px; font-weight:bold; height:155px; height:140px; padding-top:15px;}

#main-3-column div.txt-smaller {width:128px; float:left; text-align:left; color:#919c1f; font-size:13px; font-weight:bold; height:155px; height:140px; padding-top:15px; padding-bottom:20px;}
#main-3-column div.txt-smaller span { font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}

#main-3-column div.img-center {width:370px; text-align:center; height:155px;}



#main-2-column div.img {width:275px; float:left; text-align:center; height:155px;}

#main-2-column div.txt {width:275px; float:left; text-align:left; color:#6B83BF; font-size:13px; font-weight:bold; height:140px; padding-top:15px;}

#main-2-column div.txt-smaller {width:275px; float:left; text-align:left; color:#6B83BF; font-size:12px; font-weight:bold; height:140px; padding-top:15px;}

#main-2-column div.img-center {width:550px; text-align:center; height:155px;}



/* The following is for the eatery listings */

.member { width: 440px; font-family: arial, sans-serif; margin-left:55px; border:1px solid #CCCCCC; border-collapse:collapse;}

.title {font-family:arial, sans-serif; font-weight:bold; font-size:13px; color:#6B83BF; border:1px solid #CCCCCC;}

.title a{color: #0B248E;}

.title a:hover{color: #0B248E;}

td.gridRef{background:#FFFFCC; color:#6B83BF; text-align:center; font-family:arial, sans-serif; font-size:13px; /*width:65px;*/ border:1px solid #CCCCCC;}

td.gridRef a { color:#6B83BF; font-weight:bold; }

td.gridRef a:hover { color:#82A9E1; }

td.priceCode { /*width:75px;*/ text-align:center; border:1px solid #CCCCCC;}

.info { padding:5px;  border:1px solid #CCCCCC; width:165px;}

td.eat-photo {width:130px; text-align:center; padding-top:2px; padding-bottom:2px; background-color:#999999;}

td.desc { padding:3px; border:1px solid #CCCCCC; width:149px;}

/* The preceeding is for the eatery listings */





#main-2-column div.hr {width:80%; height:1px; border-top: 1px solid #CCCCCC; margin-left:55px; }
html>body #main-2-column div.hr {margin-bottom:10px;}

#main-2-column div.hrLight {width:60%; height:1px; border-top: 1px solid #F2F2F2; margin-left:auto; margin-right:auto; }
html>body #main-2-column div.hrLight {margin-bottom:10px;}



#main-1-column div.hr {width:80%; height:1px; border-top: 1px solid #CCCCCC; margin-left:55px; }
html>body #main-1-column div.hr {margin-bottom:10px;}



img.beach-right {float:right; margin-right:30px; margin-left:10px;}



a.blend {color:#666666 !important;}



a.faded {color:#aaaaaa !important;}



.strong {font-weight:bold;}



.form {border:solid 1px #666666;}



.italics {font-style:italic;}



#content ul {padding-left:15px; padding-bottom:15px;}





#footer { border-top:1px solid white; float:left; background-color:#108295; width:760px; height:40px; color:#FFFFFF; font-size: 12px; text-align:center; font-weight:bold; padding:10px 0px;}

#footer a:link,a:visited {text-decoration:none; color:#DDDDDD;}

#footer a:hover {color:white;}



.smaller {font-size:11px;}

.rimg   { margin-top:20px; }
.wlnk   { color:#FFFFFF; text-decoration:none;}

.booknw	 { float:right; margin:60px 20px 20px 0px; }
.booknw2 { float:right; margin:40px 20px 20px 0px; }
.brief   { float: left; clear:left; position: relative; width: 68%; padding-right:0px; }
.bookbttns {width:202px; float:right; padding-right:10px; padding-bottom:10px;}