/* 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;}
*/ 
img {
	behavior:url(png_behavior.htc);
}

img{
	border:none;
	}
	
#header {
	z-index:20;
}

/* menu div setup */
 #menu {
 	width:960px;
 	height:81px;
 	font-size:14px;
 	position:relative;
 	font-family:arial, sans-serif;
 	overflow:hidden;
 	margin-top:5px;
 	
 }
 
 /* Set the styles for all menu ul */
 #menu ul, #menu li {
 	list-style:none outside;
 	margin:0px;
 	padding:0px;
 }
 
 /* Float the menu titles to the left side */
 .menuArea, .menuAreaCurrent {
	float:left;
 }
	


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


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

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

/* 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:11px 17px 5px 0px;
	color:#cc0000; 
	display:block;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
}


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


/* Menu area titles */			
#menu a.mainItem {
	height:14px;
	padding:5px 20px 2px 0px;
	display:block;
	font-size:12px;
 	text-decoration:none;
 	color:#333333;
 	background-color:#fff;
 	border:0px solid #fff;
 	border-right-width:0px;
 	text-align:left;
 	margin:0px;
 	border-bottom:0px solid #fff;
    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;
 	/*border:1px solid #CFDAE9;*/
    color:#ff0000;
 	/*border-bottom:0px solid #A1B4CE;*/
 	font-weight:bold;
}


/* 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:#ff0000;
	font-weight:bold;
}


/* sub item link normal state */
#menu .subItems a, #menu .subItemsRight a {
	color:#cc0000; 
}



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


/* Menu area titles */			
#menu a.mainItem {
 	border-bottom:0px solid #fff;
    color: #333;
}
 
 
/* The title of the menu area, selected by both the css and js actions */
#menu .menuAreaCurrent a.mainItem, #menu li:hover a.mainItem {
    color:#333;
 	border-bottom:0px solid #ffffff;
}


#menu #menuItemCurrent a{
	color:#333;
}


/* Background div behind the sub items */
#menuSubBackground {
 	position:absolute;
 	top:23px;
 	left:0px;
 	width:958px;
 	/*background-color:#e4e8ee; */
 	/*border:1px solid #CFDAE9;*/
 	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:960px;
}

#menu ul ul li {
	position:relative;
}

#menu ul ul li ul.level3 {
	display:none;
	position:absolute;
	top:21px;
	left:auto;
}

#menu ul ul li:hover ul.level3 {
	display:block;
}


/* 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);}