@charset "UTF-8";
#nav-menu { 
	width: 275px;
	font-family: verdana, sans-serif;
	font-size: 12px;  line-height: 1;
	font-weight: bold;
	z-index: 1000;
	overflow: visible;
	margin: 0;
	padding: 0;
}
#nav-menu img { margin: 0; padding: 0; border: none; }
#nav-menu a.nav-menu-trim { display: block; margin: 0; padding: 0; }
#nav-menu a:link, #nav-menu a:visited { 
	text-decoration: none; 
	color: black; 
	border: none; 
}
#nav-menu a:hover, #nav-menu a:active { 
	text-decoration: none; 
	color: #484848; 
	border: none; 
	outline: 1px dotted grey;
}
#nav-menu #nav-menu-1, #nav-menu-1 ul { background-color: rgb(204,204,255) }
#nav-menu #nav-menu-2, #nav-menu-2 ul { background-color: rgb(255,204,255) }
#nav-menu #nav-menu-3, #nav-menu-3 ul { background-color: rgb(255,204,0) }
#nav-menu #nav-menu-4, #nav-menu-4 ul { background-color: rgb(188,136,255) }
#nav-menu #nav-menu-5, #nav-menu-5 ul { background-color: rgb(142,195,133) }
#nav-menu li {
	position: relative;
	height: 16px; 
	margin: 0; 
	list-style-type: none; 
	padding: 3px 0 0 4px;
	color: #666;
}
#nav-menu li li { 
	height: 16px; 
	margin: 0; 
	list-style-type: none; 
	padding: 3px 0.5em 0 8px;
}
#nav-menu ul { margin: 0; padding: 0 }
#nav-menu ul.nav-menu-inner { 
	position: absolute;  
	left: 10em; top: -1px;
	width: 12em;
	border: 1px solid black; 
	border-left: none;
	display: none; /* reveal dynamically */
}