/* ######### Marker List Vertical Menu ######### */

.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*/

}

.markermenu ul{
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
}

.markermenu ul li a{
	color: #cccccc;
	display: block;
	width: auto;
	padding-left: 38px;
	text-decoration: none;
	background-color: #393939;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	height: 25px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	background-image: url(images/menu_bul.jpg);
	background-repeat: no-repeat;
	background-position: 18px center;

}

* html .markermenu ul li a{ /*IE6 hack*/
	width: 182px;
	height: 25px;
	line-height: 25px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #cccccc;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
	color: #FFFFFF;
	background-color: #474747;
	font-weight: bold;
	background-image: url(images/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 172px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 48px;
	margin: 0px;
	height: 25px;
}

/*markermenu_2 menu*/
.markermenu_2{
width: 220px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu_2 ul{
	list-style-type: none;
	margin: 0px;
	padding: 0;
}

.markermenu_2 ul li a{
	color: #FFFFFF;
	display: block;
	width: auto;
	padding-left: 38px;
	text-decoration: none;
	background-color: #393939;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	height: 25px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	background-image: url(images/2nd_lvl_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;

}

* html .markermenu_2 ul li a{ /*IE6 hack*/
	width: 182px;
	height: 25px;
	line-height: 25px;
}

.markermenu_2 ul li a:visited, .markermenu_2 ul li a:active{
color: #FFFFFF;
}

.markermenu_2 ul li a:hover, .markermenu_2 ul li a.selected{
	color: #FFFFFF;
	display: block;
	width: auto;
	padding-left: 38px;
	text-decoration: none;
	background-color: #393939;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	height: 25px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	background-image: url(images/2nd_lvl_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;

}

/*markermenu_3 menu*/
.markermenu_3{
width: 220px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu_3 ul{
	list-style-type: none;
	margin: 0px;
	padding: 0;
}

.markermenu_3 ul li a{
	color: #cccccc;
	display: block;
	width: 166px;
	padding-left: 53px;
	text-decoration: none;
	background-color: #494949;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	height: 25px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	background-image: url(images/3rd_lvl_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: normal;

}

* html .markermenu_3 ul li a{ /*IE6 hack*/
	width: 166px;
	height: 25px;
	line-height: 25px;
}

.markermenu_3 ul li a:visited, .markermenu_2 ul li a:active{
color: #cccccc;
}

.markermenu_3 ul li a:hover, .markermenu_3 ul li a.selected{
	color: #cccccc;
	background-color: #494949;
	font-weight: normal;
	background-image: url(images/3rd_lvl_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 165px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 53px;
	margin: 0px;
	height: 25px;
}
/*markermenu_4 menu*/
.markermenu_4{
width: 220px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu_4 ul{
	list-style-type: none;
	margin: 0px;
	padding: 0;
}

.markermenu_4 ul li a{
	color: #e4861f;
	display: block;
	width: 166px;
	padding-left: 53px;
	text-decoration: none;
	background-color: #494949;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	height: 25px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	background-image: url(images/4rd_lvl_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
}

* html .markermenu_4 ul li a{ /*IE6 hack*/
	width: 166px;
	height: 25px;
	line-height: 25px;
}

.markermenu_4 ul li a:visited, .markermenu_4 ul li a:active{
color: #e4861f;
}

.markermenu_4 ul li a:hover, .markermenu_4 ul li a.selected{
	color: #e4861f;
	background-color: #494949;
	font-weight: bold;
	background-image: url(images/4rd_lvl_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 165px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 53px;
	margin: 0px;
	height: 25px;
}
/*markermenu_5 menu*/
.markermenu_5{
width: 220px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu_5 ul{
	list-style-type: none;
	margin: 0px;
	padding: 0;
}

.markermenu_5 ul li a{
	color: #a2a2a2;
	display: block;
	width: 162px;
	padding-left: 58px;
	text-decoration: none;
	background-color: #494949;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 25px;
	height: 25px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	background-image: url(images/5th_lvl_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
}

* html .markermenu_5 ul li a{ /*IE6 hack*/
	width: 162px;
	height: 25px;
	line-height: 25px;
}

.markermenu_5 ul li a:visited, .markermenu_5 ul li a:active{
color: #a2a2a2;
}

.markermenu_5 ul li a:hover, .markermenu_5 ul li a.selected{
	color: #A2A2A2;
	background-color: #494949;
	font-weight: bold;
	background-image: url(images/5th_lvl_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 162px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 58px;
	margin: 0px;
	height: 25px;
}
/*markermenu_6 menu*/
.markermenu_6{
width: 220px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu_6 ul{
	list-style-type: none;
	margin: 0px;
	padding: 0;
}

.markermenu_6 ul li a{
	color: #a2a2a2;
	display: block;
	width: 162px;
	padding-left: 58px;
	text-decoration: none;
	background-color: #494949;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 25px;
	height: 25px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	background-image: url(images/5th_lvl_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: normal;
}

* html .markermenu_6 ul li a{ /*IE6 hack*/
	width: 162px;
	height: 25px;
	line-height: 25px;
}

.markermenu_6 ul li a:visited, .markermenu_5 ul li a:active{
color: #a2a2a2;
}

.markermenu_6 ul li a:hover, .markermenu_5 ul li a.selected{
	color: #A2A2A2;
	background-color: #494949;
	font-weight: normal;
	background-image: url(images/5th_lvl_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 162px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 58px;
	margin: 0px;
	height: 25px;
}

