body {
    /**background: url('../Images/test.jpg') no-repeat;
    background-size: cover;
    font-family: Arial;**/

}
 ul{
     margin: 0px;
     padding: 2px;
     list-style: none;
 }
  ul li{
     float:left;
     width: 120px;
     height: 40px;
     padding:2px;
     opacity: .8;
     line-height: 40px;
     text-align: left;
     font-size: 17px;
     margin-right: 2px;
 }
  ul li a{
      text-decoration: none;
      color: white;
      display: block;
  }
  ul li a:hover{
        padding:2px;
      /*background-color: purple;*/
      color: purple !important;
  }
  ul li ul li{
      display: none;
  }
    ul li:hover ul li{
          padding:2px;
      display: block;
        color: white;
         background-color: #1b46ef;
  }