<style type="text/css">
<!--
body {
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #221042;
}
.style1 {
	color: #FFFFFF;
	font-weight: bold;
}
.links
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #016392;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #016392;
}
a:hover {
	text-decoration: none;
	color: #018EDE;
}
a:active {
	text-decoration: none;
	color: #996699;
}


.markermenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 160px;
/*border: 1px solid #9A9A9A;*/
}

.markermenu li a{
background: white url(media/arrow-list.gif) no-repeat 2px center;
font: 12px "Arial";
color: #016392;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 160px;
}

.markermenu li a:visited, .markermenu li a:active{
color: #016392;
}

.markermenu li a:hover{
color: #018EDE;
background-color: #f6f7f8;
background-image:url(media/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

-->
</style>