/* ######### Marker List Vertical Menu ######### */
.topmenu{
background: url(/images/totalimg/menu/s_topmenu.gif) no-repeat;
width: 205px; /*width of side bar menu*/
height: 105px;
font-size: 0;
}

.middlemenu{
background: url(/images/totalimg/menu/s_top.gif) no-repeat;
width: 205px; /*width of side bar menu*/
height: 0px;
font-size: 0;
}

.bottommenu{
background: url(/images/totalimg/menu/s_bottom.gif) no-repeat;
width: 205px; /*width of side bar menu*/
height: 11px;
font-size: 0;
}

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

.markermenu ul{
background: url(/images/totalimg/menu/s_middle.gif);
list-style-type: none;
margin: 0;
padding-left: 8px;
}

.markermenu ul li a{
background: #FFFFFF url(/images/totalimg/menu/s_bullet.gif) no-repeat 3px center; /*light gray background*/
font: bold 12px µ¸¿òü;
color: #7F7F7F;
display: block;
width: auto;
height: 20px;
padding: 8px 0 6px 16px;
text-decoration: none;
border-bottom: 1px solid #EDEDED;
}

* html .markermenu ul li a{ /*IE6 hack*/
margin-left: 6px;
width: 176px;
color: #7F7F7F;
}

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

.markermenu ul li a:hover, .markermenu ul li a.selected{
background: #F5F5F5 url(/images/totalimg/menu/arrow3.gif) no-repeat 3px center;
color: #22839f;
}

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

.blackwhite li a:hover{
color: #22839f;
}