@charset "utf-8";
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:85%;
	color:#4E4E4E;
	line-height:170%;
	/*letter-spacing:1px;*/
}
body {background:url(../images/bg.gif) repeat-x center 0;}
a {text-decoration:none; color:#4E4E4E;}

a:hover {text-decoration:underline;}
p {padding:0; margin:0 0 20px 0;}

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

h1 {font-size:140%; line-height:140%; color:#C10000; margin:10px 0 2px 0; padding:0;}
h2 {color:#C10000; padding:6px 0 2px 15px; margin:0; line-height:140%;}
h3 {color:#F08000; margin:5px 0 2px 0; padding:0;}
h4 {margin:0 0 20px 0;}
h5 {font-size:140%; line-height:140%; letter-spacing:0.1em; margin:10px 0 2px 0; padding:0;}
h6 {font-size:120%; line-height:120%; letter-spacing:0.1em; margin:10px 0 2px 0; padding:0;}

input, textarea, select {font-family:Arial, Helvetica, Verdana, sans-serif; font-size:12px; line-height:18px; color:#333;}

/* Page Container */
#mainContainer
{
	font-size:105%;
	width:100%;
	min-width:760px;
	max-width:984px;
	text-align:left;
	overflow:hidden;
	margin:0 auto;
}
#logo
{
	float:left;
	width:40%;
	height:47px;/*add this by yame*/
	margin:9px 0 12px 0;
}

/* Top Tools navigation */
#topTools
{
	float:right;
	margin:7px 3px 0 0;
	font-size:12px;
	line-height:18px;
}
#topTools img, #topTools div, #topTools a
{
	float:left;
	color:#666;
}
#topTools div
{
	margin:0 0 0 3px;
}
#topTools div img
{
	margin:1px 0 0 2px;
}
#topTools img
{
	margin:4px 5px 0 5px;
}
#topTools img#rss
{
	margin:1px 0 0 0;
}

/* Top navigation */
#topnav {clear:both; width:100%; font-size:11px; line-height:150%; height: 28px; overflow:hidden; }
#topnav a
{
	float:left;
	background-image:url(../images/nav_stroke_l.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	display:block;
	text-align:center;
	color:#666;
}
#topnav a span
{
	display:block;
	float:left;
	width:100%;
	background-image:url(../images/nav_stroke_r.gif);
	background-repeat:no-repeat;
	background-position: 100% 0;
	text-align:center;
	padding:4px 0 0px 0;
	height:24px;
	cursor:pointer;
}
#topnav a:hover, #topnav a.active {text-decoration:none;}
#topnav a#home {width:9%; background-image:url(../images/nav_home_l.gif);}
#topnav a#home span {background-image:url(../images/nav_home_r.gif);}
#topnav a#home:hover, #topnav a#home.active{background-image:url(../images/nav_home_l_over.gif); color:#FFF;}
#topnav a#home:hover span, #topnav a#home.active span{background-image:url(../images/nav_home_r_over.gif);}
/* Categories Section */
#topnav a#categories {width:10.2%;background-image:url(../images/nav_stroke_l_over.gif);}
#topnav a#categories span {background-image:url(../images/nav_stroke_r_over.gif); color:#666; cursor:default !important;}
#topnav a#categories span span
{
	display:block;
	height:28px;
	background-image:url(../images/nav_arrow.gif);
	background-repeat:no-repeat;
	background-position:50% 18px;
	padding:0;
}
#topnav a#record {width:13.2%; background-image:url(../images/nav_record_l.gif);}
#topnav a#record span {background-image:url(../images/nav_record_r.gif);}
#topnav a#record:hover, #topnav a#record.active {background-image:url(../images/nav_record_l_over.gif); color:#FFF;}
#topnav a#record:hover span, #topnav a#record.active span {background-image:url(../images/nav_record_r_over.gif); color:#FFF;}
/*#topnav a#focus {width:10%; background-image:url(../images/nav_focus_l.gif);}
#topnav a#focus span {background-image:url(../images/nav_focus_r.gif);}*/
#topnav a#citylife {width:9.2%; background-image:url(../images/nav_citylife_l.gif);}
#topnav a#citylife span {background-image:url(../images/nav_citylife_r.gif);}
#topnav a#citylife:hover, #topnav a#citylife.active {background-image:url(../images/nav_citylife_l_over.gif); color:#FFF;}
#topnav a#citylife:hover span, #topnav a#citylife.active span {background-image:url(../images/nav_citylife_r_over.gif); color:#FFF;}
/*#topnav a#kids {width:11%; background-image:url(../images/nav_kids_l.gif);}
#topnav a#kids span {background-image:url(../images/nav_kids_r.gif);}
#topnav a#kids:hover, #topnav a#kids.active {background-image:url(../images/nav_kids_l_over.gif); color:#FFF;}*/
#topnav a#kids:hover span, #topnav a#kids.active span {background-image:url(../images/nav_kids_r_over.gif); color:#FFF;}
#topnav a#gallery {width:12.2%; background-image:url(../images/nav_gallery_l.gif);}
#topnav a#gallery span {background-image:url(../images/nav_gallery_r.gif);}
#topnav a#gallery:hover, #topnav a#gallery.active {background-image:url(../images/nav_gallery_l_over.gif); color:#FFF;}
#topnav a#gallery:hover span, #topnav a#gallery.active span {background-image:url(../images/nav_gallery_r_over.gif); color:#FFF;}
/*#topnav a#reel {width:7%; background-image:url(../images/nav_reel_l.gif);}
#topnav a#reel span {background-image:url(../images/nav_reel_r.gif);}
#topnav a#reel:hover, #topnav a#reel.active {background-image:url(../images/nav_reel_l_over.gif); color:#FFF}
#topnav a#reel:hover span, #topnav a#reel.active span {background-image:url(../images/nav_reel_r_over.gif); color:#FFF}*/
#topnav a#speaking {width:12.2%; background-image:url(../images/nav_speaking_l.gif);}
#topnav a#speaking span {background-image:url(../images/nav_speaking_r.gif);}
#topnav a#speaking:hover, #topnav a#speaking.active {background-image:url(../images/nav_speaking_l_over.gif); color:#FFF;}
#topnav a#speaking:hover span, #topnav a#speaking.active span {background-image:url(../images/nav_speaking_r_over.gif); color:#FFF;}
#topnav a#policy {width:13.2%; background-image:url(../images/nav_policy_l.gif);}
#topnav a#policy span {background-image:url(../images/nav_policy_r.gif);}
#topnav a#policy:hover, #topnav a#policy.active {background-image:url(../images/nav_policy_l_over.gif); color:#FFF;}
#topnav a#policy:hover span, #topnav a#policy.active span {background-image:url(../images/nav_policy_r_over.gif); color:#FFF;}
#topnav a#budget {width:9.2%; background-image:url(../images/nav_budget_l.gif);}
#topnav a#budget span {background-image:url(../images/nav_budget_r.gif);}
#topnav a#budget:hover, #topnav a#budget.active {background-image:url(../images/nav_budget_l_over.gif); color:#FFF;}
#topnav a#budget:hover span, #topnav a#budget.active span {background-image:url(../images/nav_budget_r_over.gif); color:#FFF;}
#topnav a#about{width:11.2%; background-image:url(../images/nav_aboutus_l.gif);}
#topnav a#about span {background-image:url(../images/nav_aboutus_r.gif);}
#topnav a#about:hover, #topnav a#about.active {background-image:url(../images/nav_aboutus_l_over.gif); color:#FFF;}
#topnav a#about:hover span, #topnav a#about.active span {background-image:url(../images/nav_aboutus_r_over.gif); color:#FFF;}
#topnav a#newsinfocus{width:11.2%; background-image:url(../images/nav_newsinfocus_l.gif);}
#topnav a#newsinfocus span {background-image:url(../images/nav_newsinfocus_r.gif);}
#topnav a#newsinfocus:hover, #topnav a#newsinfocus.active {background-image:url(../images/nav_newsinfocus_l_over.gif); color:#FFF;}
#topnav a#newsinfocus:hover span, #topnav a#newsinfocus.active span {background-image:url(../images/nav_newsinfocus_r_over.gif); color:#FFF;}

#topnav a:hover span span
{
	display:block;
	height:28px;
	background-image:url(../images/nav_arrow.gif);
	background-repeat:no-repeat;
	background-position:50% 22px;
}

/* Sub navigation */
#subnav
{
	/*height:27px;*/
	overflow:hidden;
	line-height:120%;
	white-space:nowrap;
	text-align:center;
	font-size:11px;
	background:#fff;
	padding-left:10px;
}
#subnav a
{
	float:left;
	color:#824D4D;
	font-weight: bold;
	text-align:center;
}
#subnav a:hover, #subnav a.active {color:#FB0000; text-decoration:none;}
#subnav span
{
	float:left;
	width:2.5%;
	_width:2%;
	text-align:center;
	margin:6px 0px 0px 0px;
}
#subnav img
{
	margin:7px 7px 0 7px;
}
#subnav a#finance {width:107px; margin:6px 0px 7px 0px;}
#subnav a#school {width:100px;  margin:6px 0px 7px 0px;}
#subnav a#health {width:110px; margin:6px 0px 7px 0px;}
#subnav a#environment {width:70px; margin:6px 0px 7px 0px;}
#subnav a#law {width:66px; margin:6px 0px 7px 0px;}
#subnav a#infrastructure {width:140px; margin:6px 0px 7px 0px;}
#subnav a#admin {width:100px; margin:6px 10px 7px 0px;}
#subnav a#videoTag{background:url(../images/home/btn_videoTag.jpg) no-repeat; width:102px; height:16px; display:block;margin-top:6px; margin-right:7px;padding-top:5px; color:#fff; float:right}

/* Sub navigation background */
#navBg {width:100%; height:7px; overflow:hidden; background:url(../images/bg_subnav.gif) repeat-y left top #C80202;}

/* Top functions navigation */
#topFunctions {width:99.7%; color:#54585B; min-height: 30px; height: auto !important; height: 30px; padding:5px 0 0 0; line-height:1.4em; font-size:11px;}
#topFunctions a { color:#54585B;}
#topFunctions div, #topFunctions a, #topFunctions input, #topFunctions img {float:left;display:block;}
#loginBtn {margin:0 9px 0 5px; font-size:12px; line-height:150%;}
#loginBtn a {font-weight:bold; color:#FFF; background:url(../images/btn_login.gif) no-repeat 0 0; padding:3px 0 0 0; width:90px; height:24px; text-align:center;}
#logoutBtn {margin:0 9px 0 5px; font-size:12px; line-height:150%;}
#logoutBtn a {font-weight:bold; color:#FFF; background:url(../images/btn_search.gif) no-repeat 0 0; padding:3px 0 0 0; width:54px; height:24px; text-align:center;}
#register {margin: 3px 5px 0 0; text-decoration:underline; /*width:13%;*/ width:auto;}
#searchFieldContainer {width:auto;}
#topFunctions #searchField { float:left; border:#909090 1px solid;background:url(../images/icon_search.gif) no-repeat 4px 3px #FFF; width:130px; height:18px; margin:2px 2px 0 0; padding:0 0 0 20px;}
#searchBtn {font-size:12px; line-height:150%;}
#searchBtn a {font-weight:bold; color:#FFF;background:url(../images/btn_search.gif) no-repeat 0 0; padding:3px 0 0 0; width:54px; height:24px; text-align:center; display:block;}
#topFunctions #loginName {width:15%;margin: 6px 5px 0 14px; color:#FFF; font-weight:bold;line-height:120%;}
#topFunctions #today {margin: 3px 2px 0 0;}
#topFunctions #today, #topFunctions #weatherIconTop, #topFunctions #tempTop, #topFunctions #weatherTop, #topFunctions #trafficTop {float:right;}
#weatherIconTop {margin: 2px 2px 0 0;}
#topFunctions #weatherIconTop img {margin: 0 1px;}
#tempTop {margin: 4px 5px 0 0;}
#topFunctions img {margin:10px 5px 0 5px;}
#topFunctions #weatherTop, #topFunctions #trafficTop {margin: 3px 5px 0 0; _margin: 3px 2px 0 0; background:url(../images/pt_topfunction.gif) no-repeat 5px 7px; padding:0 0 0 15px; _padding:0 0 0 10px;}
#topFunctions a#weatherTop, #topFunctions a#trafficTop {text-decoration:underline;}
#speakingBtn {margin:0 9px 0 2px; font-size:12px; line-height:150%;}
#speakingBtn a {font-weight:bold; color:#FFF; background:url(../images/btn_login.gif) no-repeat 0 0; padding:3px 0 0 0; width:90px; height:24px; text-align:center;}
#personalBtn {margin:0 9px 0 2px; font-size:12px; line-height:150%;}
#personalBtn a {font-weight:bold; color:#FFF; background:url(../images/btn_login.gif) no-repeat 0 0; padding:3px 0 0 0; width:90px; height:24px; text-align:center;}
#userName{float:left; padding:3px 5px 0 0; font-size:12px;}

/* Top functionsLogin navigation *//*created by yame*/
#topFunctionsLogin {width:99.7%; color:#54585B; min-height:30px; height:auto !important; height:30px; padding:5px 0 0 0; line-height:1.4em; font-size:12px;}
#topFunctionsLogin a { color:#54585B;}
#topFunctionsLogin div, #topFunctionsLogin a, #topFunctionsLogin input, #topFunctionsLogin img {float:left;display:block;}
#loginBtn {margin:0 9px 0 5px; line-height:150%;}
#loginBtn a {font-weight:bold; color:#FFF; background:url(../images/btn_login.gif) no-repeat 0 0; padding:3px 0 0 0; width:90px; height:24px; text-align:center;}
#logoutBtn {margin:0 9px 0 5px; font-size:12px; line-height:150%;}
#logoutBtn a {font-weight:bold; color:#FFF; background:url(../images/btn_login.gif) no-repeat 0 0; padding:3px 0 0 0; width:54px; height:24px; text-align:center;}
#register {margin: 3px 20px 0 0; text-decoration:underline; width:6%;}
#searchFieldContainer {width:auto;}
#topFunctionsLogin #searchField2 { float:left;border:#909090 1px solid;background:url(../images/icon_search.gif) no-repeat 4px 3px #FFF; width:130px; height:18px; margin:2px 2px 0 0; padding:0 0 0 20px;}
#searchBtn {font-size:12px; line-height:150%;}
#searchBtn a {font-weight:bold; color:#FFF;background:url(../images/btn_search.gif) no-repeat 0 0; padding:3px 0 0 0; width:54px; height:24px; text-align:center;}
#topFunctionsLogin #loginName {width:15%;margin: 6px 5px 0 14px; color:#FFF; font-weight:bold;line-height:120%;}
#topFunctionsLogin #today {margin: 3px 5px 0 0;}
#topFunctionsLogin #today, #topFunctionsLogin #weatherIconTop, #topFunctionsLogin #tempTop, #topFunctionsLogin #weatherTop, #topFunctionsLogin #trafficTop {float:right;}
#weatherIconTop {margin: 2px 5px 0 0;}
#topFunctionsLogin #weatherIconTop img {margin: 0 1px;}
#tempTop {margin: 2px 5px 0 0;}
#topFunctionsLogin img {margin:10px 5px 0 5px;}
#topFunctionsLogin #weatherTop, #topFunctionsLogin #trafficTop {margin: 3px 5px 0 0; _margin: 3px 2px 0 0; background:url(../images/pt_topfunction.gif) no-repeat 5px 7px; padding:0 0 0 15px; _padding:0 0 0 10px;}
#topFunctionsLogin a#weatherTop, #topFunctionsLogin a#trafficTop {text-decoration:underline;}
#speakingBtn {margin:0 9px 0 2px; font-size:12px; line-height:150%;}
#speakingBtn a {font-weight:bold; color:#FFF; background:url(../images/btn_login.gif) no-repeat 0 0; padding:3px 0 0 0; width:90px; height:24px; text-align:center;}
#personalBtn {margin:0 9px 0 2px; font-size:12px; line-height:150%;}
#personalBtn a {font-weight:bold; color:#FFF; background:url(../images/btn_login.gif) no-repeat 0 0; padding:3px 0 0 0; width:90px; height:24px; text-align:center;}
#userName{float:left; padding:3px 5px 0 0; font-size:12px;}

/*Generate*/
.iconGen {margin:0 0 -5px 10px;}
*html .iconGen {margin:5 0 0px 10px; height:21px;}

/*Footer*/
#footer {clear:both; padding:15px 0 10px 0;color:#666; font-size:11px;}
#footer a {color:#666;}
#footer span {margin:0 11px;}
#footer img {float:right; margin:0 0 10px 30px;}
#footer img.iconFooter {float:none; margin:0 5px -5px 0;}

/*Banner*/
#mainBanner {width:99.7%; height:76px; background:url(../images/bg_banner.jpg) repeat-y left #F2F6F7;}
#mainBanner #bannerImg {height:76px;}
#mainBanner #bannerTitle {height:76px;}

/*Content*/
#content {width:99.7%; background: url(../images/bg_rightCol.gif) repeat-y right;}
#leftCol {float:left;width:100%; margin:0 0 0 -310px; background:url(../images/bg_content.gif) repeat-y right #FFF;}
#leftColMar {margin:0 0 0 310px; background:url(../images/bg_content.gif) repeat-y left;}
#leftColWid {width:100%; background:url(../images/bg_content_l.gif) no-repeat left bottom;}
#leftColBgR {background:url(../images/bg_content_r.gif) no-repeat right bottom; padding:7px 8px 0 8px;}
.leftColWidGrey {width:100%; background:url(../images/bg_content_grey_l.gif) no-repeat left bottom;}
.leftColBgRGrey {background:url(../images/bg_content_grey_r.gif) no-repeat right bottom; padding:7px 8px 0 8px;}
.leftColBgRGrey .btmBtns {margin-right:15px;}
.btnFull {background:url(../images/arrow_red.gif) no-repeat left center; padding:0 0 0 10px; color:#CC0000;}
.btmBtns {height:16px; margin:10px 7px 0 0;}
.btnToTop, .btnMore, .btnArchive {display:block; width:39px; height:15px; float:right; margin:0 0 0 3px; padding:0 0 0 17px; line-height:140%; font-size:12px;}
.btnToTop {background:url(../images/bg_top.gif) no-repeat left bottom; color:#FFF;}
.btnMore {background:url(../images/bg_more.gif) no-repeat left bottom; color:#CC0000;}
.btnArchive {background:url(../images/bg_archive.gif) no-repeat left bottom; color:#CC0000; width:50px;}
.btnIcon {height:23px; background:url(../images/dash.gif) repeat-x left top; padding:6px 0 0 3px;}
.btnComment, .btnEnquiry {display:inline-block; float:left; height:19px; margin:0 0 0 10px; font-weight:bold; color:#824D4D;}
.btnComment {background:url(../images/icon_comment.gif) no-repeat left bottom; padding:0 0 0 25px;}
.btnEnquiry {background:url(../images/icon_enquiry.gif) no-repeat 8px bottom; padding:0 0 0 33px; border-left: #CFCFCF 1px solid;}
#contentTop {min-height: 25px; height: auto !important; height: 25px;}
.hidden {display:none;}
.red {color:#CC0000;}

/*main News*/
#mainImg { float:left; width:224px; margin:0 20px 0 0; min-height:210px;}
#mainImg span {margin:2px 0 15px 8px; height:20px;}
#mainImg a {float:left; display:block; width:12px; height:12px; background:url(../images/pt_gray.gif) no-repeat;margin:6px 0 0 0;}
#mainImg a.imgItem { display:block; width:auto; height:auto; background:none; margin:6px 0 0 0;}
#mainImg a:hover, #mainImg a.active {background:url(../images/pt_red.gif) no-repeat;}
#mainImg a.btnNext, #mainImg a.btnBack {float:right; width:20px; height:20px; background:url(../images/arrow_next.gif) no-repeat; margin:2px 0 0 2px;}
#mainImg a.btnNext {background:url(../images/arrow_next.gif) no-repeat;}
#mainImg a.btnNext:hover{background:url(../images/arrow_next.gif) no-repeat;}
#mainImg a.btnBack {background:url(../images/arrow_back.gif) no-repeat;}
#mainImg a.btnBack:hover{background:url(../images/arrow_back.gif) no-repeat;}
#mainImg img {display:none;}
#mainImg div {padding-bottom:20px;}
#mainContent {float:left; width:100%; margin:0 -244px 0 0;}
#mainContentMar {margin:0 244px 0 0;}
#mainContentWid {width:100%; margin:0 0 15px 0;}
#mainNews p {margin:0 20px 0 0;}
#newsContent #date { clear:none;margin:0 20px 0 0;}
#date {clear:both; font-style:italic; margin:5px 0 0 0;}
#newsContent { float:left; }
.withNewsBox{position:relative}
#newsContent p { margin-right:20px;margin:0 0 1px 0;}
.newsListmenuNoPhoto {height:30px;}
.newsListmenuNoPhoto select {width:100%;}
.newsListmenu {float:left;width:100%; margin-left:-244px; height:30px;}
.newsListmenuMar {margin-left:244px;}
.newsListmenuMar select {width:100%;}
#subCatContainer{float:left; height:30px; margin-left:-244px; _margin-left:0px; width:100%; _width:auto;}
#subCatContainer #subCat{float:left; margin-left: 244px; _margin-left:0px; font-weight:bold;display:none;}
#subCatContainer #date{float:right; margin:0px;}

/* News */
.newsItemContainer {background:url(../images/dash.gif) repeat-x left top; margin:10px 0 0 0; position:relative; padding:10px 0 0 0;}
.newsItem {float:left; width:49.9%; margin:0 0 10px 0;}
.newsItem {float:left; width:49.9%; margin:0 0 0px 0; padding-bottom:10px;}
.newsItem .newsImg {border:#EFEFEF 2px solid; float:right; width:58px; height:58px; margin:0 15px 0 0;}
.newsItem h2 {padding:0 0 5px 2px;}
.newsItem p {margin:0 90px 5px 2px;}

/*breadcrumb*/
#breadcrumb {color:#4E4E4E; font-size:12px; line-height:20px;}
#breadcrumbMar {margin:0 88px 0 0;}
#breadcrumbWid {width:100%;}
#breadcrumb a {color:#4E4E4E;}

/* Function Tools */
#tools {float:right; width:90px;}
#tools a {float:left; display:block; width:20px; height:19px; margin:0 0 0 2px;}
#tools a#toolsShare {background:url(../images/icon_share.gif) no-repeat;}
#tools a#toolsPrint {background:url(../images/icon_print.gif) no-repeat;}
#tools a#toolsBriefcase {background:url(../images/icon_briefcase.gif) no-repeat;}
#tools a#toolsRefer {background:url(../images/icon_refer.gif) no-repeat;}


/*right Column*/
#rightCol {float:left;width:303px; margin:0 0 0 2px; font-size:0.9em;}
#rightCol h3 {margin:0;}
/*Other News*/
#otherNews, #relatedNews, #keywords {margin:10px 0 0 10px;}
#otherNews ul li, #relatedNews ul li {padding:0 0 1px 10px; background:url(../images/arrow_red.gif) no-repeat 0 7px;}
#relatedNews ul li {width:95%;}
#otherNews ul li a, #relatedNews ul li a, #keywords ul li a {color:#4E4E4E;}
#otherNews ul li a span, #relatedNews ul li a span {color:#999999; font-style:italic; margin-left:5px;}
#relatedNews .iconGen {margin:0 10px -5px 0;}
#relatedNews li.video {padding-bottom:10px;}
.rightBorder {background-color:#ECECEC; height:1px; overflow:hidden; margin:8px 0 0 0;}
/*right Column Banner*/
.rightBanner {border:#EFEFEF 1px solid; padding:1px; margin:8px 0 0 4px;}
.flashBanner {padding:1px; margin:8px 0 0 4px;}

/*Share Styles*/

.bureaux{margin:10px 0 0 0px;}



#bureaux, #departments, #business, #govHK, #links {margin:10px 0 0 0px;}
#bureaux ul, #departments ul, #business ul, #govHK ul, #links ul {margin:0 0 0 10px;}
#bureaux ul li, #departments ul li, #business ul li, #govHK ul li, #links ul li {padding:0 0 1px 10px;}
#bureaux ul li a, #departments ul li a, #business ul li a, #govHK ul li a, #links ul li a {color:#719B31;}
#bureauxTitle, #departmentsTitle, #businessTitle, #govHKTitle, #linksTitle {padding:0px; margin: 0;}
#bureauxTitle{background:url(../images/categories/title_bureaux_r.gif) no-repeat right; margin-left:8px;}
*html #bureauxTitle{background:url(../images/categories/title_bureaux_r.gif) no-repeat right 0px; margin-left:8px;}
#bureauxTitle .leftDiv{background:url(../images/categories/title_bureaux_l.gif) no-repeat #fff; width:5px; height:30px; *height:28px; float:left;}
#bureauxTitle .contentDiv{color:#7BA232;display:inline-block; float:left; background:#fff; height:26px; *height:23px;}
#bureauxTitle .contentDiv span{background:url(../images/categories/title_bureaux_m.gif) no-repeat right top #fff; display:inline-block; height:28px;padding:3px 19px 0 10px; *height:25px;}
/*Bureaux && Links*/
#bureaux ul li, #links ul li {background:url(../images/bullet_green.gif) no-repeat 0 10px;}
#bureaux ul li a, #links ul li a {color:#719B31;}
#bureauxBody { border-left: 1px #DAE6AB solid; border-right: 1px #DAE6AB solid; margin: 0 0 0 8px; }
#bureauxBottom { background: url(../images/categories/bureauxBottom.gif) no-repeat; height: 4px; margin: 0 0 0 8px; overflow: hidden; }

#linksBody { border-left: 1px #DAE6AB solid; border-right: 1px #DAE6AB solid; margin: 0 0 0 8px; }
#linksBottom { background: url(../images/categories/bureauxBottom.gif) no-repeat; height: 4px; margin: 0 0 0 8px; }
#linksTitle{background:url(../images/categories/title_links_r.gif) no-repeat right; margin-left:8px;}
*html #linksTitle{background:url(../images/categories/title_links_r.gif) no-repeat right 0px; margin-left:8px;}
#linksTitle .leftDiv{background:url(../images/categories/title_links_l.gif) no-repeat #fff; width:5px; height:30px; float:left;}
#linksTitle .contentDiv{color:#719B31;display:inline-block; float:left; background:#fff; height:26px; *height:25px;}
#linksTitle .contentDiv span{background:url(../images/categories/title_links_m.gif) no-repeat right top #fff; display:inline-block; height:28px;padding:3px 19px 0 10px; *height:27px;}

/*Departments & Agencies*/
#departments ul li {background:url(../images/bullet_red.gif) no-repeat 0 10px;}
#departments ul li a {color:#943535;}
#departmentsBody { border-left: 1px #E2AFAF solid; border-right: 1px #E2AFAF solid; margin: 0 0 0 8px; }
#departmentsBottom { background: url(../images/categories/departmentsBottom.gif) no-repeat; height: 5px; margin: 0 0 0 8px; overflow: hidden; }
#departmentsTitle{background:url(../images/categories/title_departments_r.gif) no-repeat right; margin-left:8px;}
*html #departmentsTitle{background:url(../images/categories/title_departments_r.gif) no-repeat right 0px; margin-left:8px;}
#departmentsTitle .leftDiv{background:url(../images/categories/title_departments_l.gif) no-repeat #fff; width:5px; height:30px; float:left; }
#departmentsTitle .contentDiv{color:#923535;display:inline-block; float:left; background:#fff; height:26px; *height:25px;}
#departmentsTitle .contentDiv span{background:url(../images/categories/title_departments_m.gif) no-repeat right top #fff; display:inline-block; height:28px;padding:3px 19px 0 10px; *height:27px;}

/*Business Tools & Resources*/
#business ul li {background:url(../images/bullet_blue.gif) no-repeat 0 10px;}
#business ul li a {color:#435386;}
#businessBody { border-left: 1px #B6BFDA solid; border-right: 1px #B6BFDA solid; margin: 0 0 0 8px; }
#businessBottom { background: url(../images/categories/businessBottom.gif) no-repeat; height: 4px; margin: 0 0 0 8px; overflow: hidden; }
#businessTitle{background:url(../images/categories/title_business_r.gif) no-repeat right 0px; margin-left:8px;}
#businessTitle .leftDiv{background:url(../images/categories/title_business_l.gif) no-repeat #fff; width:5px; height:30px; float:left;}
#businessTitle .contentDiv{color:#404F7F; display:inline-block; float:left; background:#fff; height:26px; *height:25px;}
#businessTitle .contentDiv span{background:url(../images/categories/title_business_m.gif) no-repeat right top #fff; display:inline-block; height:28px;padding:3px 19px 0 10px; *height:27px;}

/*GovHK*/
#govHK ul li {background:url(../images/bullet_brown.gif) no-repeat 0 10px;}
#govHK ul li a {color:#9E6F2B;}
#govHKBody { border-left: 1px #E3C499 solid; border-right: 1px #E3C499 solid; margin: 0 0 0 8px; }
#govHKBottom { background: url(../images/categories/govhkBottom.gif) no-repeat; height: 4px; margin: 0 0 0 8px; overflow: hidden; }
#govHKTitle{background:url(../images/categories/title_govhk_r.gif) no-repeat right; margin-left:8px;}
*html #govHKTitle{background:url(../images/categories/title_govhk_r.gif) no-repeat right 0px; margin-left:8px;}
#govHKTitle .leftDiv{background:url(../images/categories/title_govhk_l.gif) no-repeat #fff; width:5px; height:30px; float:left;}
#govHKTitle .contentDiv{color:#A4732D; display:inline-block; float:left; background:#fff; height:26px; *height:25px;}
#govHKTitle .contentDiv span{background:url(../images/categories/title_govhk_m.gif) no-repeat right top #fff; display:inline-block; height:28px;padding:3px 19px 0 10px; *height:27px;}

#govHK ul li a {color:#9E6F2B;}
/*Poll*/
#poll {background:url(../images/bg_poll_b.gif) no-repeat left bottom; min-height: 120px;	height: auto !important; height: 120px; margin:10px 0 0 5px;}
#pollTop {background:url(../images/bg_poll_t.gif) no-repeat left top; padding:15px;}
#poll h2 {padding:0 0 10px 0;}
#poll p {margin:0 0 10px 0;}
#poll table th {text-align:center; width:15%;}
#poll table th, #poll table td {padding:2px;}
#poll .pollBtn {padding:10px 0 0 80px;}
#poll .pollBtn div {float:left; background:url(../images/btn_poll_l.gif) no-repeat left top;}
#poll .pollBtn div a {background:url(../images/btn_poll_r.gif) no-repeat right top; display:block; height:22px; text-align:center; padding:2px 12px 0 12px; color:#FFF; font-weight:bold; font-size:12px; line-height:22px; width:40px;}


a.arrow {padding:0 0 0 13px;}
.btmBtn {padding:0 15px 0 0; height:16px;}
.btnWhite {background:url(../images/speaking/bg_btn_white.gif) repeat-x left top; float:right; margin:0 0 0 3px; font-size:11px; line-height:18px; width:95px;}
.btnWhiteL {background:url(../images/speaking/bg_btn_white_l.gif) no-repeat left top;}
.btnWhiteR {background:url(../images/speaking/bg_btn_white_r.gif) no-repeat right top; height:16px; padding:0 5px;}
.btnWhiteR a {padding:0 0 0 8px;}
.btnGrey {background:url(../images/speaking/bg_btn_grey.gif) repeat-x left bottom; float:right; margin:0 0 0 3px; font-size:11px; line-height:18px; width:45px;}
.btnGreyL {background:url(../images/speaking/bg_btn_grey_l.gif) no-repeat left bottom;}
.btnGreyR {background:url(../images/speaking/bg_btn_grey_r.gif) no-repeat right bottom; height:16px; padding:0 5px;}
.btnGreyR a {padding:0 0 0 10px; color:#FFF; background:url(../images/arrow_white_up.gif) no-repeat 0 5px;}
.inputFieldShort, .inputFieldMid, .textareaMid, .imgFrame {border:#909090 1px solid;}
.inputFieldShort {width:200px;}
.inputButton {color:#FFFFFF; width:90px; height:24px; margin:10px 5px 10px 0; cursor:pointer; font-weight:bold; border:none; background:url(../images/speaking/btn_bg.gif) no-repeat 0 0;}
.shortButton {color:#FFFFFF; width:40px; height:24px; margin:10px 5px 10px 0; cursor:pointer; font-weight:bold; border:none; background:url(../images/speaking/btn_bg.gif) no-repeat 0 0;}
.longButton {color:#FFFFFF; width:140px; height:24px; margin:10px 5px 10px 0; cursor:pointer; font-weight:bold; border:none; background:url(/tc/images/theme/skyline/btn_poll_l.gif) no-repeat 0 0;}


.speakingMain {background:url(../images/bg_main_story.gif) repeat-x left bottom; border-bottom:#E1E1E1 1px solid; padding:0 0 0 20px;}
.speakHomeBtm {padding:0 0 0 20px;}
.speakHomeBtm ul {float:left; width:47.7%; margin:0 15px 15px 0; background:url(../images/dash.gif) repeat-x left bottom; display:block;}
.speakHomeBtm ul li {background:url(../images/speaking/arrow.gif) no-repeat scroll 0 6px;	line-height:140%;	padding:0 15px 15px 12px;}
.speakHomeBtm ul li h3, .speakHomeBtm ul li p, .speakHomeBtm ul li em {margin-bottom:5px;}
.speakHomeBtm ul li em {display:block;}
#speakInsideContainer .btmBtn {clear:both; margin-top:-18px;}
#speakInsideLeft {float:left; margin:0 0 0 -370px; width:100%;}
#speakInsideLeftMar {margin:0 0 0 370px;}
#speakInsideLeftWid {width:100%;}
#speakInsideLeftWid .speakingMain {margin-left:1px;}
#speakInsideRight {float:left; margin:0; width:368px; border-left:#EAEAEA 1px solid;}
dl.commentList {margin:30px 8px 0 8px;}
dl.commentList .header {font-weight:bold; background:url(../images/dash.gif) repeat-x left bottom; padding-bottom:3px;}
dl.commentList dt, dl.commentList dd {float:left; margin-top:10px;}
dl.commentList dt {width:70px; padding-right:10px;}
dl.commentList dd {width:250px;}
dl.commentList dd em {color:#000;}
dl.commentList dd p {margin-bottom:10px;}
dl.commentList dd.seprator {width:353px; height:1px; background:url(../images/dash.gif) repeat-x left top; clear:both;}
.pagination {background:url(../images/bg_page.gif) repeat-x left top; min-height: 23px;	height: auto !important; height: 23px; margin:1px 0 0 1px; padding:7px 0 7px 0;}
.pagination div { float:right;}
.pagination a {text-align:center; width:16px; height:16px; line-height:14px; float:left; display:block; margin:0 3px 0 0; background:url(../images/bg_pagination.gif) no-repeat left top; font-size:10px; color:#FFF; display:block;}
.pagination a.active {background:url(../images/bg_pagination_on.gif) no-repeat left top; color:#CC0066;}
.pagination .pageArrow {margin-top:5px; background:none;}
.commentImg {margin:30px 0 0 0;}

.linkBubble {position:relative; color:#C10000;}
.iconBubble {margin:0 2px -3px 2px;}
#bubble {background: url(../images/bg_bubble.gif) repeat-x left bottom #FFF; width:300px; min-height: 164px;	height: auto !important; height: 164px; position:absolute; border:#C8C8C8 1px solid; left:280px; top:412px; visibility:hidden;}
.bubbleClose {float:right; width:23px; height:22px; display:block; background:url(../images/bubble_close.gif) no-repeat 0 0; margin:6px 4px 0 0;}
.bubbltTop {background:url(../images/dash.gif) repeat-x left bottom; padding:0 0px 10px 0px;}
.bubbltTop h2 {font-size:140%; padding:0px 0 0 0;}
.bubbltTop h2 a {color:#C10000;}
.bubbltTop p {margin:0;}
#bubble ol {margin:10px 20px 0 20px;}
#bubble ol h2 {padding:0;}
#bubble ol h2 a {color:#FF0000; text-decoration:underline; font-size:110%;}
#bubble ol li {list-style-type:decimal; margin:0 0 10px 20px;}
#bubble p {margin:10px 20px 0 20px;}
#bubble p a {color:#C10000;}
#bubble ol li p strong {color:#CC4200;}
.searchMore {float:right; background:url(../images/bg_btn_grey_l.gif) no-repeat left top; margin-right:18px;}
.searchMore a {background:url(../images/bg_btn_grey_r.gif) no-repeat right top; display:block; height:15px; text-align:center; padding:0 12px 0 12px; color:#FFF; font-size:90%; line-height:15px;}

.showHideBox{background: url(../images/bg_bubble.gif) repeat-x left bottom #FFF; width:300px; min-height: 164px; height: auto !important; height: 164px; position:absolute; border:#C8C8C8 1px solid; visibility:hidden; top:0px; left:0px; z-index:10; padding:10px; }
#newsContent .showHideBox p{ margin-right: 0 ;}

.showHideShare{background: url(../images/share/popbox.gif) no-repeat; width: 172px; height: 42px; position:absolute; left:0px; top:0px; visibility:hidden;  padding: 7px 0 0 3px; letter-spacing:-6px;}

#backBtn {font-size:12px; line-height:150%; padding:5px 0 0 0px;}
#backBtn a {font-weight:bold; color:#FFF;background:url(../images/btn_search.gif) no-repeat 0 0; padding:3px 0 0 0; width:54px; height:24px; text-align:center; display:block; font-size:12px;}