body{
	font-family:Arial, Helvetica, sans-serif;
}

ul {
 
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.dropdown li {
    color: #fff;
    display: block;
    float: left;
    position: relative;
    text-decoration: none;
  transition-duration: 0.5s;
  
  
}

li:focus-within a {
  outline: none;
}

ul li ul {
    background: orange;
    visibility: hidden;
	opacity: 0;
	position: absolute;
	display: none;
}

ul li:hover > ul,
ul li:focus-within > ul,
ul li ul:hover,
ul li ul:focus {
  visibility: visible;
  opacity: 1;
  display: block;
 
}

ul li ul li {
    clear: both;
  width: 80px;
  padding-left:10px;
}

.dropdown a
{
color:white;
padding:4px;
width:150px;
font-weight:400;
text-align:left;
}
.dropdown li a:hover
{
color:#003399;
}

.dropdown li a
{
	width:150px;
}