ul.menu {
  border-style:solid;
    border-width:3px;
  border-color:#3385FF;
    width:600px;
    white-space:nowrap;
    margin-left:auto;
    margin-right:auto;
    
}
ul.menu li{
    display:inline-block;
    list-style:none;
    position:relative;
    padding-left:30px;
    padding-right:30px;
    padding-top:5px;
    padding-bottom:5px;
   
}   

ul.menu li a{
    display:block;
    position:relative;
    text-decoration:none;
    color:#3385FF
    
}
ul.menu li a:hover{color:white}

ul.menu li ul{
    display:none;
    position:absolute;
    top:28px;
    cursor:pointer;
    border: solid #3385FF 1px;
    border-top-style:none;
    background-color:rgba(0, 0, 30, .78);
    
}
ul.menu li li{
    display:block;
    cursor:pointer;
    padding-left:0px;
    padding-right:5px;
}

ul.menu li:hover ul, ul.menu li:active ul{
    display:block;
}
ul.menu li li:hover, ul.menu li li:active{
    cursor:pointer;
}