/** MENU PLACEMENT CSS **/

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

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



#menu li {

  position: relative;
  width: 125px;
}

#menu li li {

  width: 65px;
}

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

/** END MENU PLACEMENT CSS **/






/** MENU STYLING **/



#menuHome , #menuWhatsOn , #menuPowermail, #menuEatDrink , #menuVenueInfo , #menuAboutUs , #menuEducation , #menucontact, #menuMedia  {
		display:block;
		position: relative;
		height: 27px;
		width:168px;
		
		background: url(../images/main_menu.png) no-repeat;
}

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

#menu span {
	position: absolute;
	text-indent: -9999px;
	left: 18px;
	top: -2px;
}

#menu LI A {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom:4px;
	padding-left:10px;

}

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

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

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

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


#menuHome {
	background-position: 0 0;
	height: 28px;
}

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

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

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

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

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

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


#menucontact {
	background-position: 0 -186px;
	
}


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

#menuWhatsOn.over {
	background-position: -168px -28px;
}

#menuPowermail.over {
	background-position: -168px -53px;
}

#menuEatDrink.over {
	background-position: -168px -78px;
}

#menuVenueInfo.over {
	background-position: -168px -103px;
}

#menuAboutUs.over {
	background-position: -168px -130px;
}

#menuEducation.over {
	background-position: -168px -158px;
}

#menucontact.over  {
	background-position: -168px -186px;
	
}


#menuMedia.over {
	background-position: -168px -180px;
}