﻿.links  { display:none;border-left: none;border-bottom: none;border-right: none;border-top: none;margin:0px;padding-bottom:10px;padding-top:20px;padding-left:0px;padding-right:0px;z-index:1000; }
.links * { z-index:1000; }
.links a:hover { text-decoration:underline; }

#nav_wrapper {
	margin: 0px 0px 0px 0px;
	width:1024px;
	position:relative;
	top:20px;
	z-index:1000;
	background-color: #000;
}



#top_nav {display:block; position:relative; height:36px;z-index:1000;top:0px;}
#menu-container { display:block; position:absolute; width:855px; margin:0px auto 0px; font-size:11px; }
#drop_down_menu { display:block; position:relative; clear:both; margin:0px; padding:0px; text-align:left; list-style-type:none; width:835px; float:none; left:0px; top:0px;z-index:1000; }
#drop_down_menu li { font-size:11px; font-weight:bold; float:left; }
#drop_down_menu .links a { margin-bottom:3px; }
#drop_down_menu li.first {padding-left:0px;position:absolute;left:7px;}
#drop_down_menu li.last {padding-right:0;}
#drop_down_menu li * { list-style-type:none; }
#drop_down_menu li a { color:#595959;text-decoration:none; }
#drop_down_menu li a:hover { text-decoration:underline; }


#drop_down_menu .column{
	width:170px;
	float:left;
	background-image:url(images/top-nav-divider.gif);background-repeat:no-repeat;background-position:right top;
}
.column li {
	list-style-type:none;
	font-weight: bold;
	color:#666;
	display:block;
	background-image:url(images/top-nav-divider.gif);background-repeat:no-repeat;background-position:right top;
}
.column li ul li { line-height:14px;list-style-type:none;	margin-left:-25px;}
.column li ul li a {font-weight:normal;white-space:nowrap; }
.column li {background-color:transparent; }

.menu {	font-family: Verdana; font-size:11px;  }
.second { position:absolute; left:131px; }
.third {
	position:absolute;
	left:266px;
}
.fourth { position:absolute; left:385px; }
.fifth { position:absolute; left:-80px;background-color:transparent !important;margin-left:589px; }
html>body .fifth .links { min-height:240px !important; }
#drop_down_menu .last { position:absolute; left:240px;margin-left:276px; }
.second .col1_heading { width:150px !important; }
.first .links { width:632px;margin-left:0px;height:145px; }
.first div.dialog { width:500px;top:-2px; }
.second .links { width:143px;margin-left:-10px;height:105px; }
.second div.dialog { width:143px;margin-left:31px; }
.third .links { width:143px;margin-left:-8px;height:95px; }
.third div.dialog { width:153px; }
.fourth .links { width:143px;margin-left:-10px;height:25px; }
.fourth div.dialog { width:143px;margin-left:26px; }
.fifth .links { width:680px;margin-left:-8px;height:220px; }
.fifth div.dialog { width:680px;margin-left:0px; }
.last .links { width:154px;margin-left:-10px;height:60px; }
.last div.dialog { width: 153px;margin-left:26px; }
.last .links li { width: 153px; }


ul#drop_down_menu {
	list-style: none;
	}
	ul#drop_down_menu li {
		display: inline;
	}
	ul#drop_down_menu li a {
		display: block;
		height: 36px;
		text-decoration: none !important;
		}
	ul#drop_down_menu li a b {
		text-decoration: none !important;
		position:relative;
		top: 30px;
		color: #ffffff;
		font-size:4pt;
		display:none;
	}
		ul#drop_down_menu li.first ul.links *, 
		ul#drop_down_menu li.second ul.links *, 
		ul#drop_down_menu li.third ul.links *, 
		ul#drop_down_menu li.fourth ul.links *, 
		ul#drop_down_menu li.fifth ul.links *, 
		ul#drop_down_menu li.last ul.links * {
			height: auto;
		}
		ul#drop_down_menu li.first ul.links a:hover, 
		ul#drop_down_menu li.second ul.links a:hover, 
		ul#drop_down_menu li.third ul.links a:hover, 
		ul#drop_down_menu li.fourth ul.links a:hover, 
		ul#drop_down_menu li.fifth ul.links a:hover, 
		ul#drop_down_menu li.last ul.links a:hover {
			text-decoration:underline !important;
		}
		ul#drop_down_menu li.first a {
			background: url(images/menuBar/ourPlaygrounds.gif) no-repeat bottom center;
			width:123px;
			}
		ul#drop_down_menu li.second a {
			background: url(images/menuBar/freestanding.gif) no-repeat bottom center;
			width:132px;
			
		}
		ul#drop_down_menu li.third a {
			background: url(images/menuBar/siteAmenities.gif) no-repeat bottom center;
			width:123px;
			}
		ul#drop_down_menu li.fourth a {
			background: url(images/menuBar/aboutUs.gif) no-repeat bottom center;
			width:123px;
			}
		ul#drop_down_menu li.fifth a {
			background: url(images/menuBar/contactUs.gif) no-repeat bottom center;
			width:123px;
			}
		ul#drop_down_menu li.first a.selected,
		ul#drop_down_menu li.second a.selected,
		ul#drop_down_menu li.third a.selected,
		ul#drop_down_menu li.fourth a.selected,
		ul#drop_down_menu li.fifth a.selected,
		ul#drop_down_menu li.last a.selected {
			background-position: top center;
		}
		ul#drop_down_menu li.last a {
			background: url(images/menuBar/contactUs.gif) no-repeat bottom center;
			width:123px;
			}
			ul#drop_down_menu li.first a:hover, 
			ul#drop_down_menu li.second a:hover, 
			ul#drop_down_menu li.third a:hover, 
			ul#drop_down_menu li.fourth a:hover, 
			ul#drop_down_menu li.fifth a:hover, 
			ul#drop_down_menu li.last a:hover {
				background-position: center center;
				
			}
		ul.links {
			background-color: transparent !important;
		}
		ul.links * {
			background: transparent !important;
		}
.links_hover {
	background-position:center center !important;
}
		
/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1024px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:26px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(images/menuBar/drop-down-full-white.png) no-repeat top right;
 _background-image:url(images/menuBar/drop-down-full-white.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 26px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:26px; /* top slice width */
 margin-left:-26px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
 display:none;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:26px; /* bottom corner width */
 margin-left:-26px;
 background-position:bottom left;
 /*float:left;*/  /* added */
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 /*overflow:auto;*/ /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}

#bottom_png2 {
	width:500px;
}

/*#bottom_png5
{
	width:775px;
}*/
.last .shadow_cover {
	height:6px;
	width:123px;
	background-image:url(images/menuBar/filler1.png);
	background-repeat:no-repeat;
	background-position:left top;
	position:absolute;
	display:none;
	z-index:3001;
	left:-1px;
	top:34px;
}
.fifth .shadow_cover {
	height:6px;
	width:123px;
	background-image:url(images/menuBar/filler1.png);
	background-repeat:no-repeat;
	background-position:left top;
	position:absolute;
	display:none;
	z-index:3001;
	left:0px;
	top:34px;
}
.fourth .shadow_cover {
	height:6px;
	width:123px;
	background-image:url(images/menuBar/filler1.png);
	background-repeat:no-repeat;
	background-position:-1px top;
	position:absolute;
	display:none;
	z-index:3001;
	left:0px;
	top:34px;
}
.third .shadow_cover {
	height:6px;
	width:123px;
	background-image:url(images/menuBar/filler1.png);
	background-repeat:no-repeat;
	background-position:-1px top;
	position:absolute;
	display:none;
	z-index:3001;
	left:0px;
	top:34px
}
.second .shadow_cover {
	height:11px;
	width:170px;
	background-image:url(images/menuBar/filler1.png);
	background-repeat:no-repeat;
	background-position:4px top;
	position:absolute;
	display:none;
	z-index:3001;
	left:0px;
	top:34px;
}
.first .shadow_cover {
	height:6px;
	width:123px;
	background-image:url(images/menuBar/filler1.png);
	background-repeat:no-repeat;
	background-position:-1px top;
	position:absolute;
	display:none;
	z-index:3001;
	left:0px;
	top:34px;
}
.divider { width:1px; height:16px; background-color:#e3e3e3 !important;position:absolute;top:10px;z-index:2001; }
.divider .last { background-color:#e3e3e3 !important; }
#firstDivider { left:130px; }
#secondDivider { left:265px; }
#thirdDivider { left: 385px; }
#fourthDivider { left:-80px; }
#fifthDivider { left:368px!important; }
#fourthDivider, #fifthDivider { background-color:#e3e3e3 !important; }
