<!--

/* Menu Styles */

/* ------------------------------------  THIRD LEVEL MENU (LONG)   -------------------------------------------- */

     .third-level-menu-long
       {
         position: absolute;
         top: 0;
         right: -185px;
         width:  185px;
         list-style: none;
         padding: 0;
         margin: 0;
         display: none;
         border-radius: 5px;
       }
     .third-level-menu-long > li
       {
         height: 30px;
         background: white;
       }
     .third-level-menu-long > li:hover { background: white; }

/* ------------------------------------  THIRD LEVEL MENU (SHORT)   -------------------------------------------- */

     .third-level-menu-short > li:hover { background: white; }

     .third-level-menu-short
       {
         position: absolute;
         top: 0;
         right: -120px;
         width:  120px;
         list-style: none;
         padding: 0;
         margin: 0;
         display: none;
       }
     .third-level-menu-short > li
       {
         height: 30px;
         background: white;
       }
     .third-level-menu-short > li:hover { background: white; }

/* ----------------------------------------  THIRD LEVEL MENU   ----------------------------------------------- */

     .third-level-menu
       {
         position: absolute;
         top: 0;
         right: -135px;
         width:  135px;
         list-style: none;
         padding: 0;
         margin: 0;
         display: none;
       }
     .third-level-menu > li
       {
         height: 30px;
         background: white;
       }
     .third-level-menu > li:hover { background: white; }

/* ------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------  SECOND LEVEL MENU (SHORT)  ------------------------------------------- */

     .second-level-menu-short
       {
         position: absolute;
         top: 30px;
         left: 25px;
         width: 100px; 
         list-style: none;
         padding: 0;
         margin: 0;
         display: none;
       }
     .second-level-menu-short > li
       {
         position: relative;
         height: 30px;
         background: white;
       }
     .second-level-menu-short > li:hover { background: white; }


/* ------------------------------------  SECOND LEVEL MENU (LONG)  ------------------------------------------- */

     .second-level-menu-long
       {
         position: absolute;
         top: 30px;
         left: 25px;
         width: 185px; 
         list-style: none;
         padding: 0;
         margin: 0;
         display: none;
       }
     .second-level-menu-long > li
       {
         position: relative;
         height: 30px;
         background: white;
       }
     .second-level-menu-long > li:hover { background: white; }


/* -----------------------------------  SECOND LEVEL MENU (X-LONG)  ------------------------------------------ */

     .second-level-menu-xlong
       {
         position: absolute;
         top: 30px;
         left: 25px;
         width: 225px; 
         list-style: none;
         padding: 0;
         margin: 0;
         display: none;
       }
     .second-level-menu-xlong > li
       {
         position: relative;
         height: 30px;
         background: white;
       }
     .second-level-menu-xlong > li:hover { background: white; }


/* ----------------------------------------  SECOND LEVEL MENU  ----------------------------------------------- */

     .second-level-menu
       {
         position: absolute;
         top: 30px;
         left: 0;
         width: 150px; 
         list-style: none;
         padding: 0;
         margin: 0;
         display: none;
       }
     .second-level-menu > li
       {
         position: relative;
         height: 30px;
         background: white;
       }
     .second-level-menu > li:hover { background: white; }


/* ------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------  TOP LEVEL MENU  ------------------------------------------------ */

     .top-level-menu
       {
         list-style: none;
         padding: 0;
         margin: 0; 
       }
     .top-level-menu > li
       {
         position: relative;
         float: left; 
         height: 30px;
         background: white;
         padding-left: 30px;
       }
     .top-level-menu > li:hover { background: white;}
     .top-level-menu li:hover > ul
       {
         display: inline;                                          /*  On hover, display the next level's menu  */
       }

/* ------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------  MENU LINK STYLES  ---------------------------------------------- */

/*   Apply to all links inside the multi-level menu   */ 
                                                    /**/ 
     .top-level-menu a                              /**/ 
       {                                            /**/ 
         color: #666666;                            /**/ 
         text-decoration: none;                     /**/ 
         padding: 0 0 0 10px;                       /**/ 
         display: block;                            /**/ 
         line-height: 30px;                         /**/ 
        }                                           /**/  
                                                    /**/ 
/* -------------------------------------------------- */

     .top-level-menu a:hover { color: #999999; }

/* ------------------------------------------------------------------------------------------------------------ */

-->