.menu
{
	
}
.menu ul
{
	list-style-type:none;
	padding:0;
	margin:0;
    
}


/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;

}


/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;

}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:24px;
padding:16px 20px;
color:White;
text-decoration:none;
margin-right:1px;
text-align:center;
}
.menu a#mainmenu
{
    width:150px;
    height:168px;
	background-image: url(course.jpg);
}
.menu a#mainmenu1
{
	width:150px;
    height:168px;
	background-image: url(course.jpg);
}
.menu a#mainmenu2
{
	width:150px;
    height:168px;
	background-image: url(hotel.jpg);
}
.menu a#mainmenu3
{
	width:150px;
    height:168px;
	background-image: url(golf.jpg);
}
.menu a#mainmenu4
{
	width:150px;
    height:168px;
	background-image: url(event.jpg);
}
.menu a#mainmenu5
{
	width:150px;
    height:168px;
	background-image: url(club.jpg);
}
.menu a#submenu
{
	height:8px;
	padding-top:7px;
	background-color:#231f20;
	color:Silver;
	font-size:12px;
	width:140px;
	text-align:left;
    margin-left:5px;

}
/* style the links hover */
.menu a#mainmenu:hover{
	color:White;
	background-image: url(course_hover.jpg);
}
.menu a#mainmenu1:hover{
	background-image: url(course_hover.jpg);
}
.menu a#mainmenu2:hover{
	background-image: url(hotel_hover.jpg);
}
.menu a#mainmenu3:hover{
	background-image: url(golf_hover.jpg);
}
.menu a#mainmenu4:hover{
	background-image: url(event_hover.jpg);
}
.menu a#mainmenu5:hover{
	background-image: url(club_hover.jpg);
}
.menu a#submenu:hover{
	color:White;
	background-color:#2c292a;
}
/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:140px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}