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

.markermenu{
/* width: 100%; 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;
margin-right: -2px;
}

.markermenu ul li a{
/*background: #F2F2F2; light gray background*/
border: 1px solid #aaa;
border-radius: 6px 0 0 6px;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 10px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
/* width: 100%; */
}

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

.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;
}
@media screen and (min-width:620px){
.markermenu ul li a.tab-active {background: #fcf8e3;color: #363636;border-right: 0}
}
@media screen and (max-width:620px){
.markermenu ul li a.tab-active {background: #fcf8e3;color: #363636;border-radius: 10px}
}