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

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

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

.markermenu ul li a{
background:url("glossyback.gif"/*tpa=http://suf.rize.edu.tr/images/glossyback.gif*/)  repeat-x bottom left; /*light gray background*/
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#FFF;
display: block;
width: auto;
height:18px;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

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

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

.markermenu ul li a:hover, .markermenu ul li a.selected{
color:#FFF;
background: url("glossyback2.gif"/*tpa=http://suf.rize.edu.tr/images/glossyback2.gif*/)  repeat-x bottom left;
}

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

.blackwhite li a{
background: url("glossyback.gif"/*tpa=http://suf.rize.edu.tr/images/glossyback.gif*/);
color:#030;
}

.blackwhite li a:hover{
background: url("glossyback2.gif"/*tpa=http://suf.rize.edu.tr/images/glossyback2.gif*/);
color:#030;
}