#menu
{
	width: 196px;
	direction:ltr;
} 

#menu ul 
{ /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
}

/* style, color and size links and headings to suit */
#menu a
{
	display: block;
	margin: 0;
	padding: 7px 20px;
	border-bottom: #660000 0.01mm solid;
}

#menu a 
{
	color: #000;
	text-decoration: none;
}

#menu a:hover
{
	color: #a00;
	background-color: #fff;
	font-weight: bold;
}

* html #menu ul li a
{
	height: 1%; /* IE fix: make links honour display: block; properly */
}

* html #menu ul li 
{
	float: left; /* IE fix: "whitespace in lists" problem */
	width: 100%;
}

#menu li
{
	/* make the list elements a containing block for the nested lists */
	position: relative;
} 

#menu li a.selected
{
	font-weight: bold;
} 

#menu ul ul li.haschildren
{
	background-image: url(../Images/arrow-left.gif);
	background-repeat: no-repeat;
}

#menu ul ul ul
{
	position: absolute;
	top: 7px;
	left: -194px; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
	z-index: 2000;
	background-color: #f5deb3;
	border-right: #660000 0.01mm solid;
	border-top: #660000 0.01mm solid;
	border-left: #660000 0.01mm solid;
}

#menu ul ul ul,
#menu ul ul li:hover ul ul
{
	display: none;
}

#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul
{
	display: block;
}