/* <style> */

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

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

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

/* ----- Sample 0 ----------------------------------------------------------- */

div.sample0 div.vert_menu { border-bottom: 1px solid black; margin-top:4px; margin-left:-15px; z-index:100;}

div.sample0 div.horz_menu a,
div.sample0 div.vert_menu a
{
  border:  1px solid black;
  padding: 1px 0px 1px 0px;

  width: 102px;

  background: #99cc33;

  text-decoration: none;
  font-family: "Tahoma", Serif;
  font-size: 11px;
  border-color:#FFFFFF;
  color: #FFFFFF;
}

div.sample0 div.horz_menu a { margin-right:  -1px; }
div.sample0 div.vert_menu a { margin-bottom: -1px; }

div.sample0 div.horz_menu a:hover,
div.sample0 div.vert_menu a:hover,
div.sample0 div.horz_menu a.active,
div.sample0 div.vert_menu a.active { background: #377d00; }

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

div.sample1 div.vert_menu { border-bottom: 1px solid black; margin-top:4px; margin-left:-17px; z-index:100;}

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

  width: 122px;

  background: #99cc33;

  text-decoration: none;
  font-family: "Tahoma", Serif;
  font-size: 11px;
  border-color:#FFFFFF;
  color: #FFFFFF;
}

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

div.sample1 div.horz_menu a:hover,
div.sample1 div.vert_menu a:hover,
div.sample1 div.horz_menu a.active,
div.sample1 div.vert_menu a.active { background: #377d00; }

/* ----- Sample 2 ----------------------------------------------------------- */

div.sample2 div.vert_menu { border-bottom: 1px solid black; margin-top:4px; margin-left:-18px; z-index:100;}

div.sample2 div.horz_menu a,
div.sample2 div.vert_menu a
{
  border:  1px solid black;
  padding: 1px 0px 1px 0px;

  width: 92px;

  background: #99cc33;

  text-decoration: none;
  font-family: "Tahoma", Serif;
  font-size: 11px;
  border-color:#FFFFFF;
  color: #FFFFFF;
}

div.sample2 div.horz_menu a { margin-right:  -1px; }
div.sample2 div.vert_menu a { margin-bottom: -1px; }

div.sample2 div.horz_menu a:hover,
div.sample2 div.vert_menu a:hover,
div.sample2 div.horz_menu a.active,
div.sample2 div.vert_menu a.active { background: #377d00; }

/* ----- Sample 3 ----------------------------------------------------------- */

div.sample3 div.vert_menu { border-bottom: 1px solid black; margin-top:4px; margin-left:-16px; z-index:100;}

div.sample3 div.horz_menu a,
div.sample3 div.vert_menu a
{
  border:  1px solid black;
  padding: 1px 0px 1px 0px;

  width: 87px;

  background: #99cc33;

  text-decoration: none;
  font-family: "Tahoma", Serif;
  font-size: 11px;
  border-color:#FFFFFF;
  color: #FFFFFF;
}

div.sample3 div.horz_menu a { margin-right:  -1px; }
div.sample3 div.vert_menu a { margin-bottom: -1px; }

div.sample3 div.horz_menu a:hover,
div.sample3 div.vert_menu a:hover,
div.sample3 div.horz_menu a.active,
div.sample3 div.vert_menu a.active { background: #377d00; }