#nav{
	margin: 0px auto;
	padding-left: 20px;
	list-style: none; 
}
#nav ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
 	width:15em;
	border: 1px solid #999999;
	margin-top: 1.2em;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	width: auto;
        padding-left: 1px;
        padding-right: 1px;
	background-color:white;
}
#nav ul li {
	width: 11em;
	padding: 3px 2px; 
}
#nav li ul, #nav li ul ul { /* second-level lists */
	display: none;
	position: absolute;
	width: 15em;
	top: auto;
	left: 0;
	margin-top: 1.3em;
}
#nav li ul ul {
margin-top: 0px;
}
#nav li>ul, #nav li ul li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: 1.4em;
	left: 0;
	width: 11em;
	margin-top: auto;
}
#nav li ul li>ul {
top: 3px;
}
#nav ul ul, #nav ul ul ul{
  	display:none; 
  	position:absolute; 
  	width: 15em;
   	margin-top:-1.5em; 
        margin-left:11.25em;
}
#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items  */
	display: block;
	width: 13em;
	background-color:white;
}
#nav li:hover, #nav li.over {
	background-color: #EEEEEE;
}
#nav li.over ul ul, #nav li.over ul ul ul, #nav li.over ul ul ul ul, #nav li.over ul ul ul ul ul, #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul {
    	display:none; 
}
#nav li.over ul, #nav ul li.over ul, #nav ul ul li.over ul, #nav ul ul ul li.over ul, #nav ul ul ul ul li.over ul, #nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul {
    	display:block;
}