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

.markermenu {
    margin-top: 4px;
    width: 175px; /*width of side bar menu*/
    clear: left;
    position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.markermenu ul {
list-style-type: none;
margin: 5px 0;
padding: 0;
border: none;
}

.markermenu ul li a {
background-image: url("images/button.jpg");
color: #ffffff !important;
font-weight: bold;
display: block;
width: auto;
padding: 3px 0;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
margin-bottom: 5px;
text-align: left;
}

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

}

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

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: black !important;
padding-right: 2px;
background-image: url("images/buttonhover.jpg");
}

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

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
}
.markersys 
{
    background-image: url("images/buttonsy.jpg") !important;
}
.markersys:hover, .markersys.selected{
color: black !important;
padding-right: 2px;
background-image: url("images/buttonhover.jpg") !important;
}
.highlightsys 
{
    background-image: url("images/buttonpa.jpg") !important;
}
.highlightsys:hover, .highlightsys.selected{
color: black !important;
padding-right: 2px;
background-image: url("images/buttonhover.jpg") !important;
}