/*		------	Basic style	------		*/
#menu {
	/*
	height: ??;
	Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu
	*/
display: block;
 position: relative;
 z-index: 101; 
 background-image:  url("../images/colors/color1/RW-Nav_Bar-tile.jpg");
 background-repeat: repeat-x;width:900px; height: 33px;
 padding-left: 0px;
 right:20;

 
}

#menu1 {
	/*
	height: ??;
	Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu
	*/
	display: block;
  position: relative;
  z-index: 100; 
 background-repeat: repeat-x;width:900px; height: 33px;
 padding-left: 0px;

 
}
#rwpublicmenu {
	/*
	height: ??;
	Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu
	*/
 display: block;
 position: relative;
 z-index: 101; 
 background-image:  url("../images/colors/color1/RW-Nav_Bar-tile.jpg");
 background-repeat: repeat-x;width:900px; height: 33px;
 padding-left: 0px;
 right:20;

 
}
#hppublicmenu {
	/*
	height: ??;
	Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu
	*/
display: block;
position: relative;
 z-index: 101; 
 background-image:  url("../images/colors/color7/HM-Nav_Bar-tile.jpg");
 background-repeat: repeat-x;width:909px; height: 33px;
 padding-left: 0px;
 right:10;

 
}
#hkpublicmenu {
	/*
	height: ??;
	Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu
	*/
display: block;
 position: relative;
 z-index: 101; 
 background-image:  url("../images/colors/color13/RW-Nav_Bar-tile.jpg");
 background-repeat: repeat-x;width:900px; height: 33px;
 padding-left: 0px;
 right:20;

 
}
#hkcontractmenu {
	/*
	height: ??;
	Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu
	*/
display: block;
 position: relative;
 z-index: 101; 
 background-image:  url("../images/colors/color19/HKC-Nav_Bar-tile.jpg");
 background-repeat: repeat-x;width:900px; height: 33px;
 padding-left: 0px;
 right:20;

 
}
#menu ul, #menu1 ul, #rwpublicmenu ul, #hppublicmenu ul, #hkpublicmenu ul, #hkcontractmenu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	width:920px;
}

#menu li, #rwpublicmenu li {
	margin-top: 3px;
	border: 0;
	display: block;
	float: left;
	position: relative;
	background: url(../images/colors/color1/h_mainav_line.png) right 1px no-repeat ;
	background-position:right ;
	text-align:center;
	height:25px;
	padding:0px;
	vertical-align: middle;
}
#hppublicmenu li, #hkpublicmenu li, #hkcontractmenu li {
	margin-top: 3px;
	border: 0;
	display: block;
	float: left;
	position: relative;
	background: url(../images/colors/color7/h_mainav_line.png) right 1px no-repeat ;
	background-position:right ;
	text-align:center;
	height:25px;
	padding:0px;
	vertical-align: middle;
}
#menu1 li {
	margin-top: 3px;
	border: 0;
	display: block;
	float: right;
	position: relative;
	text-align:center;
	height:25px;
	padding:0px;
	vertical-align: middle;
}

 


* html #menu li a, #menu1 li a,  #rwpublicmenu li a, #hppublicmenu li a, #hkpublicmenu li a, #hkcontractmenu li a {
	position: relative;/* Fix IE6's inability to expand clickable area */
	margin:0px;
	text-align:center;
}

#menu li ul, #menu1 li ul, #rwpublicmenu li ul, #hppublicmenu li ul, #hkpublicmenu li ul, #hkcontractmenu li ul {
	visibility: hidden;
	position: absolute;
	z-index: 100;
}

/* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */
html>body #menu li ul,#menu1 li ul, #rwpublicmenu li ul, #hppublicmenu li ul, #hkpublicmenu li ul, #hkcontractmenu li ul {
	display: block;
		z-index: 500;
}

#menu li li, #menu1 li li, #rwpublicmenu li li, #hppublicmenu li li, #hkpublicmenu li li, #hkcontractmenu li li {
  position: relative;
  left: 0px;
  width: 200px;
  padding-right:0px;
  margin-top: 0px;
}

/* fix the position */
#menu li li ul, #menu1 li li ul, #rwpublicmenu li li ul, #hppublicmenu li li ul, #hkpublicmenu li li ul, #hkcontractmenu li li ul  {
	top: 0;
	left: 100%;

}

/* simulate child selector for IE */
ul#menu li:hover ul,
#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul,
ul#menu1 li:hover ul,
#menu1 li:hover li:hover ul,
#menu1 li:hover li:hover li:hover ul,
ul#rwpublicmenu li:hover ul,
#rwpublicmenu li:hover li:hover ul,
#rwpublicmenu li:hover li:hover li:hover ul,
ul#hppublicmenu li:hover ul,
#hppublicmenu li:hover li:hover ul,
#hppublicmenu li:hover li:hover li:hover ul,
ul#hkpublicmenu li:hover ul,
#hkpublicmenu li:hover li:hover ul,
#hkpublicmenu li:hover li:hover li:hover ul,
ul#hkcontractmenu li:hover ul,
#hkcontractmenu li:hover li:hover ul,
#hkcontractmenu li:hover li:hover li:hover ul
{
	visibility: visible;
}
ul#menu li:hover li ul,
#menu li:hover li:hover li ul,
#menu li:hover li:hover li:hover li ul,
ul#menu1 li:hover li ul,
#menu1 li:hover li:hover li ul,
#menu1 li:hover li:hover li:hover li ul,
ul#rwpublicmenu li:hover li ul,
#rwpublicmenu li:hover li:hover li ul,
#rwpublicmenu li:hover li:hover li:hover li ul,
ul#hppublicmenu li:hover li ul,
#hppublicmenu li:hover li:hover li ul,
#hppublicmenu li:hover li:hover li:hover li ul,
ul#hkpublicmenu li:hover li ul,
#hkpublicmenu li:hover li:hover li ul,
#hkpublicmenu li:hover li:hover li:hover li ul,
ul#hkcontractmenu li:hover li ul,
#hkcontractmenu li:hover li:hover li ul,
#hkcontractmenu li:hover li:hover li:hover li ul
{
	visibility: hidden;
}

/* do the normal show, with increased specificity, for good browsers */
#menu ul#menu li:hover>ul, #menu1 ul#menu1 li:hover>ul , #rwpublicmenu ul#rwpublicmenu li:hover>ul {
	display: block;
	visibility: visible;
}
/* do the normal show, with increased specificity, for good browsers */
#hppublicmenu ul#hppublicmenu li:hover>ul, #hkpublicmenu ul#hkpublicmenu li:hover>ul , #hkcontractmenu ul#hkcontractmenu li:hover>ul {
	display: block;
	visibility: visible;
}

#menu .arrow,#menu1 .arrow,#rwpublicmenu .arrow {
  position: absolute;
  right: 0px;
  margin-top: 3px;
  padding-right: 4px;
 font-family: arial;
 font-size:12px;
 padding-top:6px;
 vertical-align:middle;
  text-decoration: none;
  background-image: url("../images/colors/color1/right-arrow-menu.jpg");
}

#hppublicmenu .arrow {
  position: absolute;
  right: 0px;
  margin-top: 3px;
  padding-right: 4px;
 font-family: arial;
 font-size:12px;
 padding-top:6px;
 vertical-align:middle;
 
 
 text-decoration: none;
  background-image: url("../images/colors/color7/right-arrow-menu.jpg");
  
 
}
#hkpublicmenu .arrow {
  position: absolute;
  right: 0px;
  margin-top: 3px;
  padding-right: 4px;
 font-family: arial;
 font-size:12px;
 padding-top:6px;
 vertical-align:middle;
 
 
 text-decoration: none;
  background-image: url("../images/colors/color13/right-arrow-menu.jpg");
  
 
}
#hkcontract .arrow {
  position: absolute;
  right: 0px;
  margin-top: 3px;
  padding-right: 4px;
 font-family: arial;
 font-size:12px;
 padding-top:6px;
 vertical-align:middle;
 
 
 text-decoration: none;
  background-image: url("../images/colors/color19/right-arrow-menu.jpg");
  
 
}
/*		------   Make-up	--------			*/

#menu, #menu1, #rwpublicmenu, #hppublicmenu, #hkpublicmenu, #hkcontractmenu {
  
  width: 907px;
}
ul#menu, ul#menu1 , ul#rwpublicmenu, ul#hppublicmenu, ul#hkpublicmenu, ul#hkcontractmenu {
  display: block;
  height: 33px;
  margin: 0px;
  padding: 0px 0px 0px 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
 }

ul#menu ul, ul#menu1 ul , ul#rwpublicmenu ul, ul#hppublicmenu ul, ul#hkpublicmenu ul, ul#hkcontractmenu ul {
	_clear:left;
}

#menu a,#menu1 a,#rwpublicmenu a,#hppublicmenu a,#hkpublicmenu a,#hkcontractmenu a {
	
	display: block;
	_float:left;

}

#menu li:hover, #menu1 li:hover,#rwpublicmenu li:hover,#hppublicmenu li:hover,#hkpublicmenu li:hover,#hkcontractmenu li:hover {
	color: black;
}
#menu a, #rwpublicmenu a,#hkpublicmenu a,#hkcontractmenu a {
	font-family:arial;
	font-size:12px;
	font-weight:bold ;
	text-transform: uppercase;
	text-decoration: none ;
	text-align: left;
	color: #c9b497;
	padding: 6px 15px 0px 11px;
	height:27px;
	
}

#hppublicmenu a {
	font-family:arial;
	font-size:12px;
	font-weight:bold ;
	text-transform: uppercase;
	text-decoration: none ;
	text-align: left;
	color: white;
	padding: 6px 15px 0px 11px;
	height:27px;
	
}
#menu1 a {
	font-family:arial;
	font-size:12px;
	font-weight:bold ;
	text-transform: uppercase;
	text-decoration: none ;
	text-align: left;
	color: #666666;
	padding: 6px 15px 0px 11px;
	height:27px;
	
}





#menu a:hover, #menu1 a:hover, #rwpublicmenu a:hover,#hppublicmenu a:hover,#hkpublicmenu a:hover,#hkcontractmenu a:hover {
	display:block;
	color: #726e6e;
	height:27px;
}
#menu li:hover a, #menu1 li:hover a , #rwpublicmenu li:hover a, #hppublicmenu li:hover a, #hkpublicmenu li:hover a, #hkcontractmenu li:hover a {
    background:url(../images/hover.gif);
}
#menu li:hover li a, #menu1 li:hover li a , #rwpublicmenu li:hover li a , #hppublicmenu li:hover li a , #hkpublicmenu li:hover li a , #hkcontractmenu li:hover li a {
  background-image: none;
} 


#menu li ul, #menu1 li ul, #rwpublicmenu li ul , #hppublicmenu li ul , #hkpublicmenu li ul , #hkcontractmenu li ul  {
	border-top: 1px solid #d4d0c8;
	color: black;
	background-color: #efeff0;
	padding:0px;
	width: 170px;
}
#menu li ul li, #menu1 li ul li, #rwpublicmenu li ul li, #hppublicmenu li ul li, #hkpublicmenu li ul li, #hkcontractmenu li ul li {
	border-bottom: 1px solid #d4d0c8;
	height: auto;
	background: none;
	padding-top:0px;
	width: 170px;
}


#menu li ul a, #menu1 li ul a , #rwpublicmenu li ul a, #hppublicmenu li ul a, #hkpublicmenu li ul a, #hkcontractmenu li ul a {
	text-decoration:none;
	font-family:arial;
	text-transform: none;
	font-weight: normal;
	font-size: 11px;
	color: black;
	padding:0px 30px 5px 20px;
	background-color:#d1d1d1; 
  display: block;
  height:auto;
}

#menu li ul a:hover, #menu1 li ul a:hover , #rwpublicmenu li ul a:hover, #hppublicmenu li ul a:hover, #hkpublicmenu li ul a:hover, #hkcontractmenu li ul a:hover {
	height:auto;
	color: #a6a290;
	margin-top:0px;
	/*background-color: rgb(63,79,111);*/
	background-color:#efeff0; 
	/*background-image: none;*/
}