#menu ul {margin: 5px;padding-left: 5px;}
#menu li {display: inline-block;font-size: 11pt;font-weight: bold;color: #000080;padding-right: 10px;}
#menu a {text-decoration: none;color: #000080;}
#menu a:hover {color: #ff0045;}
#menu li.menudrop1 {display: none;}
@media screen and (max-width: 450px)
{
    #menu {background-color: #bebef7;}
    #menu div.md1 {}
    #menu div.md2 {}
    #menu ul {margin: 0px;padding-left: 0px;}
    #menu li {display: none;}
    #menu li.menudrop1 {display: block;text-align: center;padding-top: 10px;padding-bottom: 10px;}
    #menu li.menudrop2 {text-align: center;padding-top: 10px;padding-bottom: 10px;}
}
@media screen and (max-width: 1200px) and (min-width: 451px)
{
    #menu {background-color: #bebef7; height: 30px;}
    #menu div.md1 {float: left;}
    #menu div.md2 {float: right; text-align: right;}
}
@media screen and (min-width: 1201px)
{
    #menu {background-color: #bebef7; height: 30px;}
    #menu div.md1 {float: left;}
    #menu div.md2 {float: right; text-align: right;}
}