/*
	Author: Tsuen "Chris" Siu
	Description: The menu style.
	Version: 1.0 	
*/

/**************************************************************** 
 *  Main menu 
 **************************************************************** */
#main_nav_bar {
	width:100%; 
	display:block;
	float:left;
}
/* the homepage */
body.section_0 #main_nav_bar {
	background: #fff url('../images/nav/main_menu_bg_1.png') repeat-x;  
}

body.section_1 #main_nav_bar {
	background: #fff url('../images/nav/main_menu_bg_1.png') repeat-x;  
}

body.section_2 #main_nav_bar {
	background: #fff url('../images/nav/main_menu_bg_2.png') repeat-x;  
}

body.section_3 #main_nav_bar {
	background: #fff url('../images/nav/main_menu_bg_3.png') repeat-x;  
}

body.section_4 #main_nav_bar {
	background: #fff url('../images/nav/main_menu_bg_4.png') repeat-x;  
}

/* for the on the move and response article */
body#page_on_the_move #main_nav_bar,
body#page_response #main_nav_bar {
	background: #fff url('../images/nav/main_menu_bg_1.png') repeat-x;  
}

#involved_evolving_logo {
/*	background-image: url("../images/logo/involved_evolving_logo.png");	  */
	cursor: pointer; 
	width:250px;
	height:34px;
	background-repeat: no-repeat;
	display:block;
	float:left;
	position:relative;
	left:80px;
	top:0px;
}

body.section_1 #involved_evolving_logo {
	background-image: url("../images/logo/involved_evolving_logo.png");	 
}
body.section_2 #involved_evolving_logo {
	background-image: url("../images/logo/involved_evolving_logo_2.png");	 
}
body.section_3 #involved_evolving_logo {
	background-image: url("../images/logo/involved_evolving_logo_3.png");	 
}
body.section_4 #involved_evolving_logo {
	background-image: url("../images/logo/involved_evolving_logo_4.png");	 
}

/* for the on the move article */
body#page_on_the_move #involved_evolving_logo,
body#page_response #involved_evolving_logo{
	background-image: url("../images/logo/involved_evolving_logo.png");	 
}

#main_nav_menu {
	width:560px;
	position:absolute;
	top:0px;
	left:480px;
	display:block;
	float:left;
	list-style-type: none;
}

#main_nav_menu li{
	margin:0 0;
	position: relative;
	display: inline;
	float: left;
	text-align:center;	
}

#main_nav_menu li a{
	display: block;
	line-height:34px;
	font-size:13px;
	font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	font-weight:bold;  
	color:white;
}

#main_nav_menu li a:hover {
	text-decoration:underline;
}

#main_nav_menu .menu_item {
	background-position: bottom left; 	
	background-repeat:no-repeat;	
	padding:0px 10px;
	height:34px;
	width:120px;
}

.menu_item_text {
	display:none; 
}

/**************************************************************** 
 *  sub menu 
 **************************************************************** */
#sub_nav_menu{
	display:block;
	float:left;
	list-style-type: none;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	top:0px;
	left:14px;
}

#sub_nav_menu li{
	margin:0 0;
	position: relative;
	display: inline;
	float: left;
	text-align:center;		
}

#sub_nav_menu li a{
	display: block;
}

#sub_nav_menu .sub_menu_item {
	background-position: top left;  
	background-repeat:no-repeat;	
	height:52px;
}

#sub_nav_menu .sub_menu_item:hover {
	background-position: bottom left;  
}

#sub_menu_item_1 {
	background-image:url('../images/nav/sub_menu_item_1.gif');
	width:190px;
}
#sub_menu_item_2 {
	background-image:url('../images/nav/sub_menu_item_2.gif'); 
	width:184px;	
}
#sub_menu_item_3 {
	background-image:url('../images/nav/sub_menu_item_3.gif');
	width:184px;
}
#sub_menu_item_4 {
	background-image:url('../images/nav/sub_menu_item_4.gif');
	width:184px; 
}
#sub_menu_item_5 {
	background-image:url('../images/nav/sub_menu_item_5.gif');
	width:190px;	
}

/* the current section */
body.section_1 #sub_menu_item_2,
body.section_2 #sub_menu_item_3,
body.section_3 #sub_menu_item_4,
body.section_4 #sub_menu_item_5 {
	background-position:bottom left;		
}

/* for the on the move and response article */
body#page_on_the_move .sub_menu_item,
body#page_response .sub_menu_item {
	background-position:top left;		
}

body#page_on_the_move #sub_nav_menu .sub_menu_item:hover,
body#page_response #sub_nav_menu .sub_menu_item:hover {
	background-position: bottom left;  
}

/**************************************************************** 
 *  secondary menu 
 **************************************************************** */
#sec_nav_menu {
	display:block;
	float:left;
	list-style-type: none;
}

#sec_nav_menu li{
	margin:0 0;
	position: relative;
	display: inline;
	float: left;
	text-align:center;	
}

#sec_nav_menu li a{
	display: block;
}

#sec_nav_menu .menu_item {
	background-position: bottom left; 	
	background-repeat:no-repeat;	
	height:40px;
}

#sec_nav_menu .menu_item:hover {
	background-position: top left;  
}

#sec_menu_item_1 {
	background-image:url('../images/mene_item_bg.png');
	width: 80px;
}

#sec_menu_item_2 {
	background-image:url('../images/mene_item_bg.png');
	width: 120px;
}

#sec_menu_item_3 {
	background-image:url('../images/mene_item_bg.png');
	width: 150px;
}

#sec_menu_item_4 {
	background-image:url('../images/mene_item_bg.png');
	width: 80px;
}

body.sec_section_1 #sub_menu_item_1,
body.sec_section_2 #sub_menu_item_2,
body.sec_section_3 #sub_menu_item_3,
body.sec_section_4 #sub_menu_item_4 {
	background-position: bottom left;  
	width:300px;
}

/* ****************************************************** */
/* page menu box */
/* the page menu under the banner and the sub menu...  dinning, health & Wellness, and Facilities page in our services.. */
/* ****************************************************** */
.page_menu_box{
	width:95%;
	height:54px;
	position:relative;
	top:-10px;
	left:20px;
}

/* the on the move pages and others.. */
body.section_0 .page_menu_box {	
	background: #fff url('../images/nav/page_menu_bg_1.png') no-repeat;   
}

body.section_1 .page_menu_box {	
	background: #fff url('../images/nav/page_menu_bg_3.png') no-repeat;   
}

body.section_2 .page_menu_box {
	background: #fff url('../images/nav/page_menu_bg_2.png') no-repeat;    
}

body.section_3 .page_menu_box {	
	background: #fff url('../images/nav/page_menu_bg_3.png') no-repeat;  
}

body.section_4 .page_menu_box {	
	background: #fff url('../images/nav/page_menu_bg_3.png') no-repeat;  
}

.page_menu_box .page_menu_icon {
	width:32px;
	height:32px;
	background-repeat:no-repeat;		
	margin:10px 10px;
	display:inline; 
	float:left;
}
body.section_1 .page_menu_box .page_menu_icon {
	background-image: url('../images/nav/page_menu_icon_1.png');
}
body.section_2 .page_menu_box .page_menu_icon {
	background-image: url('../images/nav/page_menu_icon_2.png');
}
body.section_3 .page_menu_box .page_menu_icon {
	background-image: url('../images/nav/page_menu_icon_3.png');
}
body.section_4 .page_menu_box .page_menu_icon {
	background-image: url('../images/nav/page_menu_icon_4.png');
}
.page_menu_box .page_menu_links {
	width:90%;
	display:block;
	float:left;
}

.page_menu_box .page_menu_links ul {
	margin-top:5px;
	list-style-type: none; 
	list-style-position:inside; 
	list-style-image: url("../images/nav/right_arrow_off.png");	
	display:block;
	float:left;
}

.page_menu_box .page_menu_links ul li {
	padding:0 0;
/*	margin:0px 5px 0px 0px;; */
	margin:0px 0px;
	text-align:left;	
}

/*
.page_menu_box .page_menu_links ul li:hover {
	list-style-image: url("../images/nav/right_arrow.png");
}
*/

.page_menu_box .page_menu_links ul li.current_page {
	list-style-image: url("../images/nav/right_arrow.png");
}

/* the padding and position of page menu is different in each section */
body.section_1 .page_menu_box ul li {
	margin-top:2px;
}

body.section_2 .page_menu_box ul li {
	margin-top:-3px;
}

body.section_3 .page_menu_box ul li {
	margin-top:2px;
}

.page_menu_box ul li a{
	font-size:11px;
	color:#414141;
}

/* the on the move page menu  and the response page menu */
#page_on_the_move .page_menu_box,
#page_response .page_menu_box {	
	background: #fff url('../images/nav/page_menu_bg_1.png') no-repeat;   
}

/**************************************************************** 
 *  action_menu_links
 *	a special case of the page menu box...  use only in "on the move" page
 **************************************************************** */
.action_menu_links {
	display:block; 
	float:left;	
	list-style-type: none;
	padding:0px 0px;
	margin:10px 0px 0px 0px;
	position:static;
}

.action_menu_links li{
	display: inline;
	float: left;
	text-align:center;
}
.action_menu_links li a {
	font-size:13px;
	font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	font-weight:bold;
	color:#4A4949;
}
 
/**************************************************************** 
 *  more_news_list
 **************************************************************** */
.more_news_list {
	overflow-x: hidden;
	overflow-y: hidden;
/*	overflow-y:auto; */
	height:135px;
	display:block;
	float:left;
	list-style-type: none;
	margin-top:5px;
}

.more_news_list li{
	display: block;
	float: left;
	text-align:center;	
	margin:2px 0 2px 0;
	width:293px;
	height:30px;
	background: #fff url('../images/nav/more_news_lists_item_bg.gif') no-repeat; 	
	text-align:left;	
	display: block;
	line-height:28px;
	padding:0px 10px;
	font-weight:bold;
}

.more_news_list .list_item {
	background-position: bottom left; 	
	background-repeat:no-repeat;	
	width:312px;
	height:30px;
}

.more_news_list .list_item:hover {
	background-position: top left;  
}

.more_news_link{
	display:block;
	padding:10px 10px;
}