/* <style> */

/* ----- Required ----------------------------------------------------------- */

div.horz_menu a { display: block; float: left; }
div.vert_menu a { display: block; float: none; }

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


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

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

div.sample1 div.horz_menu a,
div.sample1 div.vert_menu a
{
  border: 1px solid #330000;
  padding: 3px 0px 1px 0px;

  width: 155px;
  height: 22px;
  
  background: #660000;

  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFCC00;
}

div.sample1 div.horz_menu a { margin-right:  -1px; }
div.sample1 div.vert_menu a { margin-bottom: -1px; padding-right: 0px; }

div.sample1 div.horz_menu a:hover,
div.sample1 div.vert_menu a:hover { color: #FFFFFF; background: #FF8800;}
div.sample1 div.horz_menu a.active,
div.sample1 div.vert_menu a.active { background: #FF8800; }