/* main menu item width settings english orig
#menuHome   	    { width:50px;}
#menuRooms   		{ width:60px;}
#menuLeisure		{ width:70px;}
#menuRest           { width:100px;}
#menuLocation		{ width:75px;}
#menuCarltonBeach   { width:135px;}
#menuMeetings       { width:125px;}
#menuGallery        { width:70px;}
#menuContact        { width:60px;}
*/ 

#header {
	z-index:20;
}

/* menu div setup */
#menu {
	width:760px;
	background-color:#fff;
	height:51px;
	font-size:10px;
	position:relative;
	font-family:arial, sans-serif;
	overflow:hidden;
	margin-top:16px;
	
}

/* Set the styles for all menu ul */
#menu ul,
#menu li {
	list-style-position:outside;	 
	list-style-type: none;
	list-style: none;
	margin:0px;
	padding:0px;
}

/* Float the menu titles to the left side */
.menuArea,
.menuAreaCurrent {
	float:left;
	position:relative;
}

.menuArea a.mainItem,
.menuAreaCurrent a.mainItem {
	float:left;
}


/* To position the sub menu item lists by their parent and make them not expand the parent item */
.subItems,
.subItemsRight  {
	visibility:hidden;
	position:absolute;
	top: 23px;
}


/* the left side sub item ul */
.subItems {
	left:0px;
	width:760px;
}

/* the right side subitem ul */
.subItemsRight {
	right:0px;
	width:760px;
	
}

/* Standard left side menu area sub items */
.subItems li {
	float:left
}
	
/* Sub items for menu areas whose parent is on the right side */
.subItemsRight li {
	float:right;
}

/* CSS hover to provide access for non javascript browsers */
#menu li:hover .subItems,
#menu li:hover .subItemsRight {
	visibility:visible;
}

/* sub item link normal state */
#menu .subItems a,
#menu .subItemsRight a {
	padding:4px 17px 5px 0px;
	color:#465B77; 
	display:block;
	text-decoration:none;
	font-size:9px;
	font-weight:normal;
}


/* Sub item link hover state */
#menu .subItems a:hover,
#menu .subItemsRight a:hover {
	color:#79889C;
}


/* Menu area titles */			
#menu a.mainItem {
	height:14px;
	padding:5px 0px 2px 0px;
	display:block;
	font-size:9px;
	text-decoration:none;
	color:#465B77;
	background-color:#fff;
	border:1px solid #fff;
	border-bottom-width:0px;
	border-right-width:0px;
	text-align:left;
	margin:0px;
	text-transform:uppercase;
}


/* The title of the menu area, selected by both the css and js actions */
#menu .menuAreaCurrent a.mainItem,
#menu li:hover a.mainItem {
 	background-color:#fff;
	color:#A1B4CE;
}


/* Once the js changes the class name of a menu area to menuAreaCurrent these rules will kick in */
#menu .menuAreaCurrent .subItems,
#menu .menuAreaCurrent .subItemsRight {
	visibility:visible; 
} 

#menu #menuItemCurrent a{
	color:#A1B4CE;
	font-weight:bold;
}

/* Background div behind the sub items */
#menuSubBackground {
	position:absolute;
	top:23px;
	left:0px;
	width:758px;
	height:22px;
}


/* Fade Styles */

/* If the user has no javascript we skip the whole thing and don't display the fade div */
/* Should be set the same or sim to the menuSubBackground above */
#menuFade {
	visibility:hidden;
	position:absolute;
	top:23px;
	left:0px;
	background-color:#fff;
	height:22px;
	width:760px;
}


/* opacity classes */
.opacity0   {	-moz-opacity:0.0; opacity:0.0; filter:alpha(opacity=00); }
.opacity20  {	-moz-opacity:0.2; opacity:0.2; filter:alpha(opacity=20); }
.opacity40  {	-moz-opacity:0.4; opacity:0.4; filter:alpha(opacity=40); }
.opacity60  {	-moz-opacity:0.6; opacity:0.6; filter:alpha(opacity=60); }
.opacity80  {	-moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); }
.opacity100 {	-moz-opacity:1.0; opacity:0.8; filter:alpha(opacity=100);}