/* CSS Document */

#nav {
  margin: 0;
  padding: 0 3px 0 0;
  width: 150px;
  height: 316px;
  float: left;
  list-style: none;
}

#nav li {
  width: 150px;
}
#nav li a {
  width: 150px;
  display: block;
  text-indent: -999em;
}

#nav li#home a {
  height: 29px;
  background: url(/images/layout/nav/home.jpg);
}
#nav li#home a:hover {
  background-position: 0 29px;
}

#nav li#about a {
  height: 29px;
  background: url(/images/layout/nav/about.jpg);
}
#nav li#about a:hover {
  background-position: 0 29px;
}

#nav li#business a {
  height: 29px;
  background: url(/images/layout/nav/business.jpg);
}
#nav li#business a:hover {
  background-position: 0 29px;
}

#nav li#education a {
  height: 29px;
  background: url(/images/layout/nav/government.jpg);
}
#nav li#education a:hover {
  background-position: 0 29px;
}

#nav li#history a {
  height: 29px;
  background: url(/images/layout/nav/history.jpg);
}
#nav li#history a:hover {
  background-position: 0 29px;
}

#nav li#monterey a {
  height: 28px;
  background: url(/images/layout/nav/monterey.jpg);
}
#nav li#monterey a:hover {
  background-position: 0 28px;
}

#nav li#churches a {
  height: 28px;
  background: url(/images/layout/nav/churches.jpg);
}
#nav li#churches a:hover {
  background-position: 0 28px;
}

#nav li#civic a {
  height: 28px;
  background: url(/images/layout/nav/civic.jpg);
}
#nav li#civic a:hover {
  background-position: 0 28px;
}

#nav li#map a {
  height: 29px;
  background: url(/images/layout/nav/map.jpg);
}
#nav li#map a:hover {
  background-position: 0 29px;
}

#nav li#calendar a {
  height: 29px;
  background: url(/images/layout/nav/calendar.jpg);
}
#nav li#calendar a:hover {
  background-position: 0 29px;
}

#nav li#contact a {
  height: 30px;
  background: url(/images/layout/nav/contact.jpg);
}
#nav li#contact a:hover {
  background-position: 0 30px;
}