#menu {
background-color: #59524d;
color: white;
float: left;
margin-top: 50px;
width: 200px;
}

.collapsemenu {
margin: 5px 0;
padding: 0;
width: 200px;
}

.collapsemenu a.menuitem {
background-color: transparent;
font: bold 12px Verdana, Helvetica, sans-serif;
color: #cad3ec;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 12px 0;
padding-left: 35px;
text-decoration: none;
}

/* VISITED ACTIVE */
.collapsemenu a.menuitem:visited, .collapsemenu .menuitem:active {
color: #cad3ec;
}

/* HOVER */
.collapsemenu a.menuitem:hover {
background: #817b76;
color: white;
}

 /* OPEN CLOSE ICON */
.collapsemenu a.menuitem .statusicon {
position: absolute;
top: 10px;
right: 15px;
border: none;
}



/* SUB MENU */
.collapsemenu div.submenu { 
background-color: #817b76; 
}

.collapsemenu div.submenu ul { /* UL of each sub menu */
list-style-type: none;
margin: 0;
padding: 0;
}

.collapsemenu div.submenu ul li {
border-bottom: 1px solid #59524d;
}

/* LINK */
.collapsemenu div.submenu ul li a {
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
text-decoration: none;
padding: 2px 0;
padding-left: 35px;
}

/* HOVER */
.collapsemenu div.submenu ul li a:hover{
background: #97938f;
color: #cad3ec;
}