div#nav ul { list-style: none; }

ul#nav-primary { position: absolute; top: 96px; left: 0px; width: 960px; z-index: 300; }

div.jp-nav ul#nav-primary { left: 50px; }

ul#nav-primary li { float: left; display: inline; background-repeat: no-repeat; background-position: 0 0; }
ul#nav-primary li a { display: block; height: 29px; background-repeat: no-repeat; background-position: 0 0; }

ul#nav-primary li a:hover,
ul#nav-primary li:hover a,
ul#nav-primary li.over a,
ul#nav-primary li.current a { background-position: 0px -42px; }

li#primary-about, li#primary-about a { width: 134px; background-image: url("../images/nav/pri-about.gif"); }
li#primary-current-projects, li#primary-current-projects a { width: 219px; background-image: url("../images/nav/pri-current-projects.gif"); }
li#primary-donations, li#primary-donations a { width: 230px; background-image: url("../images/nav/pri-donations.gif"); }
li#primary-grants, li#primary-grants a { width: 238px; background-image: url("../images/nav/pri-grants.gif"); }
li#primary-awards, li#primary-awards a { width: 139px; background-image: url("../images/nav/pri-awards.gif"); }

ul#nav-primary ul { overflow: hidden; position: absolute; left: auto; top: 28px; display: none; width: 187px; padding: 11px 0 10px 0px; background: #31456d url("../images/nav/subnav-bg.gif") no-repeat 0 bottom;; }
body.residences ul#nav-primary ul { overflow: hidden; position: absolute; left: auto; top: 23px; display: none; width: 187px; padding: 11px 0 10px 0px; background: #31456d url("../images/nav/subnav-bg.gif") no-repeat 0 bottom;; }

ul#nav-primary li.over ul, ul#nav-primary li:hover ul { display: block; }

/*(ul#nav-primary li ul li { width: 156px; padding: 0 0 10px 20px; height: auto; border-left: 1px solid #794b2f; border-right: 1px solid #794b2f; background: none; }
ul#nav-primary li ul li a { width: auto; height: auto; font: 1em Verdana; text-transform: uppercase; text-decoration: none; color: #bfa869; background: none; }
ul#nav-primary li ul li.last { padding-bottom: 0px; }
ul#nav-primary li ul li a:hover { background: #4d2a14; color: #fff; }
ul#nav-primary li:hover ul ul,*/


ul#nav-primary li ul li { width: 187px; padding: 0 0 0px 0px; height: auto; background: none; }
ul#nav-primary li ul li a { display: block; width: 147px; height: auto; padding: 5px 20px; font: 1em Verdana; text-transform: uppercase; text-decoration: none; color: #d4b27a; background: none; }
ul#nav-primary li ul li.last { padding-bottom: 0px; }
ul#nav-primary li ul li a:hover { background: #1b263d; color: #fff; }
ul#nav-primary li:hover ul ul,
ul#nav-primary li.over ul ul { display: none; }

ul#nav-primary li#primary-private-events ul { width: 169px;  background-image: url("../images/nav/subnav-narrow-bg.gif"); }
ul#nav-primary li#primary-private-events ul li a { width: 129px; }

ul#nav-primary li#primary-overview ul { width: 169px;  background-image: url("../images/nav/subnav-narrow-bg.gif"); }
ul#nav-primary li#primary-overview ul li a { width: 129px; }

ul#nav-primary li#primary-activities ul { width: 236px;  background-image: url("../images/nav/subnav-wide-bg.gif"); }
ul#nav-primary li#primary-activities ul li a { width: 196px; }

ul#nav-primary li#primary-activities-jp ul { margin-left: 5px; }

ul#nav-primary li#primary-overview-jp ul { width: 169px;  background-image: url("../images/nav/subnav-narrow-bg.gif"); }
ul#nav-primary li#primary-overview-jp ul li a { width: 129px; }

ul#nav-primary li#primary-accommodations-jp ul { width: 262px;  background-image: url("../images/nav/sec-nav-bg-wider.gif"); }
ul#nav-primary li#primary-accommodations-jp ul li a { width: 222px; }

ul#nav-primary li#primary-dining-jp ul { margin-left: 3px; width: 262px;  background-image: url("../images/nav/sec-nav-bg-wider.gif"); }
ul#nav-primary li#primary-dining-jp ul li a { width: 222px; }


/*ul#nav-primary li#primary-private-events ul { width: 163px;  background-image: url("../images/nav/sec-nav-bg-wide.gif"); }
ul#nav-primary li#primary-private-events ul li a { width: 141px; }*/

div#sidebar div#subnav-wrapper { overflow: hidden; width: 219px; margin-bottom: 10px; background: url("../images/nav/subnav-repeat-bg.gif") repeat-y 0 0; }
div#sidebar div#subnav { overflow: hidden; width: 219px; background: url("../images/nav/subnav-top-bg.gif") no-repeat 0 0; }
div#sidebar div#subnav ul { width: 219px; background: url("../images/nav/subnav-bottom-bg.gif") no-repeat 0 bottom; }
div#subnav h3 { margin: 8px 0 20px 0; width: 219px; height: 18px; font: italic 18px/18px Arial; text-align: center; color: #1B263D; }


div#sidebar div#subnav ul { padding-bottom: 10px; color: #CCAA72; text-transform: uppercase; font-size: 1.1em !important; font-family: Georgia; list-style: none; }
div#sidebar div#subnav ul li { margin: 0 8px 10px 20px; }
div#sidebar div#subnav ul li a { color: #CCAA72; text-decoration: none; letter-spacing:1px; }
div#sidebar div#subnav ul li.current a,
div#sidebar div#subnav ul li a:hover { color: #FFF; }
div#sidebar div#subnav ul ul { display: none; background: none; text-transform: capitalize; font: .9em Verdana; }
div#sidebar div#subnav ul li.current ul { overflow: hidden; display: block; padding: 7px 0 2px 0; }
div#sidebar div#subnav ul li.current ul li { margin-left: 10px; }
div#sidebar div#subnav ul li.current ul li.last { margin-bottom: 0; }
div#sidebar div#subnav ul li.current ul li a { color: #f0d8b2; padding-left: 10px; background: url("../images/nav/ter-nav-li-bg.gif") no-repeat 0 2px; font-size: .9em; }
div#sidebar div#subnav ul li.current ul li a:hover,
div#sidebar div#subnav ul li.current ul li.current a { color: #fff;background-position: 0 -20px; }

div#sidebar div#subnav ul li.current ul ul { display: none; }
div#sidebar div#subnav ul li.current ul li.current ul { display: block; }
div#sidebar div#subnav ul li.current ul li.current ul li { font-size: 1.1em; }
div#sidebar div#subnav ul li.current ul li.current ul li a { color: #f0d8b2; padding-left: 10px; background: url("../images/nav/ter-nav-li-bg.gif") no-repeat 0 2px; }
div#sidebar div#subnav ul li.current ul li.current ul li a:hover,
div#sidebar div#subnav ul li.current ul li.current ul li.current a { color: #fff;background-position: 0 -20px; }


ul#nav-utility { overflow: hidden; margin: 0 0 19px 20px; width: 940px; }
ul#nav-utility li { float: left; display: inline; margin-right: 6px; padding-right: 6px; border-right: 1px solid #513d1c; }
ul#nav-utility li a { display: block; height: 11px;  background-repeat: no-repeat; background-position: 0 0; }
ul#nav-utility li a:hover, ul#nav-utility li a.current { background-position: 0 -20px; }
ul#nav-utility li.last { border-right: none; }

li#utility-specials a { width: 100px; background-image: url("../images/nav/utility-specials.gif"); }
li#utility-specials-signup a { width: 120px; background-image: url("../images/nav/utility-signup.gif"); }
li#utility-concierge a { width: 71px; background-image: url("../images/nav/utility-concierge.gif"); }
li#utility-awards a { width: 50px; background-image: url("../images/nav/utility-awards.gif"); }
li#utility-contact a { width: 80px; background-image: url("../images/nav/utility-contact.gif"); }
li#utility-press a { width: 77px; background-image: url("../images/nav/utility-press.gif"); }
li#utility-careers a { width: 52px; background-image: url("../images/nav/utility-careers.gif"); }



/*   Reseidences Inset Nav   */
div#residences-inset-nav { float: right; width: 219px; overflow: hidden; background: url("../images/nav/inset-nav-frame.gif") top left no-repeat; margin: 10px 86px 30px 30px; height: 214px; }
div#residences-inset-nav ul { margin: 15px 10px; display: block; border: none; }
div#residences-inset-nav ul li, div#residences-inset-nav ul li a { display: block; overflow: hidden; border: none; }
	ul li.inset-nav-features a { background: url("../images/nav/inset-nav-features.gif") top left no-repeat; width: 199px; height: 39px; }
	ul li.inset-nav-photos a { background: url("../images/nav/inset-nav-photos.gif") top left no-repeat; width: 199px; height: 30px;  }
	ul li.inset-nav-videos a { background: url("../images/nav/inset-nav-videos.gif") top left no-repeat; width: 199px; height: 29px; }
	ul li.inset-nav-contactus a { background: url("../images/nav/inset-nav-contact-us.gif") top left no-repeat; width: 199px; height: 29px; }
	ul li.inset-nav-community a { background: url("../images/nav/inset-nav-community.gif") top left no-repeat; width: 199px; height: 29px; }
	ul li.inset-nav-book-now a { background: url("../images/nav/inset-nav-book-now.gif") top left no-repeat; width: 199px; height: 28px; }
div#residences-inset-nav ul li a:hover { border: none; }