@charset "utf-8";
/* CSS Document */
/* Author : purna.budaya@sydneyweb.com.au */

/********************************************************************************
*	GENERAL
********************************************************************************/
body{
	/*background-color:#c6c3c6;*/
	color:#333333;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
}

body#conference{
	/*background:#dfc08a url(../images/bg-containerConf.jpg) repeat-x;	*/
	background:#f8f8f8 url(../images/bg-container.jpg) repeat-x;
	
}

body#function{
	background:#f8f8f8 url(../images/bg-container.jpg) repeat-x;	
}

.clearFloat{
	clear:both;	
}

.column{
	float:left;
	margin-top:25px;
	width:222px;	
}

.columnContent{
	margin:10px 0 0 5px;
}

.buttonMore{
	margin-top:10px;
}

/********************************************************************************
*	CONTAINER
********************************************************************************/
#container{
	background:#f8f8f8 url(../images/bg-container.jpg) repeat-x;
	margin:0 auto;
	width:1000px;
}

#containerConf{
	/*background:#e0c08a url(../images/bg-containerConf.jpg) repeat-x;*/
	background:#f8f8f8 url(../images/bg-container.jpg) repeat-x;
	margin:0 auto;
	width:1000px;
}

/********************************************************************************
*	HEADER
********************************************************************************/
#header{
	height:83px;
	width:1000px;
}

#headerConf{
	height:84px;
	width:1000px;
}

#header #logo{
	height:83px;
	margin:0 auto;
	width:416px;
}

#headerConf #logoConf{
	/*height:84px;
	width:1000px;*/
	height:83px;
	margin:0 auto;
	width:416px;
}

/********************************************************************************
*	MAIN AREA
********************************************************************************/
#mainArea{
	margin:0 29px 0 30px;
	min-height:565px;
	width:941px;
}

	/********************************************************************************
	*	MAIN AREA - LEFT MENU
	********************************************************************************/
	#mainArea #leftMenu{
		background:url(../images/bg-left-menu.jpg);
		float:left;
		height:565px;
		width:188px
	}
	
	#mainArea #leftMenuConf{
		/*background:url(../images/bg-left-menu-conf.jpg);*/
		background:url(../images/bg-left-menu.jpg);
		float:left;
		/*height:584px;*/
		height:565px;
		width:187px
	}
	
	#mainArea #leftMenu ul,
	#mainArea #leftMenuConf ul{
		margin-top:20px;
		margin-left:15px;
	}
	
	#mainArea #leftMenu ul li{
		/*margin-top:10px;*/
	}
	
	#mainArea #leftMenu ul li a, 
	#mainArea #leftMenuConf ul li a{
		background:url(../images/bg-list-menu1.gif) 5px 10px no-repeat;
		color:#047d9e;
		display:block;
		height:24px;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:13px;
		font-weight:bold;
		padding-top:5px;
		padding-left:20px;
		text-decoration:none;
		width:135px;
	}
	
	#mainArea #leftMenuConf ul li a{
		/*background:url(../images/bg-list-menu-conf1.gif) 5px 10px no-repeat;
		color:#94521e;	*/
		background:url(../images/bg-list-menu-conf1grey.gif) 5px 10px no-repeat;
		color:#7b7b7b;
	}
	
	#mainArea #leftMenu ul li a:hover, 
	#mainArea #leftMenu ul li a.active{
		background-color:#cde5ec;
	}
	
	#mainArea #leftMenuConf ul li a:hover, 
	#mainArea #leftMenuConf ul li a.active{
		/*background-color:#eadcd2;*/
		background-color:#dddddd;
	}
	
	#mainArea #leftMenu ul li ul, 
	#mainArea #leftMenuConf ul li ul{
		display:none;
		margin-top:0px;
		margin-left:15px;
	}
	
	#mainArea #leftMenu ul li ul li a, 
	#mainArea #leftMenuConf ul li ul li a{
		background:url(../images/bg-list-sub-menu.gif) 5px 11px no-repeat;
		color:#047d9e;
		display:block;
		height:24px;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:11px;
		font-weight:normal;
		padding-top:5px;
		padding-left:20px;
		text-decoration:none;
		width:120px;
	}
	
	#mainArea #leftMenuConf ul li ul li a{
		/*background:url(../images/bg-list-sub-menu-conf.gif) 5px 11px no-repeat;
		color:#94521e;	*/
		background:url(../images/bg-list-sub-menu-grey.gif) 5px 11px no-repeat;
		color:#7b7b7b;
	}

	/********************************************************************************
	*	MAIN AREA - MAIN CONTENT
	********************************************************************************/
	#mainArea #mainContent{
		float:left;
		min-height:565px;
		margin-left:6px;
		width:747px;
	}

		/********************************************************************************
		*	MAIN AREA - MAIN CONTENT - MAIN BANNER
		********************************************************************************/
		#mainArea #mainContent #mainBanner{
			background:url(../images/bg-function-banner.jpg) no-repeat;
			height:187px;
			padding:6px 0 0 6px;
			width:747px;
			_width:740px;
		}
		
		#mainArea #mainContent #mainBannerFunction{
			background:url(../images/bg-function-banner.jpg) no-repeat;
			height:187px;
			padding:6px 0 0 6px;
			width:747px;
			_width:740px;
		}
			
		/********************************************************************************
		*	MAIN AREA - MAIN CONTENT - BREAD CRUMB
		********************************************************************************/
		#mainArea #mainContent #breadCrumb,
		#mainArea #mainContent #breadCrumbConf{
			height:29px;
			margin-top:-6px;
			width:747px;
		}
		
		#mainArea #mainContent #breadCrumb p,
		#mainArea #mainContent #breadCrumbConf p{
			font-family:Arial, Verdana, Helvetica, sans-serif;
			font-size:11px;
			line-height:11px;
			padding:10px 0 0 20px;
		}
		
		#mainArea #mainContent #breadCrumb a,
		#mainArea #mainContent #breadCrumbConf a{
			color:#333333;
			text-decoration:none;
		}
		
		#mainArea #mainContent #breadCrumb a:hover,
		#mainArea #mainContent #breadCrumbConf a:hover{
			text-decoration:underline;	
		}

		#mainArea #mainContent #breadCrumb a.last:hover,
		#mainArea #mainContent #breadCrumbConf a.lastConf:hover{
			text-decoration:none;
			cursor:default;
		}

		#mainArea #mainContent #breadCrumb .last {
			color:#047d9e;	
		}
		
		#mainArea #mainContent #breadCrumbConf .lastConf {
			/*color:#94521e;	*/
			color:#7b7b7b;
		}

		/********************************************************************************
		*	MAIN AREA - MAIN CONTENT - THREE COLUMN WRAPPER
		********************************************************************************/
		#mainArea #mainContent #threeColumnWrapper{
			background:url(../images/bg-three-column.jpg) no-repeat;
			height:349px;
			width:747px;
		}
		
		#mainArea #mainContent #threeColumnWrapperConf{
			background:url(../images/bg-three-column-conf.jpg) no-repeat;
			height:368px;
			width:747px;
		}
		
		#mainArea #mainContent #threeColumnWrapper h1, 
		#mainArea #mainContent #threeColumnWrapperConf h1{
			color:#047d9e;
			font-family:Arial, Verdana, Helvetica, sans-serif;
			font-size:20px;
			font-weight:normal;
			line-height:24px;
			margin-bottom:10px
		}
		
		#mainArea #mainContent #threeColumnWrapperConf h1{
			/*color:#94521e;*/
			color:#7b7b7b;
		}
		
		#mainArea #mainContent #threeColumnWrapper h2, 
		#mainArea #mainContent #threeColumnWrapperConf h2{
			color:#047d9e;
			font-family:Arial, Verdana, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			line-height:18px;
			margin-bottom:10px;
		}
		
		#mainArea #mainContent #threeColumnWrapperConf h2{
			/*color:#94521e;*/
			color:#7b7b7b;
		}
		
		#mainArea #mainContent #threeColumnWrapper #leftColumn.column, 
		#mainArea #mainContent #threeColumnWrapperConf #leftColumn.column{
			margin-top:0px;
			_margin-left:0px;
		}

		#mainArea #mainContent #threeColumnWrapper .column.leftColumn, 
		#mainArea #mainContent #threeColumnWrapperConf .column.leftColumn{
			margin-top:0px;
			_margin-left:0px;
		}


		#mainArea #mainContent #threeColumnWrapper #centerColumn.column, 
		#mainArea #mainContent #threeColumnWrapper #rightColumn.column, 
		#mainArea #mainContent #threeColumnWrapperConf #centerColumn.column, 
		#mainArea #mainContent #threeColumnWrapperConf #rightColumn.column{
			margin-left:15px; /*was 17px*/	
			margin-top:0px;
			_margin-left:11px;
		}

		#mainArea #mainContent #threeColumnWrapper .column.centerColumn, 
		#mainArea #mainContent #threeColumnWrapper .column.rightColumn, 
		#mainArea #mainContent #threeColumnWrapperConf .column.centerColumn, 
		#mainArea #mainContent #threeColumnWrapperConf .column.rightColumn{
			margin-left:15px; /*was 17px*/	
			margin-top:0px;
			_margin-left:11px;
		}


		#mainArea #mainContent #threeColumnWrapper #leftColumnImage,
		#mainArea #mainContent #threeColumnWrapper #centerColumnImage,
		#mainArea #mainContent #threeColumnWrapper #rightColumnImage,
		#mainArea #mainContent #threeColumnWrapperConf #leftColumnImage,
		#mainArea #mainContent #threeColumnWrapperConf #centerColumnImage,
		#mainArea #mainContent #threeColumnWrapperConf #rightColumnImage{
			background:url(../images/bg-function-fab.jpg) no-repeat;	
			height:141px;
			padding-top:6px;
			padding-left:5px;
			width:221px;
		}

		#mainArea #mainContent #threeColumnWrapper .leftColumnImage,
		#mainArea #mainContent #threeColumnWrapper .centerColumnImage,
		#mainArea #mainContent #threeColumnWrapper .rightColumnImage,
		#mainArea #mainContent #threeColumnWrapperConf .leftColumnImage,
		#mainArea #mainContent #threeColumnWrapperConf .centerColumnImage,
		#mainArea #mainContent #threeColumnWrapperConf .rightColumnImage{
			background:url(../images/bg-function-fab.jpg) no-repeat;	
			height:141px;
			padding-top:6px;
			padding-left:5px;
			width:221px;
		}



		#mainArea #mainContent #threeColumnWrapper #content, 
		#mainArea #mainContent #threeColumnWrapperConf #content{
			overflow:hidden;
			padding:20px;
			width:700px;
		}

		#mainArea #mainContent #threeColumnWrapper #content, 
		#mainArea #mainContent #threeColumnWrapperConf #content{
			_width:700px;
		}

		#mainArea #mainContent #threeColumnWrapperConf #content #confLeftColumn, 
		#mainArea #mainContent #threeColumnWrapperConf #content #confRightColumn{
			float:left;
			/*height:330px;*/
			/*width:348px;*/
			height:auto;
			overflow:hidden;
			width:350px;
		}
		
		#mainArea #mainContent #threeColumnWrapperConf #content #confRightColumn{
			margin-left:0px;	
		}
		
		#mainArea #mainContent #threeColumnWrapper #content #imageContent, 
		#mainArea #mainContent #threeColumnWrapperConf #content #imageContent{
			background:url(../images/bg-main-image.jpg) no-repeat;
			float:right;
			height:171px;
			margin-left:5px;
			padding-left:6px;
			padding-top:6px;
			width:251px;
		}

		#mainArea #mainContent #threeColumnWrapper #content #imageContentLocation, 
		#mainArea #mainContent #threeColumnWrapperConf #content #imageContentLocation{
			background:url(../images/bg-image-location.jpg) no-repeat;
			float:right;
			height:310px;
			margin-left:5px;
			padding-left:6px;
			padding-top:6px;
			width:269px;
		}

		#mainArea #mainContent #threeColumnWrapper #content #textContent p, 
		#mainArea #mainContent #threeColumnWrapperConf #content #textContent p{
			margin-bottom:10px;	
		}
		
		#mainArea #mainContent #threeColumnWrapper #content #textContent a, 
		#mainArea #mainContent #threeColumnWrapperConf #content #textContent a{
			color:#047d9e;
			text-decoration:none;
		}
		
		#mainArea #mainContent #threeColumnWrapper #content #textContent a:hover, 
		#mainArea #mainContent #threeColumnWrapperConf #content #textContent a:hover{
			text-decoration:underline;
		}

		#mainArea #mainContent #threeColumnWrapper #content #bottomContent, 
		#mainArea #mainContent #threeColumnWrapperConf #content #bottomContent{
			margin-top:20px;
		} 
		
		#mainArea #mainContent #threeColumnWrapper #content #bottomContent .imageBottomContent, 
		#mainArea #mainContent #threeColumnWrapperConf #content #bottomContent .imageBottomContent{
			background:url(../images/bg-conference-rooms.jpg) no-repeat;
			float:left;
			height:101px;
			padding-top:6px;
			padding-left:5px;
			width:111px;
		} 
		
		#mainArea #mainContent #threeColumnWrapperConf #content #confLeftColumn .item, 
		#mainArea #mainContent #threeColumnWrapperConf #content #confRightColumn .item{
			/*height:101px;*/
			height:auto;
			overflow:hidden;
			margin-bottom:10px;	
		}
		
		#mainArea #mainContent #threeColumnWrapperConf #content #confLeftColumn .imageBottomContent, 
		#mainArea #mainContent #threeColumnWrapperConf #content #confRightColumn .imageBottomContent{
			background:url(../images/bg-conference-rooms.jpg) no-repeat;
			float:left;
			height:101px;
			padding:6px 0px 0px 5px;
			width:111px;
		}
		
		#mainArea #mainContent #threeColumnWrapper #content #bottomContent .textBottomContent, 
		#mainArea #mainContent #threeColumnWrapperConf #content #bottomContent .textBottomContent{
			float:left;
			/*height:101px;*/
			margin:0 10px;
			width:214px;
			_margin:0 5px;
			overflow:hidden;
		}
		
		#mainArea #mainContent #threeColumnWrapperConf #content #confLeftColumn .textBottomContent, 
		#mainArea #mainContent #threeColumnWrapperConf #content #confRightColumn .textBottomContent{
			float:left;
			/*height:101px;*/
			height:auto;
			margin:0 10px;
			/*_margin:0px 0px 0px 10px; */
			width:214px;
			overflow:hidden;
		}
		
		/************************************************/
		/*	This section is for testing flexible box	*/
		/************************************************/
		#mainArea #mainContent #threeColumnWrapper.boxFlexible,
		#mainArea #mainContent #threeColumnWrapperConf.boxFlexible{
			background:#FFFFFF url(../images/left-border.jpg) repeat-y;
			height:auto;
			/*width:747px;*/
			overflow:hidden;
		}
		
		#mainArea #mainContent #threeColumnWrapper .topBox{
			background:#FFFFFF url(../images/top-left-border.jpg) no-repeat left top;
			height:14px;
			/*width:734px;*/
		}

		#mainArea #mainContent #threeColumnWrapperConf .topBox{
			/*background:#FFFFFF url(../images/top-left-border-conf.jpg) no-repeat left top;*/
			background:#FFFFFF url(../images/top-left-border.jpg) no-repeat left top;
			height:14px;
			/*width:734px;*/
		}


		#mainArea #mainContent #threeColumnWrapper .topBox span{
			background:#FFFFFF url(../images/top-right-border.jpg) no-repeat right top;
			display:block;
			float:right;
			height:14px;
			width:13px;
		}

		#mainArea #mainContent #threeColumnWrapperConf .topBox span{
			/*background:#dfc08a url(../images/top-right-border-conf.jpg) no-repeat right top;*/
			background:#dfc08a url(../images/top-right-border.jpg) no-repeat right top;
			display:block;
			float:right;
			height:14px;
			width:13px;
		}


		#mainArea #mainContent #threeColumnWrapper .contentBox{
			background:#FFFFFF url(../images/right-border.jpg) repeat-y right top;
			margin-left:7px;
			margin-top:-1px;
		}

		#mainArea #mainContent #threeColumnWrapperConf .contentBox{
			/*background:#FFFFFF url(../images/right-border-conf.jpg) repeat-y right top;*/
			background:#FFFFFF url(../images/right-border.jpg) repeat-y right top;
			margin-left:7px;
			margin-top:-1px;
		}


		#mainArea #mainContent #threeColumnWrapper .bottomBox{
			background:#FFFFFF url(../images/bottom-left-border.jpg) no-repeat;	
			height:15px;
		}

		#mainArea #mainContent #threeColumnWrapperConf .bottomBox{
			/*background:#dfc08a url(../images/bottom-left-border-conf.jpg) no-repeat;	*/
			background:#dfc08a url(../images/bottom-left-border.jpg) no-repeat;
			height:14px;
		}


		#mainArea #mainContent #threeColumnWrapper .bottomBox span{
			background:#FFFFFF url(../images/bottom-right-border.jpg) no-repeat;
			display:block;
			width:13px;
			height:15px;
			float:right;
		}

		#mainArea #mainContent #threeColumnWrapperConf .bottomBox span{
			/*background:url(../images/bottom-right-border-conf.jpg) no-repeat;*/
			background:url(../images/bottom-right-border.jpg) no-repeat;
			display:block;
			width:13px;
			height:14px;
			float:right;
		}


/********************************************************************************
*	FOOTER
********************************************************************************/
#footer{
	font-size:11px;
	height:52px;
	width:1000px;
}

#footer a{
	color:#333333;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;	
}

#footer #footerMenu{
	float:left;	
	margin-left:225px;
	/*_margin-left:112px;*/
	margin-top:14px;
}

#footer #copyRight{
	float:right;
	margin-right:30px;
	margin-top:14px;
	/*_margin-right:15px;*/
}