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

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

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


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

div.sample1 div.vert_menu { border-bottom: 1px solid #A9CE9F;; border-left-width:1; border-right-width:1; border-top-width:1 }

div.sample1 div.horz_menu a,
div.sample1 div.vert_menu a
{
  background-position: 0% 0%; border:1px solid #A9CE9F; width: 160px;

  text-decoration: none;
  font-family: "Verdana";
  font-size: 8pt;
  color: #000000;padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; background-color:#F8FBF7; background-repeat:repeat; background-attachment:scroll; height:25px
}

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 { border:1px solid #A9CE9F; font-family:Verdana; font-size:8pt; color:#006600; background-color:#F8FBF7; padding-left:5; padding-right:5; padding-top:3; padding-bottom:3 }


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

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

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

  width: 106px;

  height:      20px;
  line-height: 19px;
  vertical-align: middle;

  background: url('img.png') 0px 40px;

  text-decoration: none;
  font-family: "Times New Roman", Serif;
  font-weight: 900;
  font-size: 13px;
  color: #206040;
}

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
{
  color: #206060;
  background-position: 0px 20px;
}

div.sample2 div.horz_menu a.parent,
div.sample2 div.vert_menu a.parent
{
  background-position: 0px 0px;
}

div.sample2 div.horz_menu a.active, div.sample2 div.vert_menu a.active, div.sample2 div.horz_menu a:hover.active, div.sample2 div.vert_menu a:hover.active
{
  color: #206060;
  background-position: 0px 60px;