#nav{
width:100%;
height:31px;
margin: 0px auto 0px auto;
text-align:center;
background: url(images/navbg.jpg) repeat-x;
}

ul#menu ul, li, a
{
margin: 0; 
padding: 0;
padding-left: 2px;
padding-right: 3px;
padding-top: 3px;
}

ul#menu li
{
display: inline;
float: left;
position: relative;
text-align: center;
}

ul#menu li:hover
{
background-color: #;
}

/* Second tier */

ul#menu li ul
{
background-color: #3268c2;
display: none;
left: 10px;
margin: 0;
position: absolute;
top: 100%;
width: 200px;
}

/* When the user hovers over a list item, we'll then make the nested unordered list visibile*/

ul#menu li:hover ul
{
display: block;
}

ul#menu li ul li
{
border-right: none;
margin: 0;
padding: 0;
text-align: left;
width: 100%;
}

ul#menu li ul li a
{
padding-left: .3em;
color:#FFFFFF;
}

ul#menu li ul li:hover a
{
background-color: #c10100;
color:#FFFFFF;
display: block;
text-decoration:none;
}

.noBorder
{
border: none;
}

/*Menu Begins*/
ul#menu {
  height:20px;
  width:100%;
  list-style:none;
  margin:0;
  padding:0;
}

ul#menu li a {
  display:block;
  height:20px;
  position:relative;
}
ul#menu li a.about {
  width:109px;
  background:url(../images/about.jpg) no-repeat scroll top left;
}

ul#menu li a.visitor {
  width:95px;
  background-position:-109px 0px;
  background:url(../images/visitorsinfo.jpg) no-repeat scroll top left;
}
ul#menu li a.relocate {
  width:109px;
  background-position:-112px 0px;
  background:url(../images/relocateretire.jpg) no-repeat scroll top left;
}
ul#menu li a.events {
  width:65px;
  background-position:-221px 0px;
  background:url(../images/events.jpg) no-repeat scroll top left;
}
ul#menu li a.buyersguide {
  width:102px;
  background-position:-286px 0px;
  background:url(../images/buyersguide.jpg) no-repeat scroll top left;
}
ul#menu li a.ecdevelopment {
  width:162px;
  background-position:-388px 0px;
  background:url(../images/ecdevelopment.jpg) no-repeat scroll top left;
}
ul#menu li a.government {
  width:100px;
  background-position:-550px 0px;
  background:url(../images/government.jpg) no-repeat scroll top left;
}
ul#menu li a.contact {
  width:70px;
  background-position:-650px 0px;
  background:url(../images/contact.jpg) no-repeat scroll top left;
}
ul#menu li a.links {
  width:57px;
  background-position:-720px 0px;
  background:url(../images/links.jpg) no-repeat scroll top left;
}

ul#menu li a.members {
  width:128px;
  background-position:-777px 0px;
  background:url(../images/members.jpg) no-repeat scroll top left;
}


/*hover effects */

ul#menu li a.about span {
  background:url(../images/about_over.jpg) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:41px;
  width:100%;
  z-index:100;
}
ul#menu li a.visitor span {
  background:url(../images/visitorsinfo_over.jpg) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:41px;
  width:100%;
  z-index:100;
}
ul#menu li a.relocate span {
  background:url(../images/relocateretire_over.jpg) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:20px;
  width:100%;
  z-index:100;
}
ul#menu li a.events span {
  background:url(../images/events_over.jpg) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:20px;
  width:100%;
  z-index:100;
}
ul#menu li a.buyersguide span {
  background:url(../images/buyersguide_over.jpg) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:41px;
  width:100%;
  z-index:100;
}
ul#menu li a.ecdevelopment span {
  background:url(../images/ecdevelopment_over.jpg) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:20px;
  width:100%;
  z-index:100;
}
ul#menu li a.government span {
  background:url(../images/government_over.jpg) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:20px;
  width:100%;
  z-index:100;
}
ul#menu li a.contact span {
  background:url(../images/contact_over.jpg) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:20px;
  width:100%;
  z-index:100;
}
ul#menu li a.links span {
  background:url(../images/links_over.jpg) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:20px;
  width:100%;
  z-index:100;
}
ul#menu li a.members span {
  background:url(../images/members_over.jpg) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:20px;
  width:100%;
  z-index:100;
}