.menu {position:relative; display:block; z-index:99;
padding: 0px 0px 10px 0px; 
height: 24px; width: 550px;  
margin: 0 0 10px 113px;
font-family:Verdana, Arial, Helvetica, sans-serif;}

.menu ul {padding: 10px 0px 10px 0px; margin:0 auto;     
list-style-type: none; font-weight: bold;}

.menu ul li {float:left; position:relative;}

.menu ul li a, 
.menu ul li a:visited {z-index:999; display:block;
font-size: 12px;         /* main buttons */
color: #000;     /* main buttons text non-hover*/
text-decoration:none;
text-align:center;     /* centers text in buttons */
width: 110px;           
background: #fff;    /* main button color */
padding-left: 0px;
line-height: 20px;      /* positions text up/down in box */}


* html .menu ul li a, .menu ul li a:visited {width: 110px; w\idth: 110px;      /* IE main button */}

.menu ul li ul {display:none;}

       /* +++++++++++++++++++++++++++ */
       /* Specific to Non-IE browsers */
       /* +++++++++++++++++++++++++++ */

.menu ul li:hover a {
color: #666699;       /* main when hover DD */
background: #fff;  /* main when hover DD */
border-bottom: 1px solid #ccc;  /* main when hover DD */}

.menu ul li:hover ul {z-index:999; display:block; position:absolute;
top: -8px;            /* FF DD up down */
margin-top: 17px;     /* FF main mouse active vertical */
left: 0px;            /* FF DD right left */
width: 110px;         /* unknown */}

.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li a {display:block;
background: #fff;  /* DD FO non-hover */
color: #000;           /* DD FO non-hover */
height: auto;
line-height: 24px;      /* DD FO box height */
padding: 0px 0px;
width: 110px;   /* DD FO box width */
font-size:10px;}

.menu ul li:hover ul li a:hover {
background: #fff;     /* DD FO hover */
color: #666699;      /* DD FO hover */}

.menu ul li:hover ul li:hover ul {display:block; position:absolute;
left: 110px;           /* FF FO right left  */
top: -27px;            /* FF FO up down  */
width: 110px;         /* FF FO box width */
font-size:10px;}

      /* +++++++++++++++++++++++++++ */
      /*   Specific to IE browsers   */
      /* +++++++++++++++++++++++++++ */

.menu ul li a:hover {
/* text-decoration:none;        /* might be needed */
color: #666699;               /* main hover */
background: #fff;        /* main hover */
border-bottom: 1px solid #ccc;}

.menu ul li a:hover ul {display:block; position:absolute;
top: 0px;                /* DD container up down */
background: none;        /* gets rid of DD container */
margin-top: 7px;         /* DD container up down */
left: 0px;               /* DD right left */}

.menu ul li a:hover ul li a {display:block;
background: #111;          /* IE DD color non-hover */
height: auto;
line-height: 24px;        /* IE DD FO box height */
padding: 0px; 
width: 110px;            /* IE DD FO box */
border-bottom: 1px solid #ccc; font-size:10px;}

.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute;
height: 0; width: 0;}

.menu ul li a:hover ul li a:hover {
background: #fff;         /* DD FO */
color: #666699;          /* DD FO  */
border-bottom: 1px solid #ccc; font-size:10px;}

.menu ul li a:hover ul li a:hover ul {display:block;  position:absolute;  
top: -20px;          /*   FO up down    */
color: #000000;       /*   unknown       */
left: 110px;          /*   FO right left */}  

/*ADD TO FIX IE*/
/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {
width: 110px; 
w\idth: 110px;}

/* another hack for IE5.5 */

* html .menu ul ul {
top: 30px;
t\op: 31px;       /* IE gap between main bar and the dropdown items */}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
         position:absolute;
         top:auto 0; left:0;}

      /* yet another hack for IE5.5 */

* html .menu ul ul a {
width: 110px;             /* unknown */
w\idth: 110px;             /* DD FF width */}

/*END EXTRA ADDS FOR IE*/

/* ADD TO HIDE EXTRA LEVELS */
/* make the 2nd level visible when hover on 1st level list OR link */
.menu ul a:hover ul,  /* IE */
.menu ul:hover ul {   /* FF */
         visibility:visible;}

/* keep the 3rd level hidden when you hover on 1st level list OR link */
.menu ul a:hover ul ul,  /* IE */
.menu ul:hover ul ul {   /* FF */
         visibility:hidden;}

/* keep the 4th level hidden when you hover on 2nd level list OR link */
.menu ul li a:hover ul li a:hover ul ul,  /* IE */
.menu ul li:hover ul li:hover ul ul {     /* FF */
         visibility:hidden;}

/* make the 3rd level visible when you hover over 2nd level list OR link */
.menu ul a:hover ul a:hover ul,   /* IE */
.menu ul:hover ul:hover ul {      /* FF */
         visibility:visible;}