#navigation {
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
  background: #7e0b6e url("../images/header_bground.gif") repeat-x bottom;
  font-size: 0.9em;
  line-height: normal;
  }
#navigation ul {
  margin: 0;
  padding: 5px 10px 0 30px;
  list-style: none;
  }
#navigation li {
  float: left;
  background: url("left_both.gif") no-repeat left top;
  margin: 0;
  padding: 0 1px 0 9px;
  }
#navigation a {
  float: left;
  display: block;
  width: .1em;
  background: url("right_both.gif") no-repeat right top;
  padding: 7px 9px 6px 6px; /* the third value is relative to the one marked below */
  text-decoration: none;
  font-weight: normal;
  color: #fff;
  }
#navigation > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a {float:none;}
/* End IE5-Mac hack */
#navigation a:hover {
  color: #333;
  }
#home #nav-home, #aboutus #nav-aboutus, #collections #nav-collections, #services #nav-services,
#join #nav-join, #support #nav-support, #events #nav-events, #shop #nav-shop, #development #nav-development, #press #nav-press, #venue #nav-venue {
  background-position: 0 -150px;
  border-width: 0;
  }
#home #nav-home a, #aboutus #nav-aboutus a, #collections #nav-collections a, #services #nav-services a, #join #nav-join a, #support #nav-support a, #events #nav-events a, #shop #nav-shop a, #development #nav-development a, #press #nav-press a, #venue #nav-venue {
  background-position: 100% -150px;
  padding-bottom: 11px; /* this value must be 5 px more than the third a value above */
  color: #333;
  }
#navigation li:hover, #navigation li:hover a {
  background-position: 0% -150px;
  color: #333;
  border-bottom: none;
  }
#navigation li:hover a {
  background-position: 100% -150px;
  border-bottom: none;
  }