ul.vertical, ul.vertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
}

ul.vertical
{
	position: absolute;
	z-index: 1000;
	cursor: default;
	width: 8em;
	left: 1.5em;
	top: 12em;
}

ul.vertical li
{
	position: relative;
	text-align: left;
	cursor: pointer;
	cursor: hand;
	width: 8em;
	margin: -1px 0 0 0;
}

ul.vertical ul
{
	z-index: 1020;
	cursor: default;
	position: absolute;
	width: 8em;
	margin: 0 0 0 8em;
	top: -100em;
	left: -1px;
	padding: 1px 0 0 0;
}
	
ul.vertical ul li
{
	width: 10em;
}

ul.vertical ul ul
{
	margin: 0 0 0 10em;
}

ul.vertical ul ul li
{
	width: 12em;
}

ul.vertical ul ul ul
{
	margin: 0 0 0 8em;
}

@media Screen, Projection
{
	ul.vertical li:hover > ul { top:0; }
}

ul.vertical a, ul.vertical a:visited {
	display: block;
	cursor: pointer;
	cursor: hand;
	background: #F8F8F8;
	color: #000060;
	border: 2px solid #CCCCCC; /* #E71021; */
	padding: 5px 7px;
	font: normal bold 0.8em arial, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
}
	
ul.vertical a:hover, ul.vertical a:focus, ul.vertical a.rollover, ul.vertical a.rollover:visited
{
	background: #0C48A8;
	color: #EEEEEE;
}

@media screen, projection
{
	* html ul.vertical li
	{
		display: inline;
		f\loat:left;
		background:#ffffff;
	}
}

* html ul.vertical li
{
	position:static;
}

* html ul.vertical a
{
	position: relative;
}

ul[class^="vertical"] ul
{
	display:none;
}

ul[class^="vertical"] ul
{
	displa\y:block;
}