/* --------------------------------------------------------------------- */
div.menu
        {
         margin:0;
        padding:0;
        display:block;
          clear:both;
/*
         margin:3%;
          width:100%;
     text-align:center;
float:right;
width:100%;
        display:block;
background-color:red;
*/
        }

div.menu div
       {
             width:10.9%;
             float:left;
        text-align:left;
           display:block;


  background-color:rgb(25%,25%,25%);
/*
       border-left:0.1em solid black;
      border-right:0.1em solid black;
*/
            margin:0  0.1% 0  0.1%;
           padding:0.1em 0 0.1em 0;

          behavior:url("/markup.htc");
       }

div.menu div a
          {
          overflow:hidden;
           display:block;
             width:100%;
       font-weight:normal;
         font-size:80%;
           padding:0 0.5em 0 0.5em;
            margin:0 0.1em 0 0.1em;
/*
             color:cyan;
      border-right:5px black solid;
*/
       border-left:0.5em yellow solid;
          }

div.menu div a:hover
          {
        background-color:rgb(40%,40%,40%);
                 display:block;
         text-decoration:none;
             border-left:0.5em rgb(150,150,0) solid;
          }

div.menu div:hover div.sec
         {
            visibility:visible;
         }


/* ******************************************************** */
div.menu div div.sec
          {
              position:absolute;
                 width:10em;
            visibility:hidden;
               display:block;
      background-color:rgb(30%,30%,35%);
                margin:0.1em;
              behavior:none;
              overflow:hidden;
/*
                 float:left;
*/
                border:1px solid gray;
          }

div.menu div div.sec a
          {
          overflow:visible;
           display:block;
            margin:0.1em;
       border-left:0.5em yellow solid;
             width:100%;
          }

div.menu div div.sec a.selected
          {
       font-weight:bold;
/*
    letter-spacing:0.1em;
*/
          }

div.menu div div.sec p
         {
         margin-top:0.5em;
/*
         border-top:2px solid grey;
        border-left:5px solid green;
*/
          font-size:80%;
              color:rgb(0%,76%,76%);
            padding:0 0.5em 0 1em;
         }

/*
div.menu div div.sec hr
         {
         color:rgb(25%,25%,25%);
        height:5px;
         }
*/


/* ******************************************************** */
div.menu div.selected
          {
            background-color:rgb(35%,35%,38%);
          }

div.menu div.selected a
          {
       border-left:0.5em white solid;
          }

div.menu div.selected a:hover
          {
/*
  background-color: transparent;
             color: lightcyan;
*/
   text-decoration: none;
       border-left: 0.5em solid rgb(60%,60%,65%);
          }


/* --------------------------------------------------------------------- */