/**
 * @title          global main menu
 * @description    site main navigation, on one or two levels
 * @media          screen
 * @required       global-base.css
 */


/**
 * @section        mainMenu
 * @tree           #mainMenu < #wrapper < body
 */
#mainMenu {
    position:relative;
    min-width:991px;
    background:#0A0A0A;
    white-space:nowrap;
}
#mainMenu.sublevel {margin-bottom:20px;}

#mainMenu ul {
    display:table;
    margin:0 auto; padding:0;
    list-style:none;
}

#mainMenu li {display:table-cell;}

#mainMenu a {
    display:block;
    padding:4px 10px;
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
}

#mainMenu a:focus, #mainMenu a:hover {background:#272D27 url(/templates/versailles/images/common/bg/main-menu-on.png) repeat-x 0 -200px;}

#mainMenu .on a {
    background:#E4E4E4 url(/templates/versailles/images/common/bg/main-menu-on.png) repeat-x; color:#000;
    text-decoration:underline;
    cursor:default;
}

/* expand level */
#mainMenu .expand {
    position:absolute; top:auto; left:0; right:0;
    background:#E4E4E4 url(/templates/versailles/images/common/bg/main-menu-on.png) repeat-x;
    font-size:11px;
}

#mainMenu .expand a {
    padding:2px 10px;
    color:#313131;
    font-weight:normal;
}

#mainMenu .on .expand a {
    text-decoration:none;
    cursor:default;
}
#mainMenu .expand a:focus, #mainMenu .expand a:hover, #mainMenu .expand .on a {
    background:none;
    text-decoration:underline;
}
#mainMenu .on .expand a:hover {cursor:pointer;}
#mainMenu .on .expand .on a {cursor:default;}