/* ######### Marker List Vertical Menu ######### */

.markermenu{
padding:10px;
width: 200px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
text-align:left;
background:#CCCCCC;
}


.markermenu ul{
list-style-type: none;
margin: 0px 0px;
background:#F2F2F2;
padding: 0px;
border: 0px solid green;
}
.markermenu ul li ul li a{
background:#F3F3F3 url(bulletlist.gif) no-repeat scroll 22px center;
padding-left:39px;
}

.markermenu ul li a{
background: #F3F3F3 url(bulletlist.gif) no-repeat 5px center; /*light gray background*/
font-size: 11px; 
font-family: Verdana;
color: #000000;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
text-align:left;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 200px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #000000;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: black;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
}