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

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

}

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

.markermenu ul li a{
background: #FFFFFF url("http://ymcacecil.org/ddlevelsfiles/ddlevelsmenu-sidebar.css") no-repeat center; /*teal background*/
font: normal 12px Verdana, "Arial", "Trebuchet MS", Helvetica, sans-serif;
color: #3A6375;
display: block;
width: auto;
padding: 4px 25px;
padding-left: 12px;
text-decoration: none;
border-bottom: 1px solid #DDDDDD;
}

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

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

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

/* ######### NOTE!!! - EXPANDED MENU COLORS - Background first then text color - Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: #6A9EB3;
color: #FFFFFF;
}

.blackwhite li a:hover{
background: #3A6375;
color: #CCCCCC;
}