/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*        MENU STYLES         */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#menu {
z-index: 500;
padding-left: 9px;
}

#menu ul li{
list-style: none;
float: left;
padding: 0px;
margin: 0px;
}

#menu .menu_title a {
font-weight: bold;
font-size: 8pt;
padding-left: 0px;
margin-left: 3px;
margin-top: 2px;
margin-bottom: 3px;
}

#menu .menu_title {
background: none;
padding-left: 0px;
}

#menu ul li a {
display: block;
height: 22px;
margin: 0px;
cursor: pointer;
text-decoration: none;
}

#menu .menu_title a:hover, 
#menu ul ul li a:hover
{
color: #ffffff;
}

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

#menu li {	
list-style: none outside;
}

#menu ul ul {
z-index:500;
display:none;
background: #b5af76;
border: solid 1px #000000;
border-top:none;
top: 100%;
left: 0px;
width: 102px;
position: absolute;
}

#menu ul ul li {
float: none;
padding: 3px;
margin: 1px;
cursor: pointer;
width: 95px;
background: #b11336;
}

#menu ul ul li:hover {
background: #b5af76;
color: #ffffff;
}

#menu ul ul li a:hover {
color: #b11336;
}

#menu ul ul ul {


}

#menu ul ul li a {
padding-top: 5px;
padding-left: 15px;
}

#menu ul ul li,
#menu ul ul li a
{
color: #ffffff;
}

div#menu ul ul,
div#menu ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;}

#nav1 {
width: 120px;
padding-left: 17px;
}
	#nav1:hover {
	background-image: url('images/btn_imperialresort.jpg');
	background-position:  right 50%;
	background-repeat: no-repeat
	}

#nav2 {
width: 100px;
padding-left: 0px;
}
	#nav2:hover {
	background-image: url('images/btn_reservations.jpg');
	background-position:  right 50%;
	background-repeat: no-repeat
	}

#nav3 {
width: 126px;
padding-left: 0px;
}
	#nav3:hover {
	background-image: url('images/btn_accommodations.jpg');
	background-position:  right 50%;
	background-repeat: no-repeat
	}

#nav4 {
width: 135px;
padding-left: 0px;
}
	#nav4:hover {
	background-image: url('images/btn_activitiesandtours.jpg');
	background-position:  right 50%;
	background-repeat: no-repeat
	}
	
#nav5 {
width: 93px;
padding-left: 0px;
}
	#nav5:hover {
	background-image: url('images/btn_resales.jpg');
	background-position: right;
	background-repeat: no-repeat;
	}
	
#nav6 {
width: 61px;
padding-left: 0px;
}
	#nav6:hover {
	background-image: url('images/btn_photos.jpg');
	background-position:  right 50%;
	background-repeat: no-repeat
	}

#nav7 {
width: 104px;
padding-left: 0px;
}
	#nav7:hover {
	background-image: url('images/btn_contactus.jpg');
	background-position:  right 50%;
	background-repeat: no-repeat
	}