a.starter {
	background-color: #CC9900;
	color: #5B6A6F;
	font-weight: bold;
	font-size: 11px;
	font-family: tahoma;
	margin: 0px;
	padding: 1px;
	text-decoration: none;
}

a.starter:hover, a.starter:active {
	background-color: #CC9900;
	color: #ffffff;
}

body {
	background-image: url(menutestbak.jpg);
	}

#mainMenu {
	position: absolute;
	text-align: left;
	width: 420px;
	background-color: #CC9900;
	margin: 0px;
	padding: 1px;
	top: 46px;
	left: 28px;
	z-index: 30;
}

#menuList {
	margin: 0px;
	padding: 0px;
}

#menuList ul {
	margin: 0px;
	padding: 0px;
}

#menuList li {
	display:inline;
	list-style: none;
}



.menu {
	text-align: left;
	position: absolute;
	width: 160px;
	visibility: hidden;
	
	/* !important tag not recognised by IE so we can use that to */
	/* give one rule for IE and another for the rest             */
		background-image: url(../images/menubak.png) !important;
		background-image: none;
		
		background-color: transparent !important;
		background-color: #CDCDCD;
		
	/* Filter ignored by all except IE5+ */
	/* FILTER: alpha(opacity=80); */
}

.menu li a {
	background-color: transparent;
	color: #333333;
	display: block;
	font-size: 11px;
	line-height: 15px;
	font-family: tahoma;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	margin: 0px;
	padding: 2px;
	text-decoration: none;
}

.menu li a:hover, .menu li a:active {
	background-color: #CC9900;
	color: #ffffff;
}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9 { 
	width: 160px; 
	z-index:100; 
}