/* <style> */

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

div.vert_menu
{
  position: relative;
  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,
div.sample1 div.vert_menu a
{
  border:  2px solid #0f530f;
  padding: 1px 0px 1px 0px;

  width: 106px;

  background: #FFFFDD;

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

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: #FFFFEE; }


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

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

div.sample2 div.horz_menu a,
div.sample2 div.vert_menu a,
sample2
{
  border: 2px  ridge #09c609;
  width: 36px;
  vertical-align: middle;
  font:12px Georgia,Verdana; margin-bottom:5px; padding:0px 8px 9px; border:1px solid #ccc; background:#eee; cursor:pointer; text-decoration:none;
    color:#000;
  
  
}

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
{
 border:1px solid #bbb; background:#e3e3e3
}

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