ul.nav, .nav ul 
{
cursor:default;
display:inline;
list-style-type:none;
margin:0;
padding:0;
}
 
ul.nav {
 background-color:#336699;;
 color:#fff;
 padding-top:2px;
 padding-left:4px;
 padding-bottom:2px;
 
 margin:0px; 
}
.nav ul   a {
 display:block;
 padding:2px 10px 0 2px;
}
.nav ul  a {

color:#fff;
}
.nav ul  a:hover {
background-color:#336699;
color:#FFFFFF;
}
.nav ul a:active {
background-color:#fff;
color:#FFF;
} 

nav ul {
background-color:#FFFFFF;
border:1px solid #336699;

}


.nav a {
text-decoration:none;
}

 
 
 
 
ul.block {
table-layout:fixed;
width:100%;
}


ul.nav > li {
display:table-cell;
padding:2px 1px  3px 0px;
position:relative;
width:150px;
}
ul.nav li > ul {
display:none;
margin-left:-6px;
margin-top:2px;
max-width:40ex;
position:absolute;background-color:#fff;
}
ul.nav li:hover > ul {
display:block;
}
.nav   li a {
display:block;
padding:2px 10px;
}
 .nav ul li a {

color:#336699;
}
  .nav   li a:hover {
background-color:#336699;
color:#FFFFFF;
}
 .nav   li a:active {
background-color:#003366;

color:#FFFFFF;
}