/* =================================================================================== */

	ul.menu {
		display: block; position: relative;
		width: 717px;
		margin: 0; padding: 0;
		list-style-type: none;
		}
		
		ul.menu li {
			display: block; float: left; position: relative;
			margin: 0; padding: 0;
			border-right: 1px solid #808080;
			}
			
			ul.menu li a {
				display: block; float: left; position: relative;
				height: 19px; margin: 0; padding: 0; outline: none !important;
				text-decoration: none;
				background-color: #000000;
				background-position: left top;
				background-repeat: no-repeat;
				}

			ul.menu li a:hover, ul.menu li a.active {
				background-position: left bottom !important;
				}

				
				ul.menu li a img {
					display: block; position: relative;
					width: 100%; height: 100%;
					border: none;
					}
					
/* =================================================================================== */

	li.aboutus a {
		width: 63px;
		background-image: url(../img/aboutus.png);
		}	

	li.our a {
		width: 68px;
		background-image: url(../img/our.png);
		}	

	li.group a {
		width: 85px;
		background-image: url(../img/group.png);
		}	

	li.whyvisit a {
		width: 156px;
		background-image: url(../img/whyvisit.png);
		}	

	li.bookings a {
		width: 63px;
		background-image: url(../img/bookings.png);
		}	

	li.newsletter a {
		width: 77px;
		background-image: url(../img/newsletter.png);
		}	

	li.relatedlinks a {
		width:88px;
		background-image: url(../img/relatedlinks.png);
		}	

	li.contactus {
		border-right: none !important;
		}

	li.contactus a {
		width: 75px;
		background-image: url(../img/contactus.png);
		}
		
/* SUBNAVIGATION STYLES ============================================================== */

.menu, .menu ul {
	margin: 0; padding: 0; border: 0;
	list-style-type: none;
	display: block;
	}

	.menu li {
		margin: 0; padding: 0; border: 0;
		display: block; float: left;
		position: relative;
		z-index: 5;
		}

	.menu li:hover {
		z-index: 10000;
		white-space: normal !important;
		}

		.menu li li {
			float: left;
			}

.menu ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	}

.menu li:hover>ul {
	visibility: visible;
	top: 100%;
	left: -1px;
	}

.menu li li:hover>ul {
	top: 0;
	left: 100%;
	}

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
	}
	
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
	}			

/* DESIGN STYLES ================================ */

.menu ul {
	width: 300px;
	}

	.menu ul li {
		width: 300px;
		margin: 0; padding: 0;
		white-space: nowrap;
		}

	.menu li li a {
		display: block; width: 291px; padding-left: 7px;
		height: 24px; line-height: 24px;
		background: #b7c951 !important; color: #626060;
		border: 1px solid #626060;
		}
		
	.menu li a:hover, .menu li:hover>a {
		background-position: bottom left !important;
		}		

	.menu li li a:hover, .menu li li:hover>a {
		background: #64cad9 !important;
		color:#333333;
		}

		.menu li li {
			border: none;
			}
			
		.menu ul>li + li a {	/* and remove the top border on all but first item in the list */
			border-top: 0;
			}
		
		.menu li ul {
			width: 300px;
			}
		
		.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
			top: -1px;
			left: 100%;
			}