#menu {
width: 170px;
z-index:1000px;
position:relative;
}
 
#menu ul 
{
position:relative; 
list-style: none;
margin: 0;
padding: 0;
height:45px;
}
 
.ItemBG
{
background-image: url(Images/MenuItem.png);
background-repeat:no-repeat;
height:45px;
width:170px;
}
#menu a
{
font: bold 11px/16px Tahoma;
display: block;
margin: 0;
padding: 5px 3px;
direction:rtl;
}
 
#menu a, #menu a:visited {
color: #033455;
width:170px;
text-decoration: none;
display:block;
}
 
#menu a:hover {
color: #ffffff;
width:170px;
}
 
#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu span { padding-left:20px;}

#menu ul ul 
{
	z-index:200px;
	position: absolute;
	top: -0px;
	right: 170px; /* to position them to the right of their containing block */
}
/* Level 2 */
#menu ul li ul { display: none; }
#menu ul li:hover ul
{ display:block; width:170px;
    height:40px;}

#menu ul ul ul {
position: absolute;
top: -0px;
right: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}
 
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
 
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}