/* ----------------------------- start #nav ----------------------------- */
#nav img { border: 0px solid #ccc;  }
#nav li { display: inline; list-style:none; }
#nav li a { float: left; display:block; height: 20px; margin-right: 40px; }
#nav li a img {  border: 0px solid #ccc; vertical-align:bottom; /* for IE6 */}
#nav li a:hover { visibility:visible; }
#nav li a:hover img { visibility:visible; }
#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* ----------------------------- end #nav ----------------------------- */


/* ----------------------------- start #nav ids ----------------------------- */
#one { background:url(/img/nav/home_on.gif) no-repeat left bottom; }
#two { background:url(/img/nav/about_us_on.gif) no-repeat left bottom; }
#three { background:url(/img/nav/communities_on.gif) no-repeat left bottom; }
#four { background:url(/img/nav/photogallery_on.gif) no-repeat left bottom; }
#five { background:url(/img/nav/contact_us_on.gif) no-repeat left bottom; }

/* ----------------------------- end #nav ids ----------------------------- */