.markermenu{
width: 200px; /*width of menu*/
}

.markermenu ul{
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
}

.markermenu ul li a{
	color: #317023;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 20px;
	text-decoration: none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	background-image: url(images/arrow-list.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d5eed3;
}

.markermenu ul li a:hover{
color: #fff;
background-color: #55ad4f;
background-image:url(images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}
.markermenu .current a{ /** currently selected menu item **/
color: #fff;
background-color: #55ad4f;
background-image:url(images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

/*Sub Menu 2-----------------------------------*/

.markermenu2{
width: 200px; /*width of menu*/
}

.markermenu2 ul{
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
}

.markermenu2 ul li a{
	color: #317023;
	display: block;
	width: auto;
	padding-left: 38px;
	text-decoration: none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	background-image: url(images/arrow-list.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d5eed3;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
}

.markermenu2 ul li a:hover{
color: #fff;
background-color: #55ad4f;
background-image:url(images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}
.markermenu2 .current a{ /** currently selected menu item **/
color: #fff;
background-color: #55ad4f;
background-image:url(images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

/*Sub Menu 3-----------------------------------*/

.markermenu3{
width: 200px; /*width of menu*/
}

.markermenu3 ul{
	list-style-type: none;
	padding: 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

.markermenu3 ul li a{
	color: #317023;
	display: block;
	width: auto;
	padding-left: 52px;
	text-decoration: none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	background-image: url(images/arrow-list.gif);
	background-repeat: no-repeat;
	background-position: 35px center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d5eed3;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
}

.markermenu3 ul li a:hover{
color: #fff;
background-color: #55ad4f;
background-image:url(images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}
.markermenu3 .current a{ /** currently selected menu item **/
color: #fff;
background-color: #55ad4f;
background-image:url(images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}