.mainMenu {
	width: 100%;
	height: 30px;
	background-color: #EEE;
}

	.mainMenu ul {
		width: 900px;
		height: 30px;
		margin: 0px auto;
		padding: 0px;
		border-left: 7px solid #FFF;
		border-right: 7px solid #FFF;
		list-style-type: none;
	}
	
		.mainMenu ul li {
			margin: 0px;
			padding: 0px;
			float: left;
		}
		
		.mainMenu ul li.eventMarker {
			width: 150px;
			height: 25px;
			padding: 5px 0px 0px 0px;
			color: #FFF;
			font-weight: bold;
			text-align: center;
		}
			
			.mainMenu ul li a {
				height: 25px;
				margin: 0px;
				padding: 5px 34px 0px 34px;
				float: left;
				font-size: 16px;
				text-decoration: none;
			}
			
#mainMenuKempton ul  {
	background-color: #7B925C;
}

#mainMenuBrentwood ul {
	background-color: #914768;
}

#mainMenuLondon ul {
	background-color: #3A4977;
}

#mainMenuCambridge ul {
	background-color: #AC7D3A;
}

	#mainMenuKempton ul li.eventMarker  {
		background-color: #576741;
	}
	
	#mainMenuBrentwood ul li.eventMarker {
		background-color: #69344D;
	}
	
	#mainMenuLondon ul li.eventMarker {
		background-color: #273250;
	}
	
	#mainMenuCambridge ul li.eventMarker {
		background-color: #84612D;
	}

		#mainMenuKempton ul li a {
			color: #EBEFE7;
		}
	
		#mainMenuBrentwood ul li a {
			color: #EFE4E8;
		}
	
		#mainMenuLondon ul li a {
			color: #E2E4EB;
		}
	
		#mainMenuCambridge ul li a {
			color: #F3ECE2;
		}
	
			#mainMenuKempton ul li a:hover {
				background-color: #576741;
			}
		
			#mainMenuBrentwood ul li a:hover {
				background-color: #69344D;
			}
		
			#mainMenuLondon ul li a:hover {
				background-color: #273250;
			}
		
			#mainMenuCambridge ul li a:hover {
				background-color: #84612D;
			}

#mainMenuKempton ul li.mainMenuFirst a, #mainMenuBrentwood ul li.mainMenuFirst a,
#mainMenuLondon ul li.mainMenuFirst a, #mainMenuCambridge ul li.mainMenuFirst a {			
	background-position: top left;
	background-repeat: no-repeat;
}

#mainMenuKempton ul li.mainMenuFirst a {
	background-image: url(../../images/marker-kempton.gif);
}
	
#mainMenuBrentwood ul li.mainMenuFirst a {
	background-image: url(../../images/marker-brentwood.gif);
}
	
#mainMenuLondon ul li.mainMenuFirst a {
	background-image: url(../../images/marker-london.gif);
}

	
#mainMenuCambridge ul li.mainMenuFirst a {
	background-image: url(../../images/marker-cambridge.gif);
}

	#mainMenuKempton ul li.mainMenuFirst a:hover, #mainMenuBrentwood ul li.mainMenuFirst a:hover,
	#mainMenuLondon ul li.mainMenuFirst a:hover, #mainMenuCambridge ul li.mainMenuFirst a:hover {
		background-position: left -30px;
	}