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

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
{
  border: 1px solid black;

  width: 106px;                                      /* button imgage length */                             
                                                                                                            
  height:      20px;                                 /* one button height    */                             
  line-height: 19px;                                 /* text line middle     */                             
  vertical-align: middle;                                                                                   
                                                                                                            
  background: url('bt_block_2.png') 0px 40px;        /* 1/2 button block image ht */                             
                                                                                                            
  text-decoration: none;                             /* don't change color or underline on mouse over*/     
  font-family: "Times New Roman", Serif;                                                                    
  font-weight: 900;                                                                                         
  font-size: 13px;                                   /* font size  */                                       
  color: #206040;                                    /* font color - no focus*/                             
}

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;                      /* button height */         
}                                                                                  
                                                                                   
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;                                     /* font color - in focus */  
  background-position: 0px 60px;                      /* 3x button block height   */  
}

/* ----- Sample 3 ----------------------------------------------------------- */

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

div.sample3 div.horz_menu a,
div.sample3 div.vert_menu a
{
  border: 0px solid black;

  width: 175px;                                     /* button imgage length */

  height:      30px;                                /* height of one button */
  line-height: 25px;                                /* text line middle     */
  vertical-align: middle;

  background: url('bt_block_3.png') 0px 60px;       /* bt img & 1/2 blk ht  */

  text-decoration: none;                            /* don't change color or underline on mouse over*/
  font-family: "Arial", Serif;
  font-weight: 900;
  font-size: 15px;                                  /* font size  */
  color: #ffffff;                                   /* font color - no focus*/
}

div.sample3 div.horz_menu a { margin-right:  -1px; }
div.sample3 div.vert_menu a { margin-bottom: -1px; }

div.sample3 div.horz_menu a:hover,
div.sample3 div.vert_menu a:hover
{
  color: #ad0000;                                   /* font color - mouse over */
  background-position: 0px 30px;                    /* button height */
}

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

div.sample3 div.horz_menu a.active,
div.sample3 div.vert_menu a.active,
div.sample3 div.horz_menu a.active:hover,
div.sample3 div.vert_menu a.active:hover
{
  color: #218429;                                  /* font color - selected */                                                                    
  background-position: 0px 90px;                   /* 3x button height   */
}