<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.markermenu{
width: 380px; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #e3e4d9;
}

.markermenu ul li a{
background: #e3e4d9 url('arrow-list.gif') no-repeat 2px center;
color: #A2A8AA;
display: block;
width: auto;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Arial, Arial, Arial, Arial, sans-serif; padding-right:0; padding-top:3px; padding-bottom:3px
}


* 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: #1c130b;
}

.markermenu ul li a:hover{
color: black;
background-color: #b9d8dd;
background-image:url('arrow-list-red.gif'); /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */

</style>

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.markermenu{
width: 180px; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #e3e4d9;
}

.markermenu ul li a{
background: #e3e4d9 url('arrow-list.gif') no-repeat 2px center;
color: #A2A8AA;
display: block;
width: auto;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Arial, Arial, Arial, Arial, sans-serif; padding-right:0; padding-top:3px; padding-bottom:3px
}


* 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: #1c130b;
}

.markermenu ul li a:hover{
color: black;
background-color: #b9d8dd;
background-image:url('arrow-list-red.gif'); /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */

</style>