/*#nav, #nav ul {margin:1px 0 10px 0; padding:0; list-style-type:none; list-style-position:outside; line-height:20px; z-index: 100; display:block;}*/
	#nav, #nav ul {margin:1px 0 0 0; padding:0; list-style-type:none; list-style-position:outside; line-height:20px; z-index: 100; display:block;}
/*#nav li {display: inline-block;margin-left: 21px;}*/
	#nav li {display:inline-block; margin-left: 21px; }
	#nav > li > a {padding-bottom:20px; z-index:10000; position:relative;}

#nav a:link, #nav a:active, #nav a:visited {display:block; color:#ddd; text-decoration:none;}
#nav a:hover {color: #fff; text-decoration: none;}
	
#nav ul {top:39px; display:none; background-color:#36c; padding:5px 10px; border-left: 1px solid #039; border-right: 1px solid #039; border-bottom: 1px solid #039; border-radius: 4px;}
#nav li ul {position:absolute;}
#nav li ul a {}
#nav li ul li{display: block; text-align: left; padding: 0; margin: 0; min-width:120px; border-bottom: 1px solid #039; position:relative;}
#nav li ul li a{padding:8px 8px;}
#nav li ul li:last-child {border-bottom: 0px;}
#nav ul ul {top:-7px; left:100%; border-top: 1px solid #039; margin-left: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;*/
}
#nav .arrow {height:30px; top:-30px; position:absolute; width:100%; border:0;}

/* The arrow indicating the dropdown */
.dropdown {margin-right:10px;}
div.dropdown {
content: "";
position: absolute;
width: 0;
height: 0;
right: -8px;
top: 14px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid white;
}
div.dropdown a {
	display:block;
	position:absolute;
	width:20px;
	height:24px;
	top:-23px;
}