#container{
	width:448px;
	height:448px;
	margin:0;
	padding:0;
	overflow:hidden;
	clear:both;
	float:left;
}
.loadingflashcontainer{
	width:600px;
	height:600px;
	float:left;
}
.bannercontainer, .flashcontainer,{
	width:448px;
	overflow:hidden;
	float:left;
}
.contentcontainer{
	width:448px;
	float:left;
}
.left_textcontainer{
	width:320px;
	margin:15px 0 0 10px;
	text-align:left;
	float:left;
	display:inline;
}
.downloadcontainer{
	width:102px;
	margin:15px 0 0 16px;
	text-align:left;
	float:left;
	display:inline;
}
.downloadtitle{
	width:102px;
	margin-bottom:15px;
	float:left;
	display:inline;
}
.downloadtitle a, .downloadtitle a:visited{
	text-decoration:none;
	font-weight:bolder;
}
.downloadtitle a:hover{
	text-decoration:none;
	font-weight:bolder;
}
.pagebutton{
	width:320px;
	height:10px;
	margin:10px 0 0 0;
	text-align:left;
	float:left;
	display:inline;
}

/* index.jsp */
#homepagecontainer{
	width:448px; 
	height:570px; 
	margin:0;
	padding:0;
	float:left;
	display:inline;
}
.backtovisitorcontainer{
	width:100px;
	margin-top:18px;
	float:right;
	display:inline;
}
.backtovisitorlink{
	width:80px;
	height:16px;
	font-size:11px;
	text-align:right;
	line-height:16px;
	float:left;
}
.backtovisitorbox{
	width:16px;
	float:right;
}
.createnewplace{
	width:300px;
	margin-top:101px;
	text-align:right;
	float:right;
	vertical-align:bottom;
	display:inline;
}

/* About HKDI */
.introcontainer{
	width:337px;
	height:337px;
	/* no need any more
	background-image:url(/images/bg_abouthkdi.png);
	background-repeat:no-repeat;
	filter: Alpha(Opacity=65);
	opacity:0.65;
	*/
	margin:0;
	padding:0;
	display:inline;
}
.introtextcontainer{
	width:304px;
	margin:15px 0 0 16px;
	float:left;
	display:inline;
}
.introtext{
	width:275px;
	height:285px;
	text-align:left;
	color:#231F20;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	clear:both;
	float:left;
}
.introopenbox{
	width:29px;
	text-align:left;
	float:right;
}
.introclosebutton{
	width:200px;
	margin:10px 0 0 0;
	text-align:left;
	float:left;
	display:inline;
}

/* edmessage.jsp */
.edmsgtextcontainer{
	width:320px;
	height:308px;
	font-size:11px;
	float:left;
}

/* campusinfo.jsp */
.campusinfotextcontainer{
	width:320px;
	height:193px;
	font-size:11px;
	float:left;
}

/* resources.jsp */
.respageintro{
	width:448px;
	margin:6px 0 0 0;
	overflow:hidden;
	clear:both;
	float:left;
	display:inline;
}
.left_respart{
	width:224px;
	margin:5px 0px 0px 0px;
	float:left;
	display:inline;
}
.right_respart{
	width:224px;
	margin:5px 0px 0px 0px;
	float:left;
	display:inline;
}
.left_respart ul, .right_respart ul{
	width:224px;
	margin:0;
	padding:0;
	float:left;
}
.left_respart ul li, .right_respart ul li{
	width:214px;
	padding-left:8px;
	text-align:left;
	background:url(/images/black_dot.gif) no-repeat 0 50%;
	float:left;
	display: block;
	cursor:pointer;
}
/* alumni.jsp, alumnigallery.jsp */
.alumni_title{
	width:320px;
	height:32px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.alumni_contenttext{
	width:320px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.left_bigbannercontainer{
	width:332px;
	float:left;
}
.right_smallbannercontainer{
	width:100px;
	margin:1px 0 1px 16px;
	float:left;
	display:inline;
}
.alumni_thumbnail{
	width:32px;
	height:32px;
	text-align:left;
	float:left;
}
.alumni_thumbnail img{
	cursor:pointer;
}

/* showcases.jsp */
.caseimage{
	width:101px;
	height:101px;
	float:left;
}

/* studentgallery.jsp */
.showgallerydetail{
	width:446px;
	height:280px;
	border:1px #CACACA solid;
	float:left;
	overflow:hidden;
	clear:both;
}
.showgallerydetail td{
	height:280px;
	text-align:center;
	vertical-align:middle;
}
.smallgalleryimagecontainer{
	width:448px;
	height:28px;
	margin-top:23px;
	float:left;
}
.showgallerysmallimage{
	width:380px;
	height:28px;
	margin:0 6px 0 6px;
	float:left;
	display:inline;
	overflow:hidden;
}
.smallgalleryimage{
	width:27px;
	height:28px;
	float:left;
	display:inline;
}
.smallgalleryimage img{cursor:pointer;}
.previous_next_icon{
	width:28px;
	height:28px;
	float:left;
	cursor:pointer;
}
.galleryinfocontainer{
	width:448px;
	margin:15px 0 0 0;
	float:left;
	display:inline;
	color:#375EA9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.galleryinfocontainer .lefttd{
	width:52px;
	height:20px;
	text-align:left;
	vertical-align:top;
}
.galleryinfocontainer .righttd{
	width:396px;
	text-align:left;
	vertical-align:top;
}
/* pdm.jsp */
.pdm_coursescontainer{
	width:448px;
	margin-top:14px;
	float:left;
	display:inline;
}
.pdm_courselist{
	margin-bottom:10px;
	float:left;
	display:inline;
}
.pdm_coursestype{
	width:448px;
	float:left;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.pdm_coursestitle{
	width:448px;
	float:left;
}
.pdm_coursestitle ul{
	width:448px;
	margin:0;
	padding:0;
	float:left;
}
.pdm_coursestitle ul li{
	width:448px;
	text-align:left;
	float:left;
}

.pdm_coursestitle ul li a, pdm_coursestitle ul li a:link, pdm_coursestitle ul li a:link,pdm_coursestitle ul li a:hover,pdm_coursestitle ul li a:visited{
	text-decoration:none;
	color:#231f20;
}



.pdmdetail_bannertext{
	width:400px;
	margin:18px 0 0 18px;
	display:inline;
	float:left;	 
}
.pdmdetail_coursetitle{
	width:430px;
	height:18px;
	vertical-align:top;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	float:left;
}
.pdmdetail_coursecode{
	width:400px;
	height:18px;
	vertical-align:top;
	text-align:left;
	float:left;
}
.pdmdetail_leftcontainer{
	width:110px;
	margin:15px 0 0 0;
	text-align:left;
	font-size:13px;
	float:left;
	display:inline;
	font-weight:bold;
}

.pdmdetail_leftcontainer a, .pdmdetail_leftcontainer a:visited,.pdmdetail_leftcontainer a:hover,.pdmdetail_leftcontainer a:visited{
	text-decoration:none;
	color:#231f20;

}


.pdmdetail_rightcontainer{
	width:322px;
	margin:15px 0 0 16px;
	text-align:left;
	float:left;
	display:inline;
}
.pdmdetail_textcontainer{
	width:322px;
	margin-bottom:15px;
	float:left;
	display:inline;
}
.pdmdetail_leftsectiontitle{
	width:110px;
	margin-bottom:15px;
	float:left;
	display:inline;
}
.pdmdetail_rightsectiontitle{
	width:322px;
	float:left;
	color:#00816c;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.pdmdetail_sectioncontent{
	width:322px;
	float:left;
	margin-bottom:10px;
	display:inline;
}

/* events.jsp, news.jsp */
.events_news_leftcontainer{
	width:217px;
	float:left;
}
.events_news_rightcontainer{
	width:122px;
	margin:0 0 0 100px;
	float:left;
	display:inline;
}
.events_news_bannercontainer{
	width:217px;
	float:left;
}
.events_news_textcontainer{
	width:217px;
	height:217px;
	overflow:hidden;
	margin:15px 0 0 0;
	float:left;
	display:inline;
}
.news_textcontainer{
	position:absolute;
	width:212px;
	margin:5px 0 0 5px;
}
.events_news_textcontainer .title{
	width:213px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
}
.news_textcontainer .news_title{
	width:212px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.events_news_textcontainer .content{
	width:213px;
	margin:15px 0 0 0;
	float:left;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:2px;
	padding-right:2px;
}
.news_textcontainer .news_content{
	width:212px;
	margin:15px 0 0 0;
	float:left;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.calendarcontainer{
	width:102px;
	height:120px;
	float:left;
}
.events_news_morecontainer{
	width:102px;
	margin:15px 0 0 0;
	float:left;
	display:inline;
}
.news_morecontainer{
	width:102px;
	height:10px;
	float:left;
}
.events_news_more{
	width:102px;
	float:left;
	color:#ED1551;
	font-weight:bold;
}
.events_news_moretextcontainer{
	width:102px;
	margin:15px 0 0 0;
	float:left;
	display:inline;
}
.events_news_moretextcontainer .title{
	width:102px;
	float:left;
}
.events_news_moretextcontainer .date{
	width:102px;
	float:left;
}
.news_left_pagebutton{
	position:absolute;
	width:50px;
	height:10px;
	margin:197px 0 10px 5px;
	text-align:left;
}
.news_item{
	color:#666666;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.news_item a, .news_item a:visited{
	color:#666666;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
.news_item a:hover{
	color:#666666;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
}

/* sitemap.jsp */
#sitemapcontianer{
	width:448px;
	height:448px;
	overflow:hidden;
	float:left;
}
#sitemapleftcontianer{
	width:210px;
	float:left;
}
#sitemaprightcontianer{
	width:210px;
	float:right;
}
.foldercontainer{
	width:210px;
	margin-bottom:15px;
	float:left;
}
.foldercontainer a, .foldercontainer a:visited{
	color:#363638;
	font-size:12px;
	text-decoration:none;
}
.foldercontainer a:hover{
	color:#363638;
	font-size:12px;
	text-decoration:underline;
}
.foldername{
	width:210px;
	float:left;
}
.foldername a, .foldername a:visited{
	color:#2A4EA4;
	font-size:12px;
	font-weight:bolder;
	text-decoration:none;
}
.foldername a:hover{
	color:#2A4EA4;
	font-size:12px;
	font-weight:bolder;
	text-decoration:underline;
}
.childfoldercontainer{
	width:210px;
	float:left;
}
.childfoldername{
	width:210px;
	float:left;
}
.grandsonfoldercontainer{
	width:200px;
	margin-left:10px;
	float:left;
	display:inline;
}
.grandsonfoldername{
	width:200px;
	float:left;
}

/* for whats news page - start */
.tb_whats_new{height:350px;}
.tb_whats_new td{font-size:11px;}
.tb_whats_new td.header{padding:5px 5px 0px 5px; width:158px; height:20px; font-weight:bold; font-size:11px;}
.tb_whats_new td.events{margin:0 15px 10px 0; width:158px;}
.tb_whats_new td.latest_news{margin:0 15px 10px 0; width:158px;}
.event_item{margin:0; font-size:11px;}
.event_item a{text-decoration:none;}
.event_item a:hover{text-decoration:none;}
.event_item2{margin:0; font-size:11px; color:#949599}
.event_item2 a{text-decoration:none; color:#636466}
.event_item2 a:hover{text-decoration:none; color:#636466}
#events_list p, #news_list p{padding:5px 5px 10px 5px;}
#more_events_list p{padding-bottom:5px;}
.content_whats_new{ padding:0; width:100%;}
.events{margin:0 15px 10px 0; width:158px;}
.latest_news{margin:0 15px 10px 0; width:158px;}
/* for whats news page - end */

/* styles for text description's background and frontend color - start */
.color_001{color:#231F20; background-color:#FFFFFF;}
.color_002{color:#231F20; background-color:#53B7E8;}
.color_003{color:#231F20; background-color:#FFDC00;}
.color_004{color:#231F20; background-color:#B2D134;}
.color_005{color:#231F20; background-color:#F6921D;}
.color_006{color:#FFFFFF; background-color:#00806C;}
.color_007{color:#FFFFFF; background-color:#17479C;}
.color_008{color:#FFFFFF; background-color:#EC1651;}
.color_009{color:#FFFFFF; background-color:#EF4E23;}
.color_010{color:#17479C; background-color:#FFFFFF;}
.color_011{color:#00806C; background-color:#FFFFFF;}
.color_012{color:#EF4E23; background-color:#FFFFFF;}
.color_013{color:#EC1651; background-color:#FFFFFF;}
.color_014{color:#231F20; background-color:#94C5E0;}
.color_015{color:#00806c;}
.color_016{color:#ec1651;}
.color_017{color:#17479c;}
.color_018{color:#ef4e23;}
/* styles for text description's background and frontend color - start */