/** MENU PLACEMENT CSS **/

#menu, #menu ul {
	position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}

#menu {
	margin-bottom: 30px;
}

#menu li {
  position: relative;
  width: 178px;
}

#menu li li {
  width: 110px;
}

#menu li ul {
	display: none;
	position: absolute; 
	top: 0;
	left: 0;
}
  
#menu li.over ul { display: block; left:178px; padding-left:2px; }

/** END MENU PLACEMENT CSS **/






/** MENU STYLING **/



#menuHome, #menuWhatsOn, #menuPowermail, #menuEatDrink, #menuVenueInfo, #menuFunctions, #menuAboutUs, #menuSupporters, #menuEducation, #menuMedia  {
		display:block;
		position: relative;
		height: 24px;
		width:178px;
		background: url(/img/main_menu_new.png) no-repeat;
}

#menuHome a, #menuWhatsOn a, #menuPowermail a, #menuEatDrink a, #menuVenueInfo a, #menuFunctions a, #menuAboutUs a, #menuSupporters a, #menuEducation a, #menuMedia a {
		width:100%; height:100%;
		display:block;
}

#menu span {
	position: absolute;
	text-indent: -9999px;
}

#menu LI A {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #454547;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	outline:none;
}

#menu LI UL { /* submenu */
	background: white;
}

#menuWhatsOn LI.over A {
	color: #D10074;
}

#menuPowermail LI.over A {
	color: #009FDA;
}

#menuHome LI.over A, #menuEatDrink LI.over A, #menuVenueInfo LI.over A, #menuFunctions LI.over A, #menuAboutUs LI.over A, #menuSupporters LI.over A, #menuEducation LI.over A, #menuMedia LI.over A {
	color: #7AB800;
}


#menuHome {
	background-position: 0 0;
}

#menuWhatsOn {
	background-position: 0 -24px;
}

#menuPowermail {
	background-position: 0 -48px;
}

#menuEatDrink {
	background-position: 0 -72px;
}

#menuVenueInfo {
	background-position: 0 -96px;
}

#menuFunctions {
	background-position: 0 -120px;
}

#menuAboutUs {
	background-position: 0 -144px;
}

#menuSupporters {
	background-position: 0 -168px;
}

#menuMedia {
	background-position: 0 -192px;
}

#menuEducation {
	background-position: 0 -216px;
}






#menuHome.over {
	background-position: -178px 0;
}

#menuWhatsOn.over {
	background-position: -178px -24px;
}

#menuPowermail.over {
	background-position: -178px -48px;
}

#menuEatDrink.over {
	background-position: -178px -72px;
}

#menuVenueInfo.over {
	background-position: -178px -96px;
}

#menuFunctions.over {
	background-position: -178px -120px;
}

#menuAboutUs.over {
	background-position: -178px -144px;
}

#menuSupporters.over {
	background-position: -178px -168px;
}

#menuMedia.over {
	background-position: -178px -192px;
}

#menuEducation.over {
	background-position: -178px -216px;
}