/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 170px; /*width of side bar menu*/
clear: centre;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul
	{
	list-style-type: none;
	margin: 0px 0;
	padding: 0;
	border: 0px solid #688997;
	}

.markermenu ul li a
	{
	background: #943634 url(images/bulletlist.gif) no-repeat 2px center; /*light background on mouse out, plus distance little icon moves*/
	font: 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; /* can be font: bold 13px etc. */
	color: #f2dbdb; /* text colour of non-active page, mouseout*/
	display: block;
	width: auto; /* this is the distance the bg fills on mouseout - leave on auto*/
	padding: 1px 0; /* this changes the height of the boxes*/
	padding-left: 15px; /* this is how far left the text goes */
	text-decoration: none;
	border-bottom: 1px solid #943634; 
	}

* html .markermenu ul li a
	{ /*IE6 hack*/
	width: 170px;
	}

.markermenu ul li a:visited, .markermenu ul li a:active
	{
	color: #f2dbdb;
	}

.markermenu ul li a:hover, .markermenu ul li a.selected /* this is text on mouseover */
	{
	color: #ffffff;
	background-color: #943634; 
	}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a
	{
	background: #b9cbd3;
	color: white;
	}

.blackwhite li a:hover
	{
	background: #f2dbdb;
	color: #9ab2bd;
	}