/*******************************************/
/* SUCKERFISH (SINGLE LEVEL OF DROP DOWNS! */
/* heavily modifed and tested up to IE8    */
/*******************************************/

/* all lists, items, hovers */
#topnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	#topnav li {
		border-right: 1px solid #fff;
		display: inline;
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#topnav a {
		width: 100%;
		display: block;
	}



/* first level (always shown / was in main CSS) */
ul#nav {
	width: 943px;
	height: 36px;
}
	
	ul#nav li#tna { width: 60px; padding-right: 10px; }
	ul#nav li#tnb { width: 80px; }
	ul#nav li#tnc { width: 110px; }
	ul#nav li#tnd { width: 80px; }
	ul#nav li#tne { width: 80px; }
	ul#nav li#tnf { width: 120px; }
	ul#nav li#tng { width: 120px; }
	ul#nav li#tnh { width: 110px; }
	ul#nav li#tni { width: 130px; }

	ul#nav li a {
		width: 100%;
		height: 36px;
		color: #000;
		display: block;
		line-height: 36px;
		margin: 0;
		padding: 0;
		text-align: center;
		text-decoration: none;
	}

	ul#nav li a:hover, ul#nav li a:active {
		color: #fff;
	}

	/* APPLY ONSTATE OVERRIDE */
	ul#nav li.onstate { font-weight: bold; }

	/* APPLY HOME OVERRIDE */
	ul#nav li#tna {
		padding-left: 30px;
		background: url(/images/homeicon.gif) no-repeat 5px 6px;
	}
	
		/** ie6 LI width hacks **/
		* html ul#nav li#tna { width: 100px }


	/* APPLY END OVERRIDE */
	#topnav li#tni {
		border-right: none;
	}

/* positioning / z-indexing for IE */	
#topnav li:hover, #topnav li.sfhover {
	position: relative;
	z-index: 20;
}



/* second-level lists (shown on mouseover of first level) */
		#topnav li ul {
			width: 190px;
			border: 1px solid #dda;
			margin: -3px 0 0 0px;
			padding: 0px;
			position: absolute;
			left: -999em;
			text-transform: none;
			z-index: 30; /* overlay other content */
		}

			#topnav li ul li {
				display: block;
				background-color: #eeb;
				border-right: none;
				border-bottom: 1px solid #fff;
					/* transparency on LI works in all */
					opacity: 0.95; /* firefox */
					filter: alpha(opacity=95); /* ie */
			}

			
				#topnav li ul li a {
					width: 170px;
					padding: 0px 10px;
					text-align: left;
				}

				#topnav li ul li a:link, #topnav li ul li a:visited {
					color: #000;
				}

				#topnav li ul li a:hover, #topnav li ul li a:active {
					background-color: #dda;
					color: #330;
				}




/* bring the hidden items back (lists nested under hovered list items) */
#topnav li:hover ul,  #topnav li.sfhover ul, 
#topnav li li:hover ul, #topnav li li.sfhover ul { 
	visibility: visible;
	left: auto;
}


/*********************
 SPECIFIC PAGES TOPNAV
**********************/

#golf #topnav li ul {
	border: 1px solid #cd9;	
}

#golf #topnav li ul li {
	background-color: #dea;
	}


#golf #topnav li ul li a:hover, #golf #topnav li ul li a:active {
	background-color: #cd9;
	color: #330;
}



#bedrooms #topnav li ul {
	border: 1px solid #b7b793;	
}

#bedrooms #topnav li ul li {
	background-color: #e7e7db;
	}


#bedrooms #topnav li ul li a:hover, #bedrooms #topnav li ul li a:active {
	background-color: #b7b793;
	color: #330;
}



#restaurant #topnav li ul {
	border: 1px solid #99886c;	
}

#restaurant #topnav li ul li {
	background-color: #e7e3dd;
	}


#restaurant #topnav li ul li a:hover, #restaurant #topnav li ul li a:active {
	background-color: #99886c;
	color: #330;
}


#weddings #topnav li ul {
	border: 1px solid #ebe0b7;	
}

#weddings #topnav li ul li {
	background-color: #ffffe6;
	}


#weddings #topnav li ul li a:hover, #weddings #topnav li ul li a:active {
	background-color: #ebe0b7;
	color: #330;
}


#corporate #topnav li ul {
	border: 1px solid #8a9aa7;	
}

#corporate #topnav li ul li {
	background-color: #e7ebe9;
	}


#corporate #topnav li ul li a:hover, #corporate #topnav li ul li a:active {
	background-color: #8a9aa7;
	color: #330;
}


#spa #topnav li ul {
	border: 1px solid #86b9b8;	
}

#spa #topnav li ul li {
	background-color: #e6f0f0;
	}


#spa #topnav li ul li a:hover, #spa #topnav li ul li a:active {
	background-color: #86b9b8;
	color: #330;
}


#hotel #topnav li ul {
	border: 1px solid #dda;	
}

#hotel #topnav li ul li {
	background-color: #ebebce;
	}


#hotel #topnav li ul li a:hover, #hotel #topnav li ul li a:active {
	background-color: #dda;
	color: #330;
}