<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.markermenu{
width: 170px; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
/*border: 0px solid #9A9A9A;*/
}

.markermenu ul li a{
/*background: white url(arrow-list.gif) no-repeat 2px center;*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: inline-block;
width: auto;
padding: 3px 0;
padding-left: 0px;
text-decoration: none;
/*border-bottom: 1px solid #B5B5B5;*/
}

.markermenu ul li{
background: white url(arrow-list.gif) no-repeat 2px center;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
/*display: inline-block;*/
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
/*border-bottom: 1px solid #B5B5B5;*/
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover{ 
color: black;
background-color: #E6E6E6;
/*background-image:url(arrow-list-red.gif); */

}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */

</style>
