/* common styling        dropdown.css  */

                                                                                      /*THIS IS THE MOZILLA ( NON-MSIE) PAGE EXCEPT FOR ONE SETTING WHICH IS FOR MOZILLA AND MSIE */
                                                                                      
                                                                                      /* THIS IS ALSO THE MSIE7 PAGE  !!! */
                                                                                      
.menu {font-family: arial, sans-serif; width:882px; background:#000000;  position:relative; margin:0; font-size:11px; margin:0px 0 0px 2px; z-index:2222;}
.menu ul li a, .menu ul li a:visited {display:block; background:#000000; text-decoration:none;  width:93px; height:23px; text-align:center; color:#CAC7D0;     /* the button width is here */
                                       border:1px solid #000; background:#000000; line-height:23px; font-size:11px; overflow:hidden;}   /* button background and border here */
.menu ul {padding:0; margin:0;list-style-type: none;  }                                      /* the above background is MSIE & MOZILLA colour for the unpressed and not-hovering over top level menu element */
.menu ul li {float:left; margin-right:1px; position:relative;  }                                /* the width and width above are easy to understand.....the yare for MSIE & MOZILLA.....width of entire menu...and width of a button*/
.menu ul li ul {display: none; }                                                                     /* the 'margin' at top of page.....top , right, bottom, left is the order of the margin on the entire menu-block above...for MOZILLA & MSIE*/

/* specific to non IE browsers */
.menu ul li:hover a {color:#CAC7D0; background:#555555; border-top:1px solid #555555;}                                        /* this is the mouse-hovering-over top-level-element colour for MOZILLA*/
.menu ul li:hover ul {display:block; position:absolute; top:25px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#555555; color:#CAC7D0;}   /* nothing of importance */
.menu ul li:hover ul li:hover a.hide {background:#444444; color:#CAC7D0;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#555555; color:#CAC7D0; border-top:0px solid #555555;}                     /* this is the not-hovering-over drop-down-element colour for MOZILLA */
.menu ul li:hover ul li a:hover {background:#444444; color:#CAC7D0; border-top:0px solid #444444;}                            /* this is the mouse-hovering-over-drop-down-element for MOZILLA */
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:94px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}