ul#primary-nav,
ul#primary-nav ul {
	margin: 0px;
	padding: 0px;
	z-index: 10;
	position: relative;
}
	
ul#primary-nav {
	margin-left: 10px; 
	margin-top: 5px; 
	_margin-top: 0px;
}

ul#primary-nav li {
	position: relative;
	display: inline;
	list-style: none;
	float: left;
	padding: 0px;
	_font-size:0px;
  _height:0px;
}

ul#primary-nav li a {
	display: inline;
	text-decoration: none;
	padding: 9px 10px 8px 10px;
	text-align: center;
	color: #FFF; 
	font: bold 11px Verdana, Arial, sans-serif; 
}

ul#primary-nav li a:hover { 
	background-color: #cccc99;  
	color: #fff ! important;
}			
	
	
/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	left: 0em; 
	width: 150px;
	top: 1.55em;
	_top: 100%;
	padding: 1px;
	background-color: #cccc99; 
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #666;
}

ul#primary-nav ul li { 
	width: 100%;
	text-align: left;
}

ul#primary-nav ul li a {
	display: inline;
	padding: 2px 5px;
	width: 100%; /* Hack to fix IE */
	text-align: left;
	border-width: 0;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
}

ul#primary-nav ul li a:hover { 
	color: #f33 ! important;  
}	

ul#primary-nav ul ul {
	left: 100%;
	top: 0em;
	
}	
ul#primary-nav li ul li a { /*padding: 1px 2px;*/ 
	left: 100%; 
 } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li:hover ul ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul,
ul#primary-nav li.over ul ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul,
ul#primary-nav li li li li.over ul { display: block; } /* The magic */