/* <style> */

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

div.vert_menu
{
  z-index:auto;
  position: absolute;
  visibility: hidden;
  display: none;
}

.sample1,.sample1_home {
   font-size: 7pt;
}


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 #dcd7c8; }

div.sample1 div.horz_menu a,
div.sample1 div.vert_menu a
{

  /*border: 1px solid black;*/
  /*border: 1px solid gray;*/
  z-Index: 1;
  background: #b4afa3;
  padding: 0 1px;
  border: 1px solid #dcd7c8;
   
  filter:shadow(color:gray,strength:10, direction:135);
  /*text-shadow: #CCCCCC;*/
  padding: 1px 10px 1px 10px;

  width: 185px;
  height: 240px;
  background: #FFFFFF;

  text-decoration: none;
  font-family: Arial;
  
  font-weight: 900;
  font:normal 10pt Arial;
  color: #000000;
}

* html div.sample1 div.vert_menu a {
  width: 205px;
}

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: #FFFFFF; }
TD.headhiglight { background: #999999; } 

/* ----- 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;
  filter:shadow(color:gray,strength:10, direction:135);
  width: 106px;

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

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

  text-decoration: none;
  font-family: Arial;
  font-weight: 900;
  font-size: 12pt;
  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.active:hover,
div.sample2 div.vert_menu a.active:hover
{
  color: #206060;
  background-position: 0px 60px;
}