a.starter {
	background-color: transparent;
	color: #0F608F;
	font-weight: bold;
	font-size: 11px;
	font-family: Trebuchet MS;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase; 
	text-decoration: none;
}

a.starter:hover, a.starter:active {
	background-color: transparent;
	color: #C89D13;
}



#mainMenu {
	position: absolute;
	text-align: left;
	width: 760px;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	top: 117px;
	left: 10px;
	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: white !important;
		background-color: white;
	

		
		
	/* Filter ignored by all except IE5+ */
	/* However, using it is preventing the sub-sub-menu from showing */
	/*   FILTER: alpha(opacity=70);  */
}

.menu li a {
	background-color: transparent;
	color: navy;
	display: block;
	font-size: 11px;
	line-height: 18px;
	font-family: Trebuchet MS;
	border-bottom: none;
	border-right: none;
	border-left: none;
	margin: 0px;
	padding: 2px;
	padding-left: 8px;
	text-decoration: none;
	}

.menu li a:hover, .menu li a:active {
	background-color: transparent;
	color: #D79100;
}

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