body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bkg.gif);
	background-repeat: repeat-x;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8f8f8f;
	text-decoration: none;
}
.footer_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
.footer_white:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffef94;
	text-decoration: none;
}
.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #333333
}
.main_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000
}
.main14bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #333333
}
.white12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.white14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.white14bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.header24green{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #6a8c2b;
	text-decoration: none;
}
.green13link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #005B00;
	text-decoration: underline;
}
.green14link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #005B00;
	text-decoration: underline;
}
.green13link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #72AA2B;
	text-decoration: underline;
}
.green14link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #72AA2B;
	text-decoration: underline;
}
.grey13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}
.news12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}
.news12c {
	font-family: "Microsoft JhengHei", MingLiU, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}
.news14c {
	font-family: "Microsoft JhengHei", MingLiU, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #72AA2B;
}
.grey14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}
.green13bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #72AA2B;
}
.green14bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #72AA2B;
}
.green16bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #72AA2B;
}
.green14boldc {
	font-family: "Microsoft JhengHei", MingLiU, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #72AA2B;
}
.green16boldc {
	font-family: "Microsoft JhengHei", MingLiU, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #72AA2B;
}
.purple16boldc {
	font-family: "Microsoft JhengHei", MingLiU, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #F0F;
}
.green13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #72AA2B;
}
.green14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #72AA2B;
}

.red14bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;	
	color: #FF0000;
}

#pattern{
	z-index:-1;
	background:transparent url(images/pattern.gif) repeat scroll 0 0;
	top:500px;
	height:270px;
	position:absolute;
	width:662px;
	margin:0;
	padding:0;
}
#photoalbum{
	z-index:50;
	width:230px;
	height:173px;
	overflow:hidden;
	position:absolute;
	top:385px; 
	left:47px;
/*	left:24px; top:192px;*/
}
.img-gallery{
	/*display:none;*/
}
#logo{
	z-index:50;
	width:920px;
	height:81px;
	position:absolute;
	top:18px;
}
.logo-grm{
	z-index:50;
	position:absolute;
	top:18px; 
}
.logo-cuhk{
	z-index:50;
	position:absolute;
	top:18px; margin-left:825px;
}
#logo-main{
	width:260px; height:100px; 
	position:absolute; left:0; top:0; 
	display:block; background:url(images/spacer.gif);
}
.contentbkg{
	background-image:url('images/contentbkg.gif');
	background-repeat:no-repeat;
}
.flash{
	z-index:-50;
}
#main{
	width:960px;
	height:600px;
	margin:0 auto;
	position:relative;
}
#flash-main{
	position:relative;
}
#news{
	position:absolute;
	top:313px; 
	right:20px;
	width:202px;
	height:250px; overflow:hidden;
	display:block;
}

#banner{
	position:absolute;
	top:10px;
	right:5px;
	z-index:2;
}
#banner-inner{
	width:216px; height:267px;
	background:url(images/4banners_01.gif) no-repeat top left;
}

ul.banner, ul.banner li{
	list-style:none; margin:0; padding:0;
}
ul.banner li{
	height:62px;
}
#banner-inner ul.banner{
	margin:5px auto 0 auto;
	width:200px;
}
ul.banner, ul.banner li a img{
	border:none;
}

#banner-1, #banner-2, #banner-3, #banner-4, .banner-area a{
	cursor:pointer;
	width:200px; height:60px;
}
#banner-1, #banner-2, #banner-3, #banner-4{
	overflow:hidden;
}
#banner-1 img, #banner-2 img, #banner-3 img, #banner-4 img{
	border:none;
}

/* Updated by East Technologies */
/* Start of index.html */
.main-panel
{
	width:960px;
	height:600px;
}
.main-panel-detail
{
	position:relative;
}
.main-panel-menu
{
	position:absolute;
	top:0;
	left:3px;
	width:730px;
	height:440px;
	background-color:#ffffff;
}
.facility-icon
{
	float:left;
	display:inline-block;
	width:37%;
	padding-top:15px;
	padding-left:5px;
}
.language-selection
{
	float:left;
	display:inline-block;
	margin-top:15px;
	font-size:14px;
	padding:2px 20px 2px 20px;
	background-color:#87B934;
	border-radius:10px;
}
.language-selection a
{
	text-decoration:none;
	color:#ffffff;
	padding-right:10px;
}
.language-selection a:hover
{
	color:#CBB636;
}
.menu-link
{
	width:76%;
	padding-top:20px;
}
.menu-link-item img
{
	height:25px;
	vertical-align:middle;
}
.menu-link-item span
{
	padding-left:8px;
}
.menu-link-item span a
{
	text-decoration:none;
	color:#8F8F8F;
}
.menu-link-item span a:hover
{
	color:#87B934;
}
.album-background
{
	position: absolute;
    top: 360px;
    left: 35px;
	z-index:2;
}
.cover-1
{
	position:absolute;
	width: 50px;
	height: 302px;
	background-color: #E4F1CE;
	top: 0px;
	right: -54px;
	z-index: 1;
	border-bottom-left-radius: 17px;
	border-left: 3px solid #E4F1CE;
}
.cover-2
{
	position:absolute;
	width: 226px;
	height: 118px;
	background-color: #ffffff;
	top: 468px;
	left: 103px;
	z-index: 1;
	border-top-right-radius: 17px;
	border-left: 3px;
	border-top: 3px solid #E4F1CE;
	border-right: 3px solid #E4F1CE;
}
#bak_img
{
	position:absolute;
	top:86px;
	left:170px;
}
.stones_area
{
	position:absolute;
	top:211px;
	left:144px;
	width:810px;
	border-bottom-right-radius:17px;
}
#urban_img
{
	position:absolute;top:245px;right:16px;
}
#environmental_img
{
	position:absolute;top:360px;right:5px;
}
#geo_img
{
	position:absolute;top:437px;right:43px;
}
#global_img
{
	position:absolute;top:504px;right:3px;
}
/* End of index.html */
/* Start of banner part */
.main-banner-area
{
	background-color:#ffffff;
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
	width:100%;
	height:112px;
	margin-bottom:10px;
	-webkit-box-shadow: 0px 0px 7px 0px #000000;
    -moz-box-shadow: 0px 0px 7px 0px #000000;
    box-shadow: 0px 0px 7px 0px #000000;
}
.main-banner-logo
{
	display:inline-block;float:left;width:27%;padding-top:18px;
}
.main-banner-img
{
	display:inline-block;float:left;width:56.5%;
}
.main-banner-cuhk
{
	display:inline-block;float:right;width:14%;padding-top:18px;padding-right:1px;
}
.banner-1-text
{
	display:none;color:#ffffff;width:206px;text-align:center;position:absolute;top:3px;left:632px;font-size:16px;font-size:20px;
}
.banner-2-text
{
	display:none;color:#ffffff;width:183px;text-align:center;position:absolute;top:15px;left:722px;font-size:18px;
}
.banner-3-text
{
	display:none;color:#ffffff;width:171px;text-align:center;position:absolute;top:20px;left:487px;font-size:20px;
}
.banner-4-text
{
	display:none;color:#ffffff;width:201px;text-align:center;position:absolute;top:3px;left:701px;font-size:19px;
}
.bold
{
	font-weight:bold;
}
/* End of banner part */