/* 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:51px;
 	font-size:16px;
 	position:relative;
 	font-family:arial, sans-serif;
 	overflow:hidden;
 	font-weight: bold;
 	color: #103578;
 	


 	
 }
 
 /* Set the styles for all menu ul */
 #menu ul, #menu li {
 	list-style:none outside;
 	margin:0px;
 	padding:0px;
 }
 
 #menu ul:hover {
 
 	
 }
 /* Float the menu titles to the left side */
 .menuArea, .menuAreaCurrent {
	float:left;
	position:relative;
 }
	


/* 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:8px;
	width:910px;
	margin-top: -3px;
}

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

/* 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:1px 17px 5px 0px;
	color:#103758; 
	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:#fff;
}


/* Menu area titles */			
#menu a.mainItem {
	height:14px;
	padding:7px 4px 5px 0px;
	display:block;
	font-size:9pt;
 	text-decoration:none;
 	color:#fff;	
	text-align:left;
 	margin-right:0px;
 	

   
}
 
 
 
/* 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:#A1B4CE;
    font-weight: bold;
/* 	border-bottom:2px solid #fff; */
 	
 	
}


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


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



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


/* Menu area titles */			
#menu a.mainItem {
 	border-top:1px solid #103758; 
 	padding-left: 6px;
 	padding-right: 6px;
    
}
 
 
/* The title of the menu area, selected by both the css and js actions */
#menu .menuAreaCurrent a.mainItem  {
    color:#103758;
    background-color: #fff;
 	border-bottom:7px solid #fff;
 	
/* 	padding-right:3px; */
    border-top: 2px solid #103758;
   
/*	margin-left: 3px; */
 	
}

#menu li:hover a.mainItem {
    color:#103758;
    background-color: #fff;
 	border-bottom:7px solid #fff;
 	
/* 	padding-right:3px; */
    border-top: 2px solid #103758;

}

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


/* Background div behind the sub items */
#menuSubBackground {
 	position:absolute;
 	top:20px;
 	left:5px;
 /*	width:758px; */
 	/*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 */

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