*{
	font-size:12px;
}
body {
	/*scrollbar-face-color: #92B8E7; */
	scrollbar-face-color: #f6f6f6; 
	scrollbar-highlight-color: #f6f6f6;
	scrollbar-3dlight-color: #f6f6f6;
	scrollbar-darkshadow-color: #f6f6f6;
	scrollbar-track-color: #666666;
	scrollbar-arrow-color: #333333;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#666666;
}

#MainContainer {
	width:750px;
	text-align:center;
	background-color:#FFFFFF;
	margin-right: auto;
	margin-left: auto;
}
#MainHeader{
	width:750px;
	text-align:left;
	background-color:#FFFFFF;
	border-bottom:1px #999999 solid;
}
#MainContent{
	width:750px;
	text-align:left;
	background-color:#FFFFFF;
}
#MainContentBg{
	width:750px;
	background-color:#F6F6F6;
	padding:0px;
	margin:0px;
	float:left;
}
#MainContentLeft{
	float:left;
	width:220px;
	padding-bottom:10px;
}
#MainContentRight{
	float:right;
	width:530px;
	padding-bottom:10px;
	background-color:#FFFFFF;
	text-align:center;
}

/*============================HEADER START=============================*/
#MainHeader #MainHeaderTop{
	clear:both;
	background-color:#FFFFFF;
}
#MainHeader #MainHeaderWeatherBar{
	float:left;
	height:22px; 
	width:460px;
	background-color:#FFFFFF;
}
#MainHeader #MainHeaderSearchBar{
	float:right;
	height:22px; 
	width:290px;
	text-align:right;
	overflow:hidden; 
	background-color:#FFFFFF;
}
/*============================HEADER END=============================*/


/*============================CONTENT LEFT START=============================*/
#MainContentLeft #SubMenuBox{
	clear:both;
	width:220px;
	padding-bottom:10px;
}
#MainContentLeft #ShowArea{
	padding-left:10px;
	padding-right:10px;
	width:200px;
}
/*============================CONTENT LEFT END=============================*/


#MainContentRight #divNews, 
#MainContentRight #divCourse, 
#MainContentRight #divExpo,
#MainContentRight #Box3_5,
#MainContentRight #Box4{
	clear:both;
	width:510px;
	border:1px solid #999999;
	margin-top:10px;
	text-align:left;
}

#MainContentRight #divCourse, 
#MainContentRight #divExpo{
	display:none;
}

#MainContentRight #Box2Box3{
	clear:both;
	width:510px;
	border:0px solid #999999;
	margin-top:10px;
	text-align:left;
}



/*--------------------------NewsTag-------------------------------------*/
#divNews #NewsTag{

}
#divNews #NewsTag #NewsTagContent{
	margin:5px;
	width:500px;
	height:180px;
	background-color:#F6F6F6;
}
#divNews #NewsTag #TagMenu{
	background:url(/Images/box1_tag1.jpg) no-repeat top left #E8F0F3;
	height:32px;
	width:510px;
	
}
#divNews #NewsTag #TagMenu ul{
	margin:0px;
	padding:0px;
}
#divNews #NewsTag #TagMenu ul li{
	list-style-type:none;
	float:left;
}
#divNews #NewsTag #TagMenu ul li a{
	display:block;
	padding-top:6px;	
	padding-left:21px;	
	width:149px;
	height:20px;
	text-align:left;
	font-size:15px;
	font-weight:600;
	color:#000000;
	text-decoration:none;
}

#LatestNewsBox{
	overflow:scroll; 
	overflow-y:scroll; 
	overflow-x:hidden; 
	width:468px;
	height:150px;
	scrollbar-face-color: #75aaba; 
	scrollbar-highlight-color: #f6f6f6;
	scrollbar-3dlight-color: #f6f6f6;
	scrollbar-darkshadow-color: #f6f6f6;
	scrollbar-track-color: #f6f6f6;
	scrollbar-arrow-color: #ddebee;
}

#newsbox{
padding:0px 0px 2px 0px;
border:1px solid #CCCCCC;
width: 500px;
background-color:#FFFFFF;
margin-left:10px;
}

#news{
	scrollbar-face-color: #F6F6F6;
	scrollbar-arrow-color: #999999;
	scrollbar-highlight-color: #F6F6F6;
	scrollbar-3dlight-color: #999999;
	scrollbar-shadow-color: #F6F6F6;
	scrollbar-darkshadow-color: #999999;
	scrollbar-track-color: #F6F6F6;

}

/*--------------------------CourseTag-------------------------------------*/
#divCourse #CourseTag{
}
#divCourse #CourseTag #CourseTagContent{
	margin:5px;
	width:500px;
	height:180px;
	background-color:#F6F6F6;
	overflow:auto;
	scrollbar-face-color: #75aaba; 
	scrollbar-highlight-color: #f6f6f6;
	scrollbar-3dlight-color: #f6f6f6;
	scrollbar-darkshadow-color: #f6f6f6;
	scrollbar-track-color: #f6f6f6;
	scrollbar-arrow-color: #ddebee;
}
#divCourse #CourseTag #TagMenu{
	background:url(/Images/box1_tag2.jpg) no-repeat top left #E8F0F3;
	height:32px;
	width:510px;
}
#divCourse #CourseTag #TagMenu ul{
	margin:0px;
	padding:0px;
}
#divCourse #CourseTag #TagMenu ul li{
	list-style-type:none;
	float:left;
}
#divCourse #CourseTag #TagMenu ul li a{
	display:block;
	padding-top:6px;	
	padding-left:21px;	
	width:149px;
	height:20px;
	text-align:left;
	font-size:15px;
	font-weight:600;
	color:#000000;
	text-decoration:none;
}

/*--------------------------ExpoTag-------------------------------------*/
#divExpo #ExpoTag{

}
#divExpo #ExpoTag #ExpoTagContent{
	margin:5px;
	width:500px;
	height:180px;
	background-color:#F6F6F6;
}
#divExpo #ExpoTag #TagMenu{
	background:url(/Images/box1_tag3.jpg) no-repeat top left #E8F0F3;
	height:32px;
	width:510px;
	
}
#divExpo #ExpoTag #TagMenu ul{
	margin:0px;
	padding:0px;
}
#divExpo #ExpoTag #TagMenu ul li{
	list-style-type:none;
	float:left;
}
#divExpo #ExpoTag #TagMenu ul li a{
	display:block;
	padding-top:6px;	
	padding-left:21px;	
	width:149px;
	height:20px;
	text-align:left;
	font-size:15px;
	font-weight:600;
	color:#000000;
	text-decoration:none;
}

/*================================================================================*/
/*================================================================================*/

#Box2Box3 #divHkpaNews{
	width:360px;
	float:left;
	border:1px solid #999999;
	display:block;
	background:#FFFFFF;
}
#Box2Box3 #divHkpaNews #divHkpaNewsTitle{
	width:339px;
	height:25px;
	display:block;
	background:url(/Images/box2_bg.jpg) no-repeat top left #E8F0F3;
	padding-top:6px;	
	padding-left:21px;
	text-align:left;
	font-size:15px;
	font-weight:600;
	color:#000000;
}
#Box2Box3 #divHkpaNews #divHkpaNewsContent{
	width:350px;
	margin:5px;
	background-color:#F6F6F6;
}

#Box2Box3 #divAgenda{
	width:140px;
	float:right;
	border:1px solid #999999;
	display:block;
	background:#FFFFFF;
}
#Box2Box3 #divAgenda #divAgendaTitle{
	width:119px;
	height:25px;
	display:block;
	background:url(/Images/box3_bg.jpg) no-repeat top left #E8F0F3;
	padding-top:6px;	
	padding-left:21px;
	text-align:left;
	font-size:15px;
	font-weight:600;
	color:#000000;
}
#Box2Box3 #divAgenda #divAgendaContent{
	width:130px;
	margin:5px;
	background-color:#F6F6F6;
}

/*================================================================================*/


#MainContentRight #Box3_5 #divAGTitle{
	width:489px;
	height:25px;
	display:block;
	background:url(/Images/box4_bg.jpg) no-repeat top left #E8F0F3;
	padding-top:6px;	
	padding-left:21px;
	text-align:left;
	font-size:15px;
	font-weight:600;
	color:#000000;
	clear:both;

}

/*================================================================================*/

#MainContentRight #Box4 #divHkpaAct{
	width:510px;
	clear:both;
	float:left;
	display:block;
	background:#FFFFFF;
}
#MainContentRight #Box4 #divHkpaAct #divHkpaActTitle{
	width:489px;
	height:25px;
	display:block;
	background:url(/Images/box4_bg.jpg) no-repeat top left #E8F0F3;
	padding-top:6px;	
	padding-left:21px;
	text-align:left;
	font-size:15px;
	font-weight:600;
	color:#000000;
	clear:both;

}
#MainContentRight #Box4 #divHkpaAct #divHkpaActContent{
	width:500px;
	margin:5px;
	background-color:#F6F6F6;
}
#MainContentRight #Box4 #divHkpaAct #divHkpaActContent #divHkpaActContentMain{
	width:500px;
	float:left;
	margin:0px;
	padding:0px;
}
#MainContentRight #Box4 #divHkpaAct #divHkpaActContent #divHkpaActContentPic{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	height:250px;
	text-align:center;
}
/*============================CONTENT RIGHT=============================*/


/*============================FOOTER=============================*/
#MainFooter{
	width:750px;
	clear:both;
}


/* ===========================================================================================================*/
.standardUL{
	margin:0px 0px 0px 18px;
	padding:10px 0px 0px 2px;
	list-style-position:outside;
}
.standardUL li{
	padding:5px 5px 8px 0px;
}
.standardPara{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
}