/* <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.sample1 div.vert_menu {  border-bottom: 1px solid black;  }

div.sample1 div.horz_menu a 
{
  width: 101px;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 11px;
  color: #FFFFFF;
  text-align: center;
  vertical-align:middle;
  height:21px;
 margin-top: 3px; padding-top:3px;
 
}
div.sample1 div.vert_menu a
{
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  padding: 1px 0px 1px 0px;
  margin: 1px 0px 1px 0px;

  width: 101px;
  background-color: #0E4164;
  
  height:27px;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 11px;
  text-align: center;
  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 { background-color: #0E4164; color: #B9D5ED; }
div.sample1 div.vert_menu a:hover { background-color: #B9D5ED; color: #0E4164; }
div.sample1 div.horz_menu a.active ,
div.sample1 div.vert_menu a.active { background-color: #0E4164; }