#menu {
	float: left;
	width: 160px;
	margin-left: 10px;
	padding-top: 2.2em;
	margin-bottom: 1em;
	}

.drop-down {
	margin-bottom: 10px
	}

.drop-down > a:after {
	content: "\bb"; font-size: 10px; display: inline;
	padding-left: 5px
	}

#menu ul {
	margin: 0;
	padding: 0 0 1.6em 0;
	list-style: none;
	width: 155px;
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 150px;
	top: 0;
	display: none;
	}

ul#nav li a {
	display: block;
	text-decoration: none;
	color: blue;
	font-weight: bold;
	background: #aaccff;
	font-size: 8pt;
	padding: 10px;
	text-align: right;
	border-right: 5px solid #aaaaff;
	border-bottom: 1px solid #aaaaff;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul#nav li a:hover {
	background: #ff7733;
	color: white; 
	border-right: 5px solid #990000;
	border-bottom: 1px solid #990000;
	text-shadow: blue 0.1em 0.3em 0.3em;
	}

ul#nav li:hover a.active, ul#nav li.over a.active, ul#nav li.drop-down a.active {
	background: #3377ff;
	color: white;
	border-right: 5px solid blue;
	border-bottom: 1px solid blue;
	text-shadow: blue 0.1em 0.3em 0.3em;
	cursor: default;
	}

li:hover ul, li.over ul {
	display: block;
	}