body{
font-size:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;


}

#nav, #nav ul {
margin:0px;
padding:0px;
list-style-type:none;
list-style-position: outside;
font:Verdana, Arial, Helvetica, sans-serif;
position: absolute;
line-height:2em; 
background-color:#f0f0f0;  /* drop down bkg color */ 
z-index: 1;

  /*
  
  background-color: #B4c6db;
  width: 100%;
  
*/
} 

#nav a{
display: block;
padding: 1px 15px;
border:0px solid #333;  
color:#333333;
text-decoration:none;
/* border-right: 1px solid #006699; **************************** */
/* background-color: none;  Top Menu bkg color */
}

#nav a:hover{
	background-color: #CCCCCC;  
	color: #000000;
	font-size:1em;
	}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display: block;
width: auto;  
top:1.5em;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}





.navbar {
  overflow: hidden;
  background-color: #fofofo; 
}

.navbar a {
  float: left;
  font-size: 12px;
  color: #333;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.subnav {
  float: left;
  overflow: hidden;
}

.subnav .subnavbtn {
  font-size: 12px;  
  border: none;
  outline: none;
  color: #333;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: #d8d8d8;
}

.subnav-content {
  display: none;
  position: absolute;
/* left: 0;  

*/
  background-color: #B4c6db;
  width: auto;
  z-index: 1;
}

.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
}

.subnav-content a:hover {
  background-color: #eee;
  color: black;
}

.subnav:hover .subnav-content {
  display: block;
}