#menu { 
  float: left;
  position: absolute;
  top: 80px;
  _top: 80px; /* for IE6 */
  right: 9px;
}

#menu ul {
  width: 635px;
  list-style: none;
  display: inline;
  height: 30px;
  float: left;
  padding:0;
  margin:0;
}

#menu ul li {
  list-style-type: none;
  display: inline;
}

#menu ul li a {
  padding: 30px 0 0 0;
  height: 0;
  overflow: hidden;
  float: left;
  display: block;
  background: url(/_img/topnav/nav.gif) no-repeat top left;
}

#menu ul li a#nav-neighborhood {
  width: 129px !important;
}

  #menu ul li a#nav-neighborhood:hover, #menu ul li a#nav-neighborhood.on {
    background-position: 0 -30px;
  }

#menu ul li a#nav-development {
  width: 125px;
  background: url(/_img/topnav/nav.gif) no-repeat -125px 0;
}
  
  #menu ul li a#nav-development:hover, #menu ul li a#nav-development.on {
    background-position: -125px -30px;
  }

#menu ul li a#nav-events-calendar {
  width: 146px;
  background: url(/_img/topnav/nav.gif) no-repeat -253px 0;
}

  #menu ul li a#nav-events-calendar:hover, #menu ul li a#nav-events-calendar.on {
    background-position: -253px -30px;
  }
  
#menu ul li a#nav-getting-around {
  width: 140px;
  background: url(/_img/topnav/nav.gif) no-repeat -399px 0;
}

  #menu ul li a#nav-getting-around:hover, #menu ul li a#nav-getting-around.on {
    background-position: -399px -30px;
  }

#menu ul li a#nav-about-us {
  width: 92px;
  background: url(/_img/topnav/nav.gif) no-repeat -538px 0;
}

  #menu ul li a#nav-about-us:hover, #menu ul li a#nav-about-us.on {
    background-position: -538px -30px;
  }

#menu ul ul li a, #menu ul ul ul li a {
  background-image: none !important;
} 

#menu ul ul, 
#menu ul ul ul {
  display: none;
}

#menu ul ul li, 
#menu ul ul ul li {
  display: none;
}

div.subnav {
  position: absolute;
  top: 110px;
  width: 173px;
  display: none;
  z-index:490;
}

div.subnav ul {
  list-style: none; 
  width: 150px;
  height: auto;
  background-color: #092a5a;
  margin: 0 0 0 23px;
  padding: 0;
  border: 2px solid #081a49;
   z-index:491;
}

div.subnav li, div.subnav a {
  color: white;
  font-weight: normal;
  font-family: geneva,arial,helvetica,sans-serif;
  text-decoration: none;
   z-index:492;
}

div.subnav ul li a {
  display: block;
   z-index:495;
}

div.subnav ul li {
  padding: 10px;
  border-bottom: solid thin #004078;
  cursor: pointer;
   
}

div.subnav ul li.sub {
  cursor: default;
}

div.subnav ul li.on {
  background-color: #0f3f76;
  color: #ffee00;
}

div.subnav ul li.on a {
  color: #ffee00;
}

div.subnav ul li.on li a {
  color: white;
}

div.subnav ul li.on li a:hover {
  color: #ffee00;
}

div.subnav ul ul {
  width: 150px;
  background-color: #0f3f76;
  margin: 0;
  position: absolute;
  top: -2px;
  right: -154px;
  z-index:500;
  display: none;
}

div.subnav ul ul li {
  border-bottom: solid thin #092a5a;
}

div.subnav ul li.sub {
  position: relative;
}

div#neighborhood {
  left: 320px;
  background: url(/_img/topnav/be-out-front.gif) no-repeat top left;
}

div#development {
  left: 455px;
  width: 330px;
  background: url(/_img/topnav/at-the-forefront.gif) no-repeat top left;
}

div#events-calendar {
  left: 580px;
  width: 330px;
  background: url(/_img/topnav/front-row.gif) no-repeat top left;
}

div#getting-around {
  left: 725px;
  background: url(/_img/topnav/front-wheel-drive.gif) no-repeat top left; 
}

div#about-us {
  left: 865px;
  background: url(/_img/topnav/meet-the-front.gif) no-repeat top left;   
}

/* /END Menu Nav Styles */