/* Menu
---------------------------------------- */
#menu {
  float:left;
  list-style: none;
  padding:0;
  margin:2px 0 0 0;
  position: relative;
}
#menu span {
  display:none;
  position:absolute;
}
#menu a {
  display: block;
  text-indent: -900%;
  position:absolute;
  outline:none;
}
#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}
#menu .home {
  width: 100px;
  height: 25px;
  left: 12px;
  top: 0px;
}
#menu .home span {
  width: 100px;
  height: 25px;
  cursor:hand;
  left: 0px;
  top: 0px;
}
#menu .events {
  width: 110px;
  height: 25px;
  left: 113px;
  top: 0px;
}
#menu .events span {
  width: 110px;
  height: 25px;
  cursor:hand;
  left: 0px;
  top: 0px;
}
#menu .adda {
  width: 100px;
  height: 25px;
  left: 224px;
  top: 0px;
}
#menu .adda span {
  width: 100px;
  height: 25px;
  cursor:hand;
  left: 0px;
  top: 0px;
}
#menu .photos {
  width: 100px;
  height: 25px;
  left: 325px;
  top: 0px;
}
#menu .photos span {
  width: 100px;
  height: 25px;
  cursor:hand;
  left: 0px;
  top: 0px;
}
#menu .links {
  width: 100px;
  height: 25px;
  left: 426px;
  top: 0px;
}
#menu .links span {
  width: 100px;
  height: 25px;
  cursor:hand;
  left: 0px;
  top: 0px;
}
#menu .membership {
  width: 110px;
  height: 25px;
  left: 527px;
  top: 0px;
}
#menu .membership span {
  width: 110px;
  height: 25px;
  cursor:hand;
  left: 0px;
  top: 0px;
}
#menu .contactus {
  width: 110px;
  height: 25px;
  left: 638px;
  top: 0px;
}
#menu .contactus span {
  width: 110px;
  height: 25px;
  cursor:hand;
  left: 0px;
  top: 0px;
}