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

*/ 


/*     Notes:  Colours used

#0099FF   main menu backgound - Blue
#f8931d   main menu item hover colour - Orange

#66CBFF   sub menu (dropline) background - light blue
#0669AA   sub menu item hover colour - dark blue

*/

img {
	behavior:url(png_behavior.htc);
}

img{
	border:none;
	}


#header {
	z-index:20;
}


/* menu div setup */

#menu {
 	/*width:760px;*/
 	height:55px;
 	font-size:9px;
	font-weight:bold;
 	position:relative;
 	font-family:arial, sans-serif;
 	overflow:hidden;
	margin-left:30px;
 	margin-top:0px;

 }

 

 /* Set the styles for all menu ul */

 #menu ul, #menu li {
 	list-style:none outside;
 	margin:0px;
 	padding:0px 5px 0px 5px;
	/*background: url(menu-spacer.jpg) no-repeat right; */

 }

 

 /* 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:800px;

}



/* the right side subitem ul */

.subItemsRight {
	width:800px;
}



/* 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:0px 10px 0px 0px;
	color:#fff; 
	display:block;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	margin-top: -3px;

}


/* Sub item link hover state */

#menu .subItems a:hover, #menu .subItemsRight a:hover {
	color:#0669AA;
}



/* Menu area titles */			

#menu a.mainItem {

/*	line-height:16px;
	color:#fff;
 	background-color:#0099ff;
 	text-align:left;
 	margin-top:3px;
 	border-bottom:0px solid #ECEFF3;
    /*text-transform:uppercase; */
	
	font-size:12px;
	text-decoration:none;
	padding:3px 15px 0px 5px;
	background: url(menu-spacer.jpg) no-repeat right ;
	display:block;
	margin-bottom: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:#0099FF;  */
 	/*border:1px solid #CFDAE9;*/
    color:#fff;
 	/*border-bottom:2px 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: #FFF;
	font-weight:bold; 
}





/* sub item link normal state */

#menu .subItems a, #menu .subItemsRight a {
	color:#fff; 
}




/* Sub item link hover state */

#menu .subItems a:hover, #menu .subItemsRight a:hover {
	color:#0669AA;
}



/* Menu area titles */			

#menu a.mainItem {
 	border-bottom:0px solid #DDDDDD;
    color: #fff;

}

 

/* The title of the menu area, selected by both the css and js actions */

#menu .menuAreaCurrent a.mainItem, #menu li:hover a.mainItem {
    color:#f8931d;
 	border-bottom:0px solid #ffffff;
}



#menu #menuItemCurrent a{
	color:#0669AA;
}



/* Background div behind the sub items */

#menuSubBackground {

 	position:absolute;
 	top:30px;
 	left:0px;
 	/* 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 */

#menuFade {

	visibility:hidden;
	position:absolute;
	top:30px;
	left:0px;
	/* background-color:#0099ff;  */
	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);}