/* <style> */

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

div.vert_menu
{ text-decoration: none;
  position: relative;
  visibility: hidden;
  display: none;
  z-index : 10;
}

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


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

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

div.sample2 div.horz_menu a
{
  border: 0px solid black;
  height:      27px;
  line-height: 27px;
  vertical-align: bottom;
  text-decoration: none;
  font-family: sans-serif;
  font-weight: 110;
  font-size: 10px;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  color: #ffffff;
}

div.sample2 div.vert_menu a
{
  border: 0px solid black;
  width: 145px;
  height:      25px;
  line-height: 25px;
  vertical-align: bottom;position: relative;
  text-decoration: none;
  background: url(dhtml-menu.png) 0px 34px;
  text-decoration: none;
  font-family: sans-serif;
  font-weight: 100;
  font-size: 10px;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  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
{
  color: #a5b864;
  background-position: 0px 20px;
position: relative;
}

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

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