#pad { height: 140px }
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
ul#menu {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 30px;
    position: relative;
    z-index: 500;
    /*font-family: "Dosis", Arial, Helvetica, Sans-Serif;*/
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    /*font-weight: 400;
    font-weight: Bold;*/
    margin-bottom: 10px;
    background-color: #f5f5eb;
    /*width: 1140px!important;*/
    margin: 0 auto;
    /*margin-left: 20px;*/
    text-align: center;
    display: flex;
}
ul#menu li {
    /*float: left;*/
    margin-right: 1px;
    text-transform: uppercase;
    display: inline-block;
    text-align: left;

    flex-grow: 1;
}

* + html ul#menu li {
    display: inline;
}

ul#menu li a {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    color: #444;
    text-decoration: none;
    font-size: 11px;
    padding: 0 20px 0 5px;
}
ul#menu.museum li a {
    padding: 0 20px 0 10px;
}
ul#menu.museum.cedocam>li>a {
    padding: 0 20px 0 26px;
}
ul#menu table {
    border-collapse: collapse;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
ul#menu li a:hover {
    position: relative;
    color: #4f75bd;
}
ul#menu li.home a:hover {
    position: relative;
    color: #fff;
}
ul#menu li.home,
ul#menu li.home a,
ul#menu li.home a:hover {
    width: 30px!important;
    padding: 0px!important;
}

ul#menu li:hover {
    position: relative;
}

ul#menu li:hover > a {
    color: #13b8ff!important;
    /*background: #4f75bd;*/
}

.mha ul#menu li:hover > a {
    color: #b40137!important;
}

.cedocam ul#menu li:hover > a {
    color: #064f9b!important;
}

.mcc ul#menu li:hover > a {
    color: #ebaf00!important;
}

.mnh ul#menu li:hover > a {
    color: #6a9418!important;
}


ul#menu li:hover > a.sub {
    color: #f00;
    /*background-color: #4f75bd;*/
}
ul#menu li.current a {
    color: #fff;
    background: #666;
}
ul#menu li a.sub {
    background: transparent url(../images/down-arrow.gif) no-repeat right center;
}
ul#menu li.current a.sub {
    color: #fff;
    background: #4f75bd url(../images/down-arrow.gif) no-repeat right center;
}
ul#menu :hover ul {
    left: 0;
    top: 30px;
    width: 180px;
    background: #b9b9b9;
}
/* keep the 'next' level invisible by placing it off screen. */
ul#menu ul,
ul#menu :hover ul ul {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#menu :hover ul :hover ul {
    left: 180px;
    top: 0px;
    background: #4f75bd;
    white-space: nowrap;
    width: 180px;
    z-index: 200;
    height: auto;
}
ul#menu :hover ul li {
    display: block!important;
    margin: 0;
    font-weight: normal;
    text-transform: none!important;
}

* + html ul#menu :hover ul li {
    float: left!important;
    padding: 0px!important;
    margin: 0px!important;
}

ul#menu :hover ul li a {
    display: block!important;
    width: 200px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px!important;
    padding: 0;
    text-indent: 10px;
    background: #777;
    color: #fff;
    height: 30px;
    line-height: 30px;
}
ul#menu :hover ul li a.fly {
    background: #777 url(../images/right-arrow.gif) no-repeat right center;
}
ul#menu :hover ul :hover {
    background: #555 url('../images/menu_bg1.gif') repeat-y top left;
    color: #fff;
}
ul#menu :hover ul :hover a.fly {
    background: #555 url('../images/menu_bg1.gif') repeat-y top left;
    color: #fff;
}


.mnh ul#menu :hover ul :hover {
    background: #555 url('../images/menu_bg2.gif') repeat-y top left;
    color: #fff;
}
.mnh ul#menu :hover ul :hover a.fly {
    background: #555 url('../images/menu_bg2.gif') repeat-y top left;
    color: #fff;
}


.mcc ul#menu :hover ul :hover {
    background: #555 url('../images/menu_bg3.gif') repeat-y top left;
    color: #fff;
}
.mcc ul#menu :hover ul :hover a.fly {
    background: #555 url('../images/menu_bg3.gif') repeat-y top left;
    color: #fff;
}


.mha ul#menu :hover ul :hover {
    background: #555 url('../images/menu_bg4.gif') repeat-y top left;
    color: #fff;
}
.mha ul#menu :hover ul :hover a.fly {
    background: #555 url('../images/menu_bg4.gif') repeat-y top left;
    color: #fff;
}

.mha ul#menu :hover ul :hover a {
  color: #FEABC4!important;
}


.cedocam ul#menu :hover ul :hover {
    background: #555 url('../images/menu_bg5.gif') repeat-y top left;
    color: #fff;
}
.cedocam ul#menu :hover ul :hover a.fly {
    background: #555 url('../images/menu_bg5.gif') repeat-y top left;
    color: #fff;
}



ul#menu :hover ul li.currentsub a {
    background: #777;
    color: #fff;
}
ul#menu :hover ul li.currentsub a.fly {
    background: #777 url(../images/right-arrow.gif) no-repeat right center;
    color: #fff;
}
ul#menu :hover ul :hover ul li a {
    display: block!important;
    width: 180px;
    padding: 0;
    text-indent: 10px;
    background: #777;
    color: #fff;
}
ul#menu :hover ul :hover ul :hover {
    background: #555 url('../images/menu_bg1.gif') repeat-y top left;
    color: #fff;
}
ul#menu :hover ul :hover ul li.currentfly a,
ul#menu :hover ul :hover ul li.currentfly a:hover {
    background: #a8a6a6;
    color: #fff;
}
/*ul#menu :hover ul :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #fff;}
ul#menu :hover ul :hover ul li a {display:block; float:left; margin:0; height:25px; line-height:25px; background:#bbb; color:#000;}*/