/*
  CSS file for a horizontal menu.

  Copy this file to "hmenu1.css" and edit it to your needs. You should replace "1" with the menu number as used in the calling file (hmenu1.php).

  In index.php, the container where you include hmenu1.php, has to have the "hmenu1" as id, e.g. <td id=hmenu1>.
*/

#hmenu1 {
  position: relative;
  height: 22px;
  top: 7px;
  background-color: white;
  color: #444;
  width: 900px;
  z-index: 0;
}

#hmenu1 table {
  width: 100%;
  background-color: #333;
}

#hmenu1 td.menu_button {
  vertical-align: middle;
  height: 22px;
  color: #444;
  background-color: white;
}

#hmenu1 td.menu_button:hover {
  cursor: pointer;
  color: #FF2D00;
}

#hmenu1 td.menu_button a {
  color: #222;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 0 0 3px;
  width: 96px;
}

#hmenu1 td.menu_button a:hover, #hmenu1 td.menu_button:hover a {
  cursor: pointer;
  color: #FF2D00;
}