﻿#sidemenu {
width: 130px; /* set width of menu */
margin: 5px 5px;
position: relative;
} 

#sidemenu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 1px 0px;
background: #1E1E1E;
}

/* style, color and size links and headings to suit */
#sidemenu a, #sidemenu h2 {
font: bold 12px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
}

#sidemenu h2 {
color: #9ABBCE;
background: #000;
}

#sidemenu a {
color: #9ABBCE;
background:transparent;
text-decoration: none;
}

#sidemenu a:hover {
color: #FFF;
background: #a00;
}

#sidemenu li {
/* make the list elements a containing block for the nested lists */
position: relative;
padding: 1px 0px;
background-image: url(../images/ln_item_bg.jpg);
} 

#sidemenu ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 12em; /* width is based on the containing block */
}
#sidemenu ul ul > li
{
    background-color:#292929;
    background-image:none;
}

div#sidemenu ul ul ,
div#sidemenu ul  li:hover ul 
{display: none;}

div#sidemenu ul li:hover ul,
div#sidemenu ul ul li:hover ul
{display: block;}



