img.logoHKU{
	position:absolute;
	left:625px;
	top:70px;
	display:block;
}

.block_counter{
	position:absolute;
	right:270px;
	top:13px;
	color:#3f434b;
}

.block_counter img.wording_counter01{
	margin:0 5px 0 0;
	padding-top:5px;
	display:block;
	float:left;
}

.block_counter img.wording_counter02{
	margin:0 0 0 5px;
	padding-top:5px;
	display:block;
	float:left;
}

.block_counter .visitor_number{
	display:inline-block;
	float:left;
}

/** generic **/

body{
	margin:0;
	padding:0;
	background:#95bcdf url(../en/images/bg.jpg) repeat-x center top;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#3f434b;
}

p{
	margin:0 0 25px;
}

img{
	border-style:none;
}

a:link,a:visited{
	color:#42b4d5;
}

a:hover{
	color:#ff9f00
}

.clearboth{
	clear:both;
}

/****** skeleton ******/

#wrapper{
	background:transparent url(../en/images/bg_footer.gif) repeat-x center bottom;
}

#container{
	background:transparent url(../en/images/bg_building.gif) no-repeat center bottom
}

#center{
	width:1000px;
	margin:0 auto;
}

#header{
	height:185px;
	position:relative;
}

#squeeze{
	min-height:500px;
	height:auto !important;
  height:500px;
}

#squeeze.index{
	margin-top:45px;
}

#footer{
	margin-top:280px;
	padding:0 0 20px;
	color:white;
	font-size:0.9em;
}

#footer.index{
	margin-top:230px;
}

/****** header ******/

img.logo{
	position:relative;
	top:25px;
	display:block;
}

img.sitetitle{
	position:absolute;
	left:178px;
	top:85px;
	display:block;
}

.btn_lang{
	width:112px;
	height:41px;
	padding-top:10px;
	background:transparent url(../en/images/bg_lang.gif) no-repeat;
	position:absolute;
	left:178px;
	top:0;
	text-align:center;
}

.btn_lang a:link,.btn_lang a:visited{
	margin:0 12px 0 0;
	padding:0 12px 0 0;
	color:#3f434b;
	text-decoration:none;
	border-right:1px #3f434b dotted;
}

.btn_lang a:hover{
	color:#ff9f00;
}

.btn_lang a.last_item:link,.btn_lang a.last_item:visited{
	margin:0;
	padding:0;
	border-right:none;
}

a.sitemap:link,a.sitemap:visited{
	padding:0 0 0 15px;
	position:absolute;
	left:308px;
	top:12px;
	background:transparent url(../en/images/icon_sitemap.gif) no-repeat 0 8px;
	color:#3f434b;
	text-decoration:none;
}

a.sitemap:hover{
	color:#ff9f00;
}

.search_box{
	position:absolute;
	right:0px;
	top:13px;
}

.search_box .search_field{
	width:170px;
	height:20px;
	padding:0 0 0 20px;
	border:1px #869ba6 solid;
	background:white url(../en/images/icon_search.gif) no-repeat 2px 2px;
}

.search_box .search_button{
	width:55px;
	height:20px;
	background-color:#4380d3;
	border:1px #2c67b8 solid;
	color:white;
}

.search_box .search_button:hover{
	cursor:pointer;
	background-color:#ff9f00;
}

.search_help{
	width:33px;
	height:16px;
	padding:0 0 0 10px;
	background:transparent url(../en/images/bracket01.gif) no-repeat;
	position:absolute;
	right:130px;
	top:50px;
	line-height:12px;
}

.search_help a:link,.search_help a:visited{
	color:#222e38;
}

.search_help a:hover{
	color:#ff9f00
}

.search_advanced{
	width:106px;
	height:15px;
	padding:0 0 0 10px;
	background:transparent url(../en/images/bracket02.gif) no-repeat;
	position:absolute;
	right:0;
	top:50px;
	line-height:12px;
}

.search_advanced a:link,.search_advanced a:visited{
	color:#222e38;
}

.search_advanced a:hover{
	color:#ff9f00
}

ul.topnav{
	margin:0;
	padding:0;
	list-style-type:none;
	position:absolute;
	right:0;
	top:90px;
}

ul.topnav li{
	margin:0 10px 0 0;
	padding:0;
	float:left;
}

ul.topnav li.last{
	margin:0;
}

ul.topnav li a.btn_home:link,ul.topnav li a.btn_home:visited{
	width:48px;
	height:18px;
	background:transparent url(../en/images/btn_home.gif) no-repeat;
	text-decoration:none;
	display:block;
}

ul.topnav li a.btn_home:hover{
	background:transparent url(../en/images/btn_home_f2.gif) no-repeat;
}

ul.topnav li a.btn_topics:link,ul.topnav li a.btn_topics:visited{
	width:56px;
	height:19px;
	background:transparent url(../en/images/btn_topics.gif) no-repeat;
	text-decoration:none;
	display:block;
}

ul.topnav li a.btn_topics:hover{
	background:transparent url(../en/images/btn_topics_f2.gif) no-repeat;
}

ul.topnav li a.btn_faqs:link,ul.topnav li a.btn_faqs:visited{
	width:45px;
	height:18px;
	background:transparent url(../en/images/btn_faqs.gif) no-repeat;
	text-decoration:none;
	display:block;
}

ul.topnav li a.btn_faqs:hover{
	background:transparent url(../en/images/btn_faqs_f2.gif) no-repeat;
}

/****** Topic Box ******/

#topicbox{
	margin-top:2px;
	background-color:#669fd1;
	line-height:20px;
}

#topicbox a{
	text-decoration: none;
}

.box{
	float:left;
}

a.slide-horizontal {
  width:332px;
	height:292px;
	display:    block;
  position:   relative;
  overflow: hidden;
}

.slide-container .slide-1 {
  width:332px;
	height:292px;
	display: block;
  float:   left;
  background:transparent url(../en/images/topic_box01.jpg) no-repeat;
}

.slide-container .slide-2 {
  width:332px;
	height:292px;
	display: block;
  float:left;
  background-color:white;
}

a.slide-horizontal .slide-container {
  width:664px;
	height:292px;
}

.slide-container {
  position: absolute;
}

.slide-container .content{
	width:300px;
	margin:75px auto 0;
	text-align:center;
}

.slide-container .slide-1 .content h3{
	margin:0;
	font-size:1.8em;
	color:white;
	font-family: 'Open Sans', sans-serif;
}

.slide-container .slide-2 .content h3{
	margin:0;
	font-size:1.2em;
	color:#ff9f00;
	font-family: 'Open Sans', sans-serif;
}

a.slide-horizontal-2 {
  width:165px;
	height:145px;
	display:    block;
  position:   relative;
  overflow: hidden;
}

.slide-container-2 .slide-1 {
  width:157px;
	height:137px;
	padding:4px;
	display: block;
  float:   left;
}

.slide-container-2 .slide-2 {
  width:157px;
	height:137px;
	padding:4px;
	display: block;
  float:left;
  background-color:white;
}

a.slide-horizontal-2 .slide-container-2 {
 width:330px;
	height:145px;
}

.slide-container-2 {
  position: absolute;
}

.slide-container-2 .slide-1 .content h3{
	margin:0;
	font-size:1.2em;
	color:white;
	font-family: 'Open Sans', sans-serif;
}

.slide-container-2 .slide-2 .content h3{
	margin:0;
	font-size:0.9em;
	line-height:1.3;
	color:#ff9f00;
	font-weight:normal;
	font-family: 'Open Sans', sans-serif;
}

.topicbox02{
	margin:0 0 2px 2px;
}

.topicbox02 .slide-1{
	background:transparent url(../en/images/topic_box02.jpg) no-repeat;
}

.topicbox03{
	margin:0 0 2px 2px;
}

.topicbox03 .slide-1{
	background:transparent url(../en/images/topic_box03.jpg) no-repeat;
}

.topicbox04{
	margin:0 0 2px 2px;
}

.topicbox04 .slide-1{
	background:transparent url(../en/images/topic_box04.jpg) no-repeat;
}

.topicbox05{
	margin:0 0 2px 2px;
}

.topicbox05 .slide-1{
	background:transparent url(../en/images/topic_box05.jpg) no-repeat;
}

.topicbox06{
	margin:0 0 2px 2px;
}

.topicbox06 .slide-1{
	background:transparent url(../en/images/topic_box06.jpg) no-repeat;
}

.topicbox07{
	margin:0 0 2px 2px;
}

.topicbox07 .slide-1{
	background:transparent url(../en/images/topic_box07.jpg) no-repeat;
}

.topicbox08{
	margin:0 0 2px 2px;
}

.topicbox08 .slide-1{
	background:transparent url(../en/images/topic_box08.jpg) no-repeat;
}

.topicbox09{
	margin:0 0 2px 2px;
}

.topicbox09 .slide-1{
	background:transparent url(../en/images/topic_box09.jpg) no-repeat;
}

.topicbox10{
	margin:0 0 2px 2px;
}

.topicbox10 .slide-1{
	background:transparent url(../en/images/topic_box10.jpg) no-repeat;
}

.topicbox11{
	margin:0 0 2px 2px;
}

.topicbox11 .slide-1{
	background:transparent url(../en/images/topic_box11.jpg) no-repeat;
}

.topicbox12{
	margin:0 0 2px 0;
}

.topicbox12 .slide-1{
	background:transparent url(../en/images/topic_box12.jpg) no-repeat;
}

.topicbox13{
	margin:0 0 2px 2px;
}

.topicbox13 .slide-1{
	background:transparent url(../en/images/topic_box13.jpg) no-repeat;
}

.topicbox14{
	margin:0 0 2px 2px;
}

.topicbox14 .slide-1{
	background:transparent url(../en/images/topic_box14.jpg) no-repeat;
}

.topicbox15{
	margin:0 0 2px 2px;
}

.topicbox15 .slide-1{
	background:transparent url(../en/images/topic_box15.jpg) no-repeat;
}

.topicbox16{
	margin:0 0 2px 0;
}

.topicbox16 .slide-1{
	background:transparent url(../en/images/topic_box16.jpg) no-repeat;
}

.topicbox17{
	margin:0 0 2px 2px;
}

.topicbox17 .slide-1{
	background:transparent url(../en/images/topic_box17.jpg) no-repeat;
}

.topicbox18{
	margin:0 0 2px 0;
}

.topicbox18 .slide-1{
	background:transparent url(../en/images/topic_box18.jpg) no-repeat;
}

.topicbox19{
	margin:0 0 2px 2px;
}

.topicbox19 .slide-1{
	background:transparent url(../en/images/topic_box19.jpg) no-repeat;
}

img.photo_topic01{
	margin:0 0 2px 2px;
	float:left;
	display:block;
}

img.photo_topic02{
	margin:0 0 2px 0;
	float:left;
	display:block;
}

a.btn_more_topic:link,a.btn_more_topic:visited{
	width:166px;
	height:60px;
	background: transparent url(../en/images/btn_more_topic.jpg) no-repeat;
	text-decoration:none;
	display:block;
	float:right;
}

a.btn_more_topic:hover{
	background: transparent url(../en/images/btn_more_topic_f2.jpg) no-repeat;
}

#friendly_link{
	margin-top:75px;
}

#friendly_link ul{
	width:1002px;
	margin:0;
	padding:0;
	list-style-type:none;
}

#friendly_link ul li{
	margin:0 1px 0 0;
	padding:0;
	float:left;
}

#friendly_link ul li.last_item{
	margin:0;
}

#important_note{
	width:820px;
	margin-top:50px;
	font-size:0.9em;
	color:#05316c;
	line-height:15px;
}

#important_note img.title{
	margin:0 0 8px;
	display:block;
}

/****** content ******/

#content{
	padding:30px;
	background-color:#fdf5dB;
	min-height:600px;
	height:auto !important;
  height:600px;
}

#content.main{
	padding:0;
	background:transparent url(../en/images/bg_content.gif) repeat-y;
}

#content h1{
	margin:20px 0 30px;
	color:#fda604;
	font-size:1.6em;
	line-height:32px;
	font-family: 'Open Sans', sans-serif;
}

#content h2{
	margin:20px 0 30px;
	color:#fda604;
	font-size:1.2em;
	line-height:25px;
	font-family: 'Open Sans', sans-serif;
}

#content #leftcol{
	width:195px;
	float:left;
}

#content #rightcol{
	width:805px;
	padding:0 0 120px;
	float:right;
	position:relative;
	min-height:580px;
	height:auto !important;
  height:580px;
}

#content #leftcol .subtitle{
	width:145px;
	height:125px;
	margin:0 0 25px;
	padding:10px;
	background-color:#ffb816;
	font-size:1.4em;
	font-weight:bold;
	color:white;
	line-height:20px;
}

#content #rightcol .breadcrumb{
	width:565px;
	margin-top:30px;
	float:left;
	line-height:18px;
}

.breadcrumb{
	margin:0 0 25px;
	padding:0 0 15px;
	font-size:0.9em;
	border-bottom:1px #d7d5ca solid;
}

.breadcrumb a:link,.breadcrumb a:visited{
	color:#42b4d5;
}

.breadcrumb a:hover{
	color:#ff9f00;
}

.home{
	margin:0 10px 0 0;
	padding:0 0 0 12px;
	background:transparent url(../en/images/bullet01.gif) no-repeat 0 8px;
	float:left;
}

.menu_link{
	margin:0 10px 0 0;
	padding:0 0 0 12px;
	background:transparent url(../en/images/bullet02.gif) no-repeat 0 7px;
	float:left;
}

a.btn_all:link,a.btn_all:visited{
	margin:0 0 5px 12px;
	padding:0 0 0 25px;
	background:transparent url(../en/images/icon_all.gif) no-repeat 0 5px;
	display:block;
	text-decoration:none;
	color:#232529;
}

a.btn_all:hover{
	color:#6996d3;
}

a.btn_back:link,a.btn_back:visited{
	margin:0 0 5px 12px;
	padding:0 0 0 25px;
	background:transparent url(../en/images/icon_list.gif) no-repeat 0 5px;
	display:block;
	text-decoration:none;
	color:#232529;
}

a.btn_back:hover{
	color:#6996d3;
}

a.btn_print:link,a.btn_print:visited{
	margin:0 0 5px 12px;
	padding:0 0 0 25px;
	background:transparent url(../en/images/icon_print.gif) no-repeat 0 5px;
	display:block;
	text-decoration:none;
	color:#232529;
}

a.btn_print:hover{
	color:#6996d3;
}

a.btn_forward:link,a.btn_forward:visited{
	margin:0 0 5px 12px;
	padding:0 0 0 25px;
	background:transparent url(../en/images/icon_forward.gif) no-repeat 0 8px;
	display:block;
	text-decoration:none;
	color:#232529;
}

a.btn_forward:hover{
	color:#6996d3;
}

#toptic_table ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#toptic_table ul li{
	margin:0;
	padding:0;
	float:left;
	font-size:0.9em;
	line-height:18px;
}

#toptic_table ul li a:link,#toptic_table ul li a:visited{
	width:133px;
	height:55px;
	margin:0 4px 4px 0;
	padding:10px;
	display:block;
	text-decoration:none;
	color:#232529;
}

#toptic_table ul li a:hover{
	background:white;
}

#toptic_table ul li.last a:link,#toptic_table ul li.last a:visited{
	margin:0 0 4px;
}

#toptic_table ul li.row01 a:link,#toptic_table ul li.row01 a:visited{
	background:transparent url(../en/images/bg_topic_row1.jpg) no-repeat;
}

#toptic_table ul li.row01 a:hover{
	background:white;
}

#toptic_table ul li.row02 a:link,#toptic_table ul li.row02 a:visited{
	background:transparent url(../en/images/bg_topic_row2.jpg) no-repeat;
}

#toptic_table ul li.row02 a:hover{
	background:white;
}

#toptic_table ul li.row03 a:link,#toptic_table ul li.row03 a:visited{
	background:transparent url(../en/images/bg_topic_row3.jpg) no-repeat;
}

#toptic_table ul li.row03 a:hover{
	background:white;
}

#toptic_table ul li.row04 a:link,#toptic_table ul li.row04 a:visited{
	background:transparent url(../en/images/bg_topic_row4.jpg) no-repeat;
}

#toptic_table ul li.row04 a:hover{
	background:white;
}

.note{
	margin:20px 0;
	font-size:0.9em;
	line-height:18px;
}

ol.category li{
	margin:0 0 8px;
	color:#42B4d5;
}

a.btn_top:link,a.btn_top:visited{
	width:66px;
	height:36px;
	padding-top:30px;
	background:transparent url(../en/images/bg_top.gif) no-repeat;
	text-align:center;
	display:block;
	text-decoration:none;
	color:#aba68f;
	position:absolute;
	left:324px;
	bottom:29px;
}

a.btn_top:hover{
	background:transparent url(../en/images/bg_top_f2.gif) no-repeat;
	color:#ff9f00;
}

.paging{
	margin-top:2px;
	float:right;
}

a.btn_previous:link,a.btn_previous:visited {
  width:166px;
	height:60px;
	background: transparent url(../en/images/btn_previous.jpg) no-repeat;
  z-index:10;
  text-decoration:none;
  display:block;
  float:right;
}

a.btn_previous:hover{
	background: transparent url(../en/images/btn_previous_f2.jpg) no-repeat;
}

a.btn_next:link,a.btn_next:visited {
  width:166px;
	height:60px;
	margin:0 0 0 2px;
	background: transparent url(../en/images/btn_next.jpg) no-repeat;
  z-index:10;
  text-decoration:none;
  display:block;
  float:right;
}

a.btn_next:hover{
	background: transparent url(../en/images/btn_next_f2.jpg) no-repeat;
}

.main_content{
	padding:0 25px 0 0;
	font-size:1.2em;
}

ol.faq{
	margin:0 0 25px;
}

ol.faq li{
	margin:0 0 10px;
}

h3.professor_name{
	color:#ff9f00;
}

ol.lawyer{
	margin:25px 0 25px;
}

ol.lawyer li{
	margin:0 0 10px;
}

form.feebback_form{
	margin:50px 0;
}

form.feebback_form .note{
	color:#999;
}

form.feebback_form .form_item{
	margin:0 0 20px;
}

form.feebback_form .form_item label{
	width:220px;
	display:block;
	float:left;
}

form.feebback_form .form_item .textfield{
	width:200px;
}

form.feebback_form .form_item textarea{
	width:420px;
	height:80px;
}

form.feebback_form .captchca{
	margin:30px 0;
}

form.search_form{
	margin:50px 0;
}

form.search_form .note{
	color:#999;
}

form.search_form .form_item{
	margin:0 0 20px;
}

form.search_form .form_item label{
	width:80px;
	display:block;
	float:left;
}

form.search_form .form_item .textfield{
	width:200px;
}

form.search_form .form_item textarea{
	width:420px;
	height:80px;
}

form.search_form .captchca{
	margin:30px 0;
}

/****** footer ******/

.link_pa{
	width:229px;
	margin-top:-5px;
	background:transparent url(../en/images/bracket03.gif) no-repeat 0 4px;
	float:right;
	text-align:center;
}

.link_pa a:link,.link_pa a:visited{
	color:white;
	text-decoration:none;
}

.link_pa a:hover{
	color:#ff9f00;
}
