/* <style> */

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

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

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


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

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

div.sample1 div.horz_menu a
{
  border-right:  1px solid white;
  padding: 4px 10px 4px 10px;

  width: 150px;

  background: #2D4492;

  text-decoration: none;
  font-family: "Verdana, Times New Roman", Serif;
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
}

div.sample1 div.vert_menu a
{
  border-top:  1px solid white;
  border-right:  1px solid white;
  padding: 4px 10px 4px 10px;

  width: 150px;

  background: #2D4492;

  text-decoration: none;
  font-family: "Verdana, Times New Roman", Serif;
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
}

div.sample1 div.horz_menu a.active,
div.sample1 div.vert_menu a.active { background: #2D4492; }

div.sample1 div.horz_menu a:hover,
div.sample1 div.vert_menu a:hover { text-decoration: underline; }