/* Global Styles */

* { 
margin: 0;
padding: 0;
}

body {
background-color: #0083BB;
	background-image: url(/acc164_cl579/Images/BG_Main_01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin:0px auto 0px auto;
}

/* Semantic Content Styles */

h1, h2, h3, h4, h5, h6 {
line-height: 1.5em;
}

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;
color:#669933}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 9px;}

p {font-size: 12px;}

ul {}
ol {}
li {}
ul li {}
ol li {}

address {}
abbr {}
acronym {}
blockquote {}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

img {border: 0;}
a img {border: 0;} 

hr {}

pre {}
code {font-family: courier new, courier, monospace;}

/* Hyperlink Styles */

a {}
a:hover {}

/* Form Styles */

form {}
label {}
input {} 
input.text {} 
input.radio, input.checkbox {border: 0; background: transparent;} 
input.image {border: 0;} 
select {}
option {}
textarea {}

/* Reservation Box Styles  added 8/15/2007*/





div#reservationBox{
	width: 185px;
	padding: 43px 0px 0px 0px;
	background:url(/ACC164_CL579/Images/EJP_BG_Res_Interface.gif) 0px 0px no-repeat;
	margin:0px 7px 0px 10px;
}
div#reservationBox input{
	color: #666666;
	background: #fee3ad;
	border: 1px solid #781351;
	background-color: #F2F2F2;
	border-color: #D3D3D3;

}
div#reservationBox input.text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:6px;
}
div#reservationBoxLight {
float: right;
width: 240px;
height: 200px;
z-index: 2;
background: transparent url(/ACC164_CL579/images/discover_spa_01.gif) no-repeat;
background-position: center 20px;
}

div#reservationBox p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: .90em;
font-weight: bold;
color:#00AEE6;
text-align:center;
}

div#reservationBox h3 {
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #6E4B51;
padding: 20px 0 12px 0;
}

div#reservationBox h6 {
text-align: center;
}

div#reservationBox input {
font-size: 15px;
} 

.resObjects {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
	border: 1px solid #781351;
	background-color: #F2F2F2;
	border-color: #D3D3D3;

}

/* Layout Styles */

div#headerWrapper {
	text-align: left;
	width: 898px;
	height:79px;
	border-right:#666666 1px solid;
			border-left:#666666 1px solid;
			background: url(/acc164_cl579/images/BG_header_Grad.jpg) left top no-repeat;
}

div#headerTop {
	height: 79px;
	width:525px;
	float:left;
	
}
div#contentHeader {
margin: 10px 0px 10px 0px;
width:675px;
}
div#skyBoxNav {
width: 360px;
height:79px;
float:left;
}
div#skyBoxLinks {
width: 360px;
height:25px;
text-align:right;
}

div#skyBoxSearch {
width: 360px;
height:39px;
text-align:right;
padding-bottom:3px;
}
div#skyBoxSearch a:link{
width: 360px;
height:39px;
text-align:right;
color:#33FFFF;
font-variant:small-caps;
font-size:12px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#skyBoxSearch a:hover{
color:#FFFFFF;
}
.search {
	font: 11px Verdana;
	border: 0;
	color: #999;
	width: 167px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	background: url(/ACC164_CL579/Images/frm_src_midtile.gif) repeat-x left;
}

div#headerTop h1 {}
div#headerTop h1 a { 
display: block;
width: 385px;
height: 79px;
background: transparent url(/acc164_cl579/images/BG_header_Logo.jpg) top left no-repeat;
text-decoration: none;
text-indent: -9999px;
font: normal 24px/1.6em verdana, helvetica, arial, sans-serif;
}
div#headerBanner {
width: 663px;
height: 142px;
float:right;
}
div#mainContainer {
	width: 910px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
background: url(/acc164_cl579/images/BG_Right_Drop.jpg) 898px 0px repeat-y;
}
div#wrapper {
	text-align: left;
	width: 898px;
	background-color: #FFFFFF;
		border-right:#666666 1px solid;
			border-left:#666666 1px solid;
			
}


div#main {
	background-color: #FFFFFF;
}

div#colOne {
	float: left;
	width: 212px;
	padding-top: 10px;
	margin-bottom:10px;
	
}


div#navWrapper {
	background-color: #00AEE6;
	width: 150px;
	padding: 10px;
}

div#nav {
	border: 1px solid #FFFFFF;
	background-color: transparent;
	width: 135px;
	padding: 10px;
	
}
div#nav a {
text-decoration:none;
	font-weight: bold;
	line-height: 2.5em;
	min-line-height: 2.5em;}

div#nav a:link {color:#FFFFFF;}
	

div#nav a:hover {
	color: #8bc441;
	background-color: #FFFFFF;
}

body.default div#colTwo a:link  {
color:#FFFFFF;
text-decoration:none;
}

body.default div#colTwo a:hover {
color:#FFFFFF;
text-decoration:underline;
}

div#addressLeftNav {
	margin-top:10px;
	text-align:left;
	padding-left:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0070A6;
	height:200px;
	background: #FFFFFF url(/acc164_cl579/Images/yogi_Left_crop.gif) left bottom no-repeat;
}

/* -- header images */
body.default div#headerImage {
background:url(/acc164_cl579/Images/DEFAULT_RIGHT.jpg) left top no-repeat;
width:675px;
height:285px;
margin-left:0px;
}

body.lodgingPro div#contentHeader {
background:url(/acc164_cl579/Images/header_images/yogi_girl_675-275.jpg) left bottom no-repeat;
width:675px;
height:200px;
margin-left:0px;
}
body.conventionMeeting div#contentHeader {
background:url(/acc164_cl579/Images/header_images/pavilion_675_275.jpg) left bottom no-repeat;
width:675px;
height:200px;
margin-left:0px;
}
body.drivingDirections div#contentHeader {
background:url(/acc164_cl579/Images/header_images/arcade_675_275.jpg) left bottom no-repeat;
width:675px;
height:200px;
margin-left:0px;
}
body.birthdays div#contentHeader {
background:url(/acc164_cl579/Images/header_images/birthday_675-275.jpg) left bottom no-repeat;
width:675px;
height:200px;
margin-left:0px;
}
body.bizgroups div#contentHeader {
background:url(/acc164_cl579/Images/header_images/business_retreat_675-275.jpg) left bottom no-repeat;
width:675px;
height:200px;
margin-left:0px;
}
body.eventgallery div#contentHeader {
background:url(/acc164_cl579/Images/header_images/arcade_675_275.jpg) left bottom no-repeat;
width:675px;
height:200px;
margin-left:0px;
}
body.groupservices div#contentHeader {
background:url(/acc164_cl579/Images/header_images/arcade_675_275.jpg) left bottom no-repeat;
width:675px;
height:200px;
margin-left:0px;
}
body.kidsclub div#contentHeader {
background:url(/acc164_cl579/Images/header_images/arcade_675_275.jpg) left bottom no-repeat;
width:675px;
height:200px;
margin-left:0px;
}
body.retreats div#contentHeader {
background:url(/acc164_cl579/Images/header_images/retreats_675_275.jpg) left bottom no-repeat;
width:675px;
height:200px;
margin-left:0px;
}
body.reunions div#contentHeader {
background:url(/acc164_cl579/Images/header_images/arcade_675_275.jpg) left bottom no-repeat;
width:675px;
height:200px;
margin-left:0px;
}
body.sixflags div#contentHeader {
background:url(/acc164_cl579/Images/header_images/sixflags_coaster_675-275.jpg) left bottom no-repeat;
width:675px;
height:200px;
margin-left:0px;
}

body.destination div#contentHeader {
background:url(/acc164_cl579/Images/header_images/st_louis-685-220.jpg) left bottom no-repeat;
width:675px;
height:200px;
margin-left:0px;
}

body.jellystoneactivities div#contentHeader {
background:url(/acc164_cl579/Images/header_images/Activity_675_275.jpg) left bottom no-repeat;
width:675px;
height:200px;
margin-left:0px;
}


div#colTwo
 {
	float: left;
	width: 675px;
	background: #ffffff;
	margin:0px;
	padding:0px;


}

div#footerWrapper {
margin: 0 auto 0 auto; 
text-align: center; 
width: 910px;
height:50px;
background: transparent url(/acc164_cl579/images/BG_Footer_02.jpg) 0px bottom no-repeat;
}


div#defaultColWrapper {
width:675px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}
div#defaultColWrapper img {
padding: 10px 0px 20px 0px;

}
div#defaultColWrapper h2 {
font-size:14px;
margin:0px;
padding:0px;
}
div#defaultColWrapper p {
font-size:10px;
margin:0px;
padding:0px;
}

div#defaultLeftCol {
width: 325px;
float:left;
margin:0px 5px 0px 0px;
}

div#defaultColWrapper td.contentWrap  {
font-size:11px;
margin:0px;
padding:0px 0px 0px 0px;
}

div#defaultColWrapper td.contentWrap p a:link{
text-decoration:none;
color: #0070A6;
font-weight:600;
}
div#defaultColWrapper td.contentWrap p a:visited{
text-decoration:none;
color: #0070A6;
font-weight:600;
}
div#defaultColWrapper td.contentWrap p a:hover{
text-decoration: blink;
}
div#defaultColWrapper td.contentWrap p {
font-size:11px;
line-height:13px;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#defaultColWrapper td.contentWrap h2{
color: #0070A6;
font-size:14px;
font-weight:bold;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#defaultLeftCol a:link {
text-decoration:none;
}

div#defaultRightCol {
width:325px;
float:left;
}
.contentWrap {
}
/* Content Area Styles */

div#content {
	padding: 3px 8px 12px 4px;
}
body.default div#content {
	padding: 0px 0px 0px 0px;
}
div#content h1 {
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#content p, div#content li {
font-size: 13px; 
/* color: #6a5434; */
color: #666666;
line-height: 1.3em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
body.default div#content p {
color: #666666;
}
div#content p a, div#content li a {
color: #800040;
text-decoration: underline;
}
div#content p a:hover, div#content li a:hover {
text-decoration: none;
}

div#content a:link {
color:#800040;
text-decoration:none;
}

body.div#content a:link {
color:#800040;
text-decoration:none;
}

div#content p {
	padding: 5px 5px 5px 0;
	line-height: 20px;
}
div#content ul, div#content ol { 
margin: 0 0 0 25px;
padding: 3px 10px 0 15px;
}
div#content li {
padding: 0 0 2px 0;
}

div#content h1, 
div#content h2, 
div#content h3, 
div#content h4, 
div#content h5, 
div#content h6 {
color:#669933;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
body.default div#content h1 {

}
div#content h1 a, 
div#content h2 a, 
div#content h3 a, 
div#content h4 a, 
div#content h5 a, 
div#content h6 a {
text-decoration:none
}
div#content h1 a:link, 
div#content h2 a:link, 
div#content h3 a:link, 
div#content h4 a:link, 
div#content h5 a:link, 
div#content h6 a:link {
color:#669933;
text-decoration:none
}
div#content h1 a:hover, 
div#content h2 a:hover, 
div#content h3 a:hover, 
div#content h4 a:hover, 
div#content h5 a:hover, 
div#content h6 a:hover {
text-decoration:underline
}
div#content h1 a:visited, 
div#content h2 a:visited, 
div#content h3 a:visited, 
div#content h4 a:visited, 
div#content h5 a:visited, 
div#content h6 a:visited {
color:#669933
}

div#content h1 {font-size: 16px;}
div#content h2 {font-size: 18px;}
div#content h3 {font-size: 16px;}
div#content h4 {font-size: 12px;}
div#content h5 {font-size: 14px;}
div#content h6 {font-size: 12px;}

div#content a {}
div#content a:hover {
}

div#content form {}

div#content input {}
div#content select {}

div#content hr {
background: #fdc87a;
color: #fdc87a;
border: 0;
height: 1px;
}


/*-- footer navigation --*/

div#footer {
	width: 900px;
	height: 28px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px auto 0px auto;

}

div#footerLeft {
width: 202px;
float:left;
height:28px;
}

div#footerRight {
	float:left;
	width:900px;
	height:14px;
	
}	

div#footerNav {
margin: 5px 0 30px 15px;
width:720px;
height:24px;

}
div#footer ul {
list-style: none; 
text-align: left;
height:14px;
padding: 0px 0px 10px 0px;
}
div#footer ul li {
display: inline;
color: #ffffff; 
}
div#footer li a {
color: #ffffff;
text-decoration: none;
padding: 0px 10px 0px 10px;
}
div#footer a:hover {
text-decoration: underline; 
}
div#footer p {
font-family:  "Trebuchet MS", Arial, Verdana;
font-size: 11px;
color: #e4ded7;
}
div#footer a {}
div#footer a:hover {}


div#skyboxNav {
padding: 0px 0px 10px 0;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-variant:small-caps;
font-size:12px;
color:#33FFFF;
}
div#skyboxNav ul {
list-style: none; 
text-align: center;
}
div#skyboxNav ul li {
display: inline; 
color: #33FFFF;
}
div#skyboxNav li a {
color: #33FFFF;
text-decoration: none;
padding: 0 0px 0 10px;
}
div#skyboxNav a:hover {
color: #ffffff;
text-decoration: none; 
}
/* Common Styles */

.powered {
width: 300px;
height: 42px;
font: normal 12px/1.3em verdana, helvetica, arial, sans-serif;
margin: 2px auto 10px 0px;
}

.hide {display: none;}
.cloak {visibility: hidden;}

.floatL {float: left;}
.floatR {float: right;}

.clear {clear: both;}

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

.imagePadBottom {
padding-bottom: 5px;
}
.imagePadLeft {
padding-left: 10px;
}

/* These styles are in rooms_group.css - they are NOT being 
pulled into site_details.asp as they should */

/* ------ styles for Room/Site/Cabin Display -------- */

.UnitDisplay { 
margin-bottom: 15px;
}
.UnitDisplay ul li{
line-height: 6px 
}
.UnitImage {
float: right;
margin-right: 5px;
border: 1px solid #333333;
}

/* ------ new add --------- */

.siteDisplayWrapper {
width: 100%;
margin-bottom: 5px;
padding-bottom: 20px;
border-bottom: 1px solid #731b17;
}

.siteItemName h1 {
margin: 0;
}

.siteDisplayRight {
width: 200px;
}

.siteDisplayLeft {
float: left;
width: 400px;
}
.siteDisplayLeft ul li {
line-height: 6px;
}

.siteDisplayButtons {
margin: 0;
width: 500px;
clear: both;
}

/*INP Styles*/
div#inpCategoryWrapper {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#inpCategoryWrapper a{
text-decoration:none;
color: #3e5078;
}
div#inpCategoryWrapper dl {
margin-left:0px;
font-size:12px;
}

div#inpCategoryWrapper dt {
margin-left:0px;
color: #3e5078;
font-weight:bold;
font-size:12px;
}

div#inpCategoryWrapper dd {
margin-left:10px;
font-size:12px;
}

div#inpCategoryWrapper p {
	font-size: 11px;
	}

/* Destination image styles */

.attractionimage1 {}
.attraction_image_none {
padding-right: 5px;
}

.offerBorder {
border:#336633 dotted 2px;
padding:4px;
margin:0px 0px 10px 0px;
width:600px;
} 

.unit {
	font-family:  "Trebuchet MS", Arial, Verdana;
	font-size: 10px;
	padding: 0px 5px 0px 5px;
	border:#996600 dashed 1px;
}

/*-----SEARCH STYLES ----*/
		.highlight { background: #FFFF40; }
		.searchheading { font-size: 130%; font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#669933; }
		.summary { font-size: 80%; font-style: italic; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.suggestion { font-size: 100%; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.results { font-size: 100%; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.category { color: #999999; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.sorting { text-align: right; font-family:Verdana, Arial, Helvetica, sans-serif;}

		.result_title {
		font-size: 14px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#669933;
		}
		.result_title a {
		text-decoration:none;
		color:#669933;
		}
		.result_title a:visited {
		text-decoration:none;
		color:#669933;
		}
		.result_title a:hover {
		text-decoration:underline;
		}	
		.description { font-size: 80%; color: #008000; 	font-family:Verdana, Arial, Helvetica, sans-serif; }
		.context { font-size: 80%; 	font-family:Verdana, Arial, Helvetica, sans-serif;}
		.infoline { font-size: 80%; font-style: normal; color: #808080;}

		.zoom_searchform { font-size: 100%; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.zoom_results_per_page { font-size: 80%; margin-left: 10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.zoom_match { font-size: 80%; margin-left: 10px; font-family:Verdana, Arial, Helvetica, sans-serif;}				
		.zoom_categories { font-size: 80%; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
		input.zoom_button {  }
		input.zoom_searchbox {  }		
		
		.result_image { float: left; display: block; }
		.result_image img { margin: 10px; width: 80px; border: 0px; }

		.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
		.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
		.result_pages { font-size: 100%; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.result_pagescount { font-size: 100%; font-family:Verdana, Arial, Helvetica, sans-serif;}
		
		.searchtime { font-size: 80%; font-family:Verdana, Arial, Helvetica, sans-serif;}
		
		.recommended 
		{ 
			background: #DFFFBF; 
			border-top: 1px dotted #808080; 
			border-bottom: 1px dotted #808080; 
			margin-top: 15px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { float: right; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
		.recommend_title { font-size: 100%; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.recommend_description { font-size: 100%; color: #008000; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.recommend_infoline { font-size: 80%; font-style: normal; color: #808080; font-family:Verdana, Arial, Helvetica, sans-serif;}
		
		
		/* Navigation Styles */
/* -------------------------------- */

div#topNav {
width: 100%;
height: 20px;
}
div#topNav ul {
width: 100%;
list-style: none;
}
div#topNav ul li {
display: block;
float: left;
}

div#topNav ul li a {
font-family: verdana, arial, sans-serif;
font-size: 9px;
font-weight: bold;
color: #4b3026;
text-decoration: none;
text-transform:uppercase;
display: block;
}

/* classes are:  */
/* .about
   .events
   .activities
   .packages
   .nearby
   .guide
*/
.home a {
display: block;
width: 64px;
height: 20px;
background: transparent url(/acc2_cl50/images/nav/home.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
}
.home a:hover, body.resortinfoOn .home a  {
background: transparent url(/acc2_cl50/images/nav/homeOn.gif) top left no-repeat;
}


.resort a {
display: block;
width: 78px;
height: 20px;
background: transparent url(/acc2_cl50/images/nav/the-resort.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
}
.resort a:hover, body.resortinfoOn .resort a  {
background: transparent url(/acc2_cl50/images/nav/the-resortOn.gif) top left no-repeat;
}
.cottageRental a {
display: block;
width: 153px;
height: 20px;
background: transparent url(/acc2_cl50/images/nav/vacation-home-rentals.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
}
.cottageRental a:hover, body.activitiesOn .cottageRental a {
background: transparent url(/acc2_cl50/images/nav/vacation-home-rentalsOn.gif) top left no-repeat;
}
.rv a {
display: block;
width: 41px;
height: 20px;
background: transparent url(/acc2_cl50/images/nav/rvs.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
}
.rv a:hover, body.areaOn .rv a{
background: transparent url(/acc2_cl50/images/nav/rvsOn.gif) top left no-repeat;
}
.tenting a {
display: block;
width: 61px;
height: 20px;
background: transparent url(/acc2_cl50/images/nav/tenting.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
}
.tenting a:hover, body.ratesOn .tenting a {
background: transparent url(/acc2_cl50/images/nav/tentingOn.gif) top left no-repeat;
}

.cottageSales a {
display: block;
width: 140px;
height: 20px;
background: transparent url(/acc2_cl50/images/nav/vacation-home-sales.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
}
.cottageSales a:hover, body.packageOn .cottageSales a {
background: transparent url(/acc2_cl50/images/nav/vacation-home-salesOn.gif) top left no-repeat;
}
.offers a {
display: block;
width: 93px;
height: 20px;
background: transparent url(/acc2_cl50/images/nav/special-offers.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
}
.offers a:hover, body.packageOn .offers a {
background: transparent url(/acc2_cl50/images/nav/special-offersOn.gif) top left no-repeat;
}

.activities a {
display: block;
width: 69px;
height: 20px;
background: transparent url(/acc2_cl50/images/nav/activities.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
}
.activities a:hover, body.packageOn .activities a {
background: transparent url(/acc2_cl50/images/nav/activitiesOn.gif) top left no-repeat;
}


.area a {
display: block;
width: 81px;
height: 20px;
background: transparent url(/acc2_cl50/images/nav/resort-map.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
}
.area a:hover, body.packageOn .area a {
background: transparent url(/acc2_cl50/images/nav/resort-mapOn.gif) top left no-repeat;
}
/* "currently on" and "hover" states */

div#topNav ul li a:hover,
div#topNav ul li:hover a,
div#topNav ul li.sfhover a,
div#topNav ul li:hover ul li a,
div#topNav ul li.sfhover ul li a {
color: #ffffff;
}

div#topNav ul ul {
padding: 0;
position: absolute;
margin-left: 0px;
left: -9999px;
width: 134px;
z-index: 100;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom:none;
background: #41bdd5;
}

div#topNav ul ul ul {
margin: -1.9em 0 0 148px;
}
div#topNav ul ul li {
display: inline;
float: none;
margin: 0;
}
div#topNav ul ul li a {
display: block;
padding: 3px;
width: 127px !important;
width: 135px;
color: #000000;
border-right:none;
border-left:none;
border-top:none;
border-bottom:none;  
background: url(/acc2_cl50/images/nav/whiteBottom.gif) 21px left repeat-x;
}
div#topNav ul ul li a:hover,
div#topNav ul ul li:hover a:hover {
background-color: #018ba9;
color: #ffffff;
}

div#topNav li:hover ul ul,
div#topNav li.sfhover ul ul,
div#topNav li:hover ul ul ul,
div#topNav li.sfhover ul ul ul,
div#topNav li:hover ul ul ul ul,
div#topNav li.sfhover ul ul ul ul {
left: -9999px;
}

div#topNav li:hover ul,
div#topNav li.sfhover ul {
left: auto;
}

div#topNav li:hover ul,
div#topNav li.sfhover ul,
div#topNav li li:hover ul,
div#topNav li li.sfhover ul,
div#topNav li li li:hover ul,
div#topNav li li li.sfhover ul,
div#topNav li li li li:hover ul,
div#topNav li li li li.sfhover ul {
left: auto;
}
/*---top nav link --*/
div#topNavLinks {
width: 100%;
height: 39px;
}
div#topNavLinks ul {
width: 100%;
list-style: none;
}
div#topNavLinks ul li {
display: block;
float: left;
}

div#topNavLinks ul li a {
font-family: verdana, arial, sans-serif;
font-size: 9px;
font-weight: bold;
color: #4b3026;
text-decoration: none;
text-transform:uppercase;
display: block;
}

.owners a {
display: block;
width: 177px;
height: 39px;
background: transparent url(/acc2_cl50/images/nav/owners-exclusive.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
}
.owners a:hover, body.packageOn .owners a {
background: transparent url(/acc2_cl50/images/nav/owners-exclusiveOn.gif) top left no-repeat;
}

.reserve a {
display: block;
width: 95px;
height: 39px;
background: transparent url(/acc2_cl50/images/nav/reserve-now.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
}
.reserve a:hover, body.packageOn .reserve a {
background: transparent url(/acc2_cl50/images/nav/reserve-nowOn.gif) top left no-repeat;
}

.contact a {
display: block;
width: 98px;
height: 39px;
background: transparent url(/acc2_cl50/images/nav/contact-us.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
}
.contact a:hover, body.packageOn .contact a {
background: transparent url(/acc2_cl50/images/nav/contact-usOn.gif) top left no-repeat;
}