div.hmenu { margin-top: 7px; margin-left: 5px; width: 800px; }
div.horz_menu { width: 800px; }
div.horz_menu a { display: block; float: left; }
div.vert_menu a { display: block; float: none; }

div.vert_menu
{
  position: absolute;
  visibility: hidden;
  overflow: hidden;
}


/* ----- Sample 1 ----------------------------------------------------------- */

div.hmenu div.vert_menu
{
  border-bottom: 1px solid black;
}

div.hmenu div.horz_menu a {
 border:  0px solid black;
  padding: 0px 5px 0px 5px;

  width: auto;
  height: 19px;
  background: #4F860E;

  text-decoration: none;

  font-weight: bold;
  font-size: 11px;
  font-variant: small-caps;
  color: #C5D896;
  vertical-align: top;position: relative;

}

div.hmenu div.vert_menu a
{
  padding: 3px 5px 3px 5px;

  width: auto;

  background: #4F860E;

  text-decoration: none;

  font-weight: 900;
  font-size: 11px;
  font-variant: small-caps;
  color: #C5D896;
}

div.hmenu div.horz_menu a { margin-right:  0px; }
div.hmenu div.vert_menu a { margin-bottom: -2px;  }

div.hmenu div.horz_menu a:hover,
div.hmenu div.vert_menu a:hover,
div.hmenu div.horz_menu a.active,
div.hmenu div.vert_menu a.active { color: #FFFFFF;  width: auto; }

a.menu:link, a.menu:visited {color: #C5D896; text-decoration: none;}
a.menu:hover {color: #ffffff; text-decoration: none;}

a.menuSelected:link, a.menuSelected:visited, a.menuSelected:hover {color: #ffffff; text-decoration: none;}