#menu1, #menu2 {
  font-family: "Trebuchet MS", Verdana, Arial Narrow, "Arial CE", Arial, sans-serif;
}

ul.menu, ul.menu ul {
  width: 223px;
  background-color: #999;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

ul.menu li {
  margin: 0px;
  margin-bottom: 1px;
}

ul.menu li ul li.first, ul#menu2 li.first {
  border-top: 1px solid #999;
}
ul#menu2 li.last {
  border-bottom: 1px solid #999;
}
ul.menu li ul li.end {
  margin-bottom: 0px;
}
ul.menu li.last {
  margin-bottom: 0px;
}

ul.menu li a {
  display: block;
  text-decoration: none;
  padding: 3px 10px;
  font-weight: normal;
  text-transform: uppercase;
}
ul.menu li a:link, ul.menu li a:active, ul.menu li a:visited {
  background: #000 url('./img/design/menu-vertical.gif') left center repeat-x;
  text-decoration: none;
  color: #fff;
}
ul.menu li a:hover {
  background: #b16432 url('./img/design/menu-vertical-orange.gif') left center repeat-x;
  text-decoration: none;
  color: #fff;
}

/* IE6 hack to get sub menu links to behave correctly */
* html ul.menu li a {
  display: inline-block;
}

ul.menu li ul li a {
  padding-left: 20px;
  text-transform: none;
  text-decoration: none;
}
ul.menu li ul li a:link, ul.menu li ul li a:active, ul.menu li ul li a:visited {
  background: #000;
  text-decoration: none;
  color: #ccc;
}
ul.menu li ul li a:hover {
  background: #b16432 url('./img/design/menu-vertical-orange.gif') left center repeat-x;
  text-decoration: none;
  color: #fff;
}