ul#nav, ul#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	font: bold 11px arial;
}

ul#nav {
	width: 696px;
	border-right: 1px solid #000;
}

ul#nav li {
	position: relative;
	width: 77px;
	float: left;
}

ul#nav li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: 43px;
	display: none;
}

/* Styles for Menu Items */
ul#nav li a {
	display: block;
	height: 32px;
	text-decoration: none;
	color: #fff;
	background-color: #5A0262;
	padding: 5px;
	border: 1px solid #000;
	border-right: 0;
}

ul#nav li.sub a {
	background: url("../images/tridown.gif") #5A0262 no-repeat 90% 30%;
}

ul#nav li.sub ul li a { background-image: none; }

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
/* End */
ul#nav li a:hover { color: #000; background-color: #fff; } /* Hover Styles */
ul#nav li ul { border: 0; border-bottom: 1px solid #000; }
ul#nav li ul li { width: 100%;}
ul#nav li ul li a { height: 14px; padding: 3px 5px; border: 1px solid #000; border-bottom: 0; } /* Sub Menu Styles */
* html ul#nav li ul li a { height: 10px; }
ul#nav li:hover ul, ul#nav li.over ul { display: block; } /* The magic */
