ul#menu {
	position:relative;
	display:block;
	z-index:99;
		border:0px;
		margin:0px;
		padding:0px;
	list-style-type:none;
}

ul#menu li {
	position:relative;
	display:block;
	float:left;
		border:0px;
		margin:0px;
		padding:0px;
}

ul#menu ul {
	position:absolute;
	display:block;
	visibility:hidden;
		border:0px;
		margin:0px;
		padding:0px;
	width:200px;
}


ul#menu ul li {
	position:relative;
	display:block;
	float:none;
		border:0px;
		margin:0px;
		padding:0px;
	height:25px; /* makes it look less ridiculous in IE when submenus are activated */
}

ul#menu ul ul {
	top:0%;
}

ul#menu a {
		display:block;
		border:0px;
		margin:0px;
		padding:0px 10px 0px 5px;
}



ul#menu ul a {
	display:block;
		border:0px;
		margin:0px;
		padding:0px 10px 0px 5px;
	width: 185px; /* width of ul minus this element's padding */
	height: 25px;
}

ul#menu ul ul		{	left: 100%;}
ul#menu ul ul ul		{	left:-101%;}
ul#menu ul ul ul ul	{	left: 100%;}
ul#menu ul ul ul ul ul	{	left:-101%;}

.sub:after	{
	content:"  >";
	font-style:italic;
}