#menubox .menu { width: 100%; margin:0 auto; padding:0; display:table; }
#menubox .menu ul { display:table-row; text-indent:0px; list-style:none; margin:0; padding:0; width:100%; }
#menubox .menu ul li { display:table-cell; margin:0px auto; /* width:20%; */ }
#menubox .menu ul li a {  color:#222; display:block; margin:1px 2px; padding:5px; text-decoration:none; text-align:center; font-size:20px; font-weight:900; }
#menubox .menu ul li a:hover, #menubox .menu ul li:hover a { color:#004914;  text-decoration:none; box-shadow:none; }
#menubox .menu ul li.selected a { color:#004914; text-shadow:1px 1px 0px #fff,-1px -1px 0px #fff,-1px 1px 0px #fff,1px -1px 0px #fff; text-decoration:none; box-shadow:none; }
#menubox .menu ul li ul { display:none; padding:0px; margin:0px; border:0px; position:absolute; z-index:200; }
#menubox .menu ul li:hover ul { display:block; width:inherit; }
#menubox .menu ul li ul li { display:block; margin:0 auto; padding:0px; }
#menubox .menu li:hover li a { font-size:14px; font-weight:bold; color:#fff; background:#82a5c1; }
#menubox .menu ul li ul { margin:0; box-shadow:2px 2px 2px #222; }
#menubox .menu ul li ul a { display:block; padding:4px 15px; margin:0; text-align:left; }
#menubox .menu li ul a:hover, #menubox .menu li ul li:hover a { color:#82a5c1; background:#fff; }
#menubox .menu li ul li.selected a { color:#82a5c1; background:#fff; }
#menubox .menu p { clear:left; } 
#menubox .menu ul li ul li { position: relative; }
#menubox .menu ul li ul li ul, #menubox .menu ul li:hover ul li ul { display: none; }
#menubox .menu ul li ul li:hover ul { display: block; position: absolute; left: 100%; top: 0; }
#menubox .menu ul li ul li:hover ul li a { color:#000; background:#e1dcca; border:1px solid #aaa; }
#menubox .menu ul li ul li:hover ul li a:hover { color:#000; background:#ff0; border:1px solid #aaa; }
#menubox .menu ul li ul li:hover ul li.selected a { color:#000; background:#ff0; border:1px solid #aaa; }

@media screen and (max-width: 768px) {
    #menubox .menu ul li a{ margin:13px 2px; }
}
@media screen and (max-width: 600px) {
    #menubox .menu ul li a{ font-weight: bold; }
}
@media screen and (max-width: 550px) {
    #navbox { height:35px; }
    #menubox .menu ul li a{ font-size:16px; margin:8px 2px; padding:0; font-weight: bold; }
}
@media screen and (max-width: 450px) {
    #menubox .menu ul li a{ font-size:14px; margin:8px 0px; padding:0; font-weight: bold; }
}
@media screen and (max-width: 350px) {
    #menubox .menu ul li a{ font-size:12px; margin:10px 0px; padding:0; font-weight: bold; }
}