/* ######### Marker List Vertical Menu ######### */
.h2 {
	color:#CC0033;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px ;
	font-weight: bold ;
	margin:20px 0 10px 0;
	clear:both;
}

.markermenu{
width: 220px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
font-size: 10;
}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid;
border-color: #F3F3F3;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.markermenu ul li a{
background: #F9F9F9 /*url(bulletlist.gif) no-repeat 3px center*/; /*light gray background*/
font-weight: bold;
color: #336699;
display: block;
width: auto;
padding: 10px 0;
padding-left: 5px;
text-decoration: none;
border-bottom: 1px solid #FFFFFF;
}

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

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

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: #FFFFFF;
background-color: #CCCCCC;
}

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

.blackwhite li a{
background: #F9F9F9;
border-bottom: 1px solid #FFFFFF;
}

.blackwhite li a:hover{
background: #CCCCCC; /*hover background*/
color: #FFFFFF;  /*hover writing*/
border-bottom: 1px solid #FFFFFF;
}