/* <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 1 ----------------------------------------------------------- */

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

div.horz_menu a{
  color: black;
  height: 20px;
/*  background: #b3b1ad url(/images/Tabs/tab_left_gray_small.gif) left top no-repeat;*/
  background: #e4e4e4;
  text-decoration: none;
  border-right: groove 1px white;
  text-decoration: none;
  font-family: "Verdana";
  font-weight: 700;
  font-size: 10px;
  text-transform: uppercase;
  color: #ffffff;
}

td.horz_menu {
  color: black;
  height: 20px;
/*  background: #b3b1ad url(/images/Tabs/tab_left_gray_small.gif) left top no-repeat;*/
  background: #e4e4e4;
  text-decoration: none;
}

div.horz_menu span{
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  font-family: "Verdana";
  font-weight: 700;
  font-size: 10px;
  height: 100%;
  text-transform: uppercase;
  color: #ffffff;
  top: auto;
  border-right: groove 1px white;
  vertical-align: middle;
/*  background: url(/images/Tabs/tab_right_gray_small.gif) right top no-repeat; */
}

div.horz_menu a:hover{
  color: white;
  height: 20px;
/*  background: #bbc2d2 url(/images/Tabs/tab_left_blue_small.gif) left top no-repeat;*/
  background: #bbc2d2;
  text-decoration: none;
}
div.horz_menu a:hover span{
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  font-family: "Verdana";
  font-weight: 700;
  font-size: 10px;
  height: 33px;
  text-transform: uppercase;
  color: #ffffff;
  top: auto;
  vertical-align: middle;
/*  background: url(/images/Tabs/tab_right_blue_small.gif) right top no-repeat; */
}

div.horz_menu a, div.horz_menu a:visited {
  color: #808080;
}

/*


div.horz_menu a
{
  text-align: center;
  vertical-align: middle;
  padding: 1px 0px 1px 0px;
  text-decoration: none;
  font-family: "Verdana";
  font-weight: 700;
  font-size: 10px;
  text-transform: uppercase;
  color: #ffffff;
}
*/
div.vert_menu a
{
  text-align: left;
  border:  1px solid black;
  padding: 1px 0px 1px 0px;
  background: white;
  text-decoration: none;
  font-family: "Verdana";
  font-weight: 900;
  font-size: 9px;
  color: Gray;
}

div.vert_menu
{
  z-index: 100; 
}

/*div.horz_menu a { margin-right:  -1px; }*/
div.vert_menu a { margin-bottom: -1px; }
/*
div.horz_menu a:hover,
div.horz_menu a.active
{
  background: #bfd4df; 
  color: white;
  text-decoration: none;
}
*/
div.vert_menu a:hover,
div.vert_menu a.active 
{ 
  background: black; 
  color: white;
  text-decoration: none;
}