/* === PAGE === */
html {
overflow: auto;
}
body {
text-align:center;	/* IE6 for center container */
margin-top:10px; 	/* ceiling the top */
margin-left:10px;
margin-right:10px;
font-size:81.4%;
font-family:Arial, Helvetica, sans-serif, PMingLiu, MingLiu;
/* font-family tag also appears in class input.SearchBox */
}
#pageAll form { display:inline; } 
#pageAll 
{
width:100%;
/* 800 to 1280 - mean 760 (759 for IE) to 1240 */
/*	width:expression( (document.body.clientWidth < 760 ? "759px" : (document.body.clientWidth > 1220 ? "1220px" : "100%")) ); */
/* IE */
min-width:762px;	
max-width:1220px;	/* FF */
text-align:left;	/* restore body tag */
overflow:hidden;
/*	overflow:hidden;	 */
}
/* === GENERIC style === */
h1 {line-height:0px; display:inline; } /* for enclose GovHK slogan */
h2, h3, h4 {font-size:1.15em;  padding:0; border:0; display:inline;}
img {border:0;}
abbr {border-bottom:0;}
sup, sub {font-size:0.8em;} /* 20080527: first line and second line different not obvious than "smaller"  */
.textHolder {float:left; vertical-align:middle; }
.topHolder {float:left; margin-top:3px; margin-right:5px;}
#topSeparator1 {clear:none; width:0; height:0; display:none;}
.hidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
.ignore {display:none;}
.notHiddenInLinear {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
/* 20071018: add pagePrefix */
#pagePrefix { display:none; }
/* 20070514: add urlprinttitle */
.urlprinttitle {display:none;}
.urlprintlist {display:none;}
.urlprintcontent {display:none;}
.textGreater {color:#FF6600; }
/* === GENERIC : hyperlink === */
a {text-decoration:none; padding:0; border:0;}
a:link    { color:#CC0000;  }
a:visited { color:#990000; }
a:hover, a:active, a:focus  {/* color:#FF6600; 20071127:hover no change */
text-decoration:underline;	/* 200711-layout default */
}
/* === GENERIC : bullet point === */
ul {margin:0; border:0; text-align:left; padding-left:5px; padding-right:5px;}
ul.li
{
line-height:1.15em; padding:5px 5px 5px 5px; 
list-style-type:none;
text-indent:0;
text-align:justify;	
}
li{
line-height: 1.2em;
padding-top:5px;
margin-top:5px;
text-align:justify;	
}
/* === GENERIC : Title and Content === */
.boxTitleText {float:left; color:#FFFFFF; 
  padding:5px 5px 5px 1.2em; 
  background: url(/images/background/bullet_orange.gif) 0.3em 0.8em no-repeat;
}
.boxContent {float:left; width:100%; background-color:#DDE4F6; border-top:2px solid #FFFFFF;} 
/* === TOP PANEL === */
.pageTop {float:left; width:100%; min-width:762px;}
.boxHolder1 {float:left; width:100%; margin-right:-2px;}
.boxHolder2 {margin-right:2px;}
#topPanel
{
float:left; width:100%; margin:0; padding:0; border:1px solid #000000;
background-image:URL(../../img/background/topsearch_bg.gif); 
background-repeat:repeat-y; background-position:right;
}
.govhkBanner {float:left; height:64px; margin-top:3px; margin-right:5px;}
/* default navItem change to topNav */
#topNav .navItem {float:left; background-color:#CCCCCC; border-right:1px solid #000000; padding:0; margin:0;}
#topNav .navItemSelected  {float:left; background-color:#CCCCCC; border-right:1px solid #000000; padding:0; margin:0;}
#topNav .navItem a {
float:left;
padding-top:5px; 
padding-bottom:2px; 
padding-left:5px; 
padding-right:5px;
}
#topNav .navItem a:link, #topNav .navItem a:visited 
{
/* 200711option2 remark
color:#000000;
background-color:#CCCCCC; 
*/
/* 200711option2 */
color:#FFFFFF;
background-color:#CC0000; 	
}
#topNav .navItem a:hover, #topNav .navItem a:active, #topNav .navItem a:focus 
{
/* 200711option2
color:#FFFFFF;
background-color:#FF6600; 
*/
color:#FFFFFF;
background-color:#666666; 
text-decoration:none; /* 200711-non-default */
}
#topNav .navItemSelected a {
font-size:1em;
float:left;
padding-top:5px; padding-bottom:2px; padding-left:5px; padding-right:5px;
}
#topNav .navItemSelected a:link, #topNav .navItemSelected a:visited 
{
/*
color:#cc0000;
background-color:#CCCCCC; 
*/
/* 200711option2 */
color:#CC0000;	
background-color:#fbf5e4; 
}
#topNav .navItemSelected a:hover, #topNav .navItemSelected a:active, #topNav .navItemSelected a:focus 
{
/* 200711option2
color:#FFFFFF;
background-color:#FF6600; 
*/
/* 200711-non-default */
color:#FFFFFF;
background-color:#666666; 
text-decoration:none; 
}
#topNav .specialAdv {float:right; padding:0; margin:0;}
#topNav .specialAdv a {
font-size:1em;
float:left;
padding-top:5px; padding-bottom:2px; padding-left:5px; padding-right:5px;
}
#topNav .specialAdv a:link, #topNav .specialAdv a:visited { color:#000000; }
#topNav .specialAdv a:hover, #topNav .specialAdv a:active, #topNav .specialAdv a:focus { 
/* color:#FF6600; 20071127:hover no change */ 
}
#topPanelRight {float:right; margin-top:13px; vertical-align:middle;}
/* topPanelRight and topNavRight width define in formatMedium.css (Large and Extra also) */
#panelButton {width:auto; float:right; padding-top:13px; padding-right:10px;}
#topNavFloat {float:left; width:100%;}
#topNav {
float:left; 
width:100%;
border-left:1px solid #000000; 
border-right:1px solid #000000; 
border-bottom:1px solid #000000;
/* background-color:#F0F0F0; 	*/
/* 200711option2 */
background-color:#CCCCCC;
}
#topNav ul {float:left; list-style:none; padding:0; margin-left:0}
#topNav ul li {display:inline; padding:0;} 
#topNavLinearVersion{
color: #ffffff;
}
/* 20070705 added */
#topBodyArea{
float:left;
width:100%;
}
#topNavArea {
float:right;
width:100%;
height:28px;
margin-right:-140px; 
background-color:#ff3300;
}
#topNavRight {
margin:0;
width:auto;
float:right;
margin-right:0;
white-space:nowrap;
}
#topNavRightArea {
float:left;
height:26px;
margin-right:0;
margin-bottom: 0px;
display:inline;
margin-left: 0px;
}
#topNavBanner{
display:inline;
float:right;
}
#topNavThreeA {
margin:0.2em 0 0 0 ;
width:60px;
float:left;
}
/* give some padding between images, since source is stick together */
#topNavThreeA img {
padding-right:2px;
}
#topNavText1 {
margin:0.2em 2px 0 0 ;
width:auto;
float:left;
}
#topNavTextSize {
display:inline;
}
#screenmodeLink{
color:#000000;
}
#topNavText1 a:visited{
color:#666666;
}
#topNavText1 a:hover{
text-decoration: underline;
}
.mainAreaBox a:visited{
color:#666666;
}
.mainAreaBox a:link{
text-decoration: none;
color:#000000;
}
.mainAreaBox a:hover{
text-decoration: underline;
}
/* en img is 0.2em, 0.3em will have a white line */
#topNavLinear {
margin:0.2em 0 0 0 ;
width:52px;
padding-right:5px; /* give some space between "format" and "Text Size" */
float:left;
}
#topNavLinear {
margin:0.2em 0 0 0 ;
width:52px;
padding-right:5px; /* give some space between "format" and "Text Size" */
float:left;
}
/* 20070822 add */
input.SearchBox {
font-size:0.95em;	
/* 20080508: make it follow font size change, 0.95 to make "Larger" size can show 3 lines */
line-height:1.15em;
height:1.5em;
padding:0;
font-family:inherit;
color:#666666;
/* color:#000000;	*/
}
#advSearch {padding-top:2px;}
#advSearch a {float:left; font-size:1em;  vertical-align:middle;} 
/* === BREAD CRUMB === */
#breadCrumb {float:left; width:100%; padding:2px 5px 3px 5px; line-height:1.2em; font-size:1em; text-align:left;}
.bcPlainItem {float:left; }
.bcPlainItem2 {float:right; height:100%; padding-right:10px;}
#breadCrumb p {margin:0px;}
#breadCrumb p a:link, #breadCrumb p a:visited { color:#000000; }
#breadCrumb p a:hover, #breadCrumb p a:active, #breadCrumb p a:focus { 
/* color:#FF6600; 20071127:hover no change */
}
#pageAdvSearch fieldset legend {  
width:100%; /* for IE7 */
float:left;
display:block; /* for IE7 */
border:0;
padding:0;
/* border:1px solid blue; */
/* margin set at ie.css */
 
}
/* === MAIN AREA : big container === */
#pageMain 
{
width:100%;
min-width:762px;
max-width:1220px;	/* FF */
text-align:left;	/* restore body tag */
overflow:hidden;
height:auto;
float:left;
/*	overflow:hidden;	 */
}
#rightSide {float:left; width:180px; height:auto; background-color:#dde4f6; margin-left:10px;}
#leftSideHolder1 {float:left; margin-left:-190px; width:100%; height:100%;}
#leftSideHolder2 {margin-left:190px;}
#leftSide {width:100%; height:100%;}
/* === MAIN AREA : LEFT MENU === */
#leftMenuArea {
  float:left; 
  width:140px;
  padding:0; 
  overflow:hidden; 
  padding:0;
}
/* === leftMenuTwo - Other Then Homepage === */
#leftMenuTwo {
float: left;
width:100%; 
background-color:#FF0000; 
}
/* === MAIN AREA : For ALL Templates ===}
#topNavArea {
float:right;
width:100%;
height:26px;
margin-right:-140px; 
background-color:#ff0000;
display:block;
} */
#centerHolder1 {
float:right; 
width:100%; 
/*	height: 100%;
min-height: 100%; */
margin-right:-140px; 
background-color:#FFFFFF; 
display:table;
}
* html #centerHolder1 {/*-for ie6-*/
width:100%;
/*	height:100%; */
margin-top:0px; 
margin-left:0px;
margin-right:0px;
clear:both;
float:right;
}
#centerHolder2 { 
margin-right:138px; 
}
#centerHolder3 {
width:100%; 
}
#mainHolder1 {width:100%; margin-left:0px; background-color:#FFFFFF;}
#mainHolder2 {margin-left:10px;}
/*
#mainHolder1 {
width:100%; 
margin-left:0px;	
}
#mainHolder2 {	
margin-right:0px;
margin-top:0px; 
margin-bottom:0px; 
#contenttext{
float:left;
}
#contentHolder{
float:left;
width:100%;
color: #4b4b4b;
background-color:#ffffff;
}
*/
.mainArea {
float:left; 
width:80%; 
margin-top:0px; 
text-align:justify;	
}
#eProContainer{
clear: both;
float:left; 
/*	height: 80%; */
margin-top:0px; 
}
.contentContainer {
float:left; 
width:100%; 
margin-top:10px;
}
/* === HOMEPAGE : big containers === */
/* new remove the Holder1 */
#homepageSkyline {float:left; width:100%; margin-right:0px; height:72px; overflow:hidden;
margin-bottom: 10px; /* replace hoz image */
}
/* width: expression(document.body.clientWidth-190); */
#ForAndAbout {float:left; width:100%; height:auto; background-color:#FBF5E4;
margin-bottom:10px;
background-image: url(/images/background/hp_leftmenu_bg.gif);
background-repeat:repeat-y; background-position:left;
}
#ForAndAbout #mainArea .columnAreaHolder1 {background-color:#FBF5E4;}
/* === HOMEPAGE : elements === */
.hpClusterBox {width:100%;}
.hpCluster
{
padding:5px 2px 0 1.2em;
background: url(/images/background/bullet_orange.gif) 0.4em 0.8em no-repeat;
}
.hpCluster h3 {display:inline; font-weight:bold;}
.hpCluster h3 a:link {color:#CC0000; font-weight:bold; }
.hpCluster h3 a:visited {color:#990000; font-weight:bold; }
.hpCluster h3 a:hover, .hpCluster h3 a:active, .hpCluster h3 a:focus {
  /* color:#FF6600; 20071127:hover no change */ 
font-weight:bold;
}
.hpCluster li {display:inline; line-height:1.15em; font-size:1em;}
.hpCluster li a:link {color:#000000; font-size:1em;}
.hpCluster li a:visited {color:#666666; font-size:1em;}
.hpCluster li a:hover, .hpCluster li a:active, .hpCluster li a:focus {
  /* color:#FF6600; 20071127:hover no change */ 
font-size:1em;
}
.hpCluster li a.moreArticle:link, .hpCluster li a.moreArticle:visited {color:#FF6600;}
.hpCluster li a.moreArticle:hover, .hpCluster li a.moreArticle:active, .hpCluster li a.moreArticle:focus {
  /* color:#000000; 20071127:hover no change */ 
}
.hpCluster ul {list-style:none; padding:0 0 0.25em 0;} 
.hpCluster ul li {display:inline; padding:0;	} 
/* === HOMEPAGE : promotion area (three column) === */
#promotionLeftBlock { width:20px; float:left; }		/* hack for 20px */
#promotionHolder1 {float:left; margin-right:-20px; width:100%;}
#promotionHolder2 {margin-right:20px;}
#promotion {width:100%; height:100%;}
#promotionColumn1 {float:left; width:33.3%;}
#promotionColumn2 {float:left; width:33.3%;}
#promotionColumn3 {float:left; width:33.3%;}
#boxFeatLink {width:100%; margin-left:-20px; position:relative; }
#boxUsefulInfo {width:100%; margin-left:-10px; position:relative; }
#boxTopOnServ {width:100%; margin-left:0px; position:relative; }
#promotion .boxTitleBar {float:left; width:100%; border-bottom: 1px solid #FFFFFF; background-image: url(/images/background/hd_bg.gif);}
#promotion .boxContent {float:left; width:100%; height:100%; background-color:#F0F0F0; 
min-height:17em;	/* add padding to allow equal height */
height:auto !important;
height:17em;
}  
#promotion .boxContent ul {padding-left:0; padding-right:0;}
/* === GENERIC : Right Add Area  === */
.RightAddArea {width:100%;}
.RightAddArea .boxTitleBar {float:left; width:100%; background-image: url(/images/background/side_bg.gif); padding:0;}
.RightAddArea .boxContent {float:left; width:100%; padding:0;}
.RightAddArea ul {float:left; list-style:none; width:100%; padding:0;}
.RightAddArea ul li {float:left; display:table-header-group; width:100%; padding:0px; border:0; margin:0; border-bottom:2px solid #FFFFFF;}
.RightAddArea ul li a {float:left; padding:5px 5px 5px 5px;}
.RightAddArea .pictureContent {float:left; width:100%; padding:10px 0 0 0; background-color:#FFFFFF;}
.pictureContent ul {float:left; list-style:none; width:100%; padding:0;}
.pictureContent ul li {float:left; display:table-header-group; width:100%; padding:0px; border:0; margin:0; border-bottom:10px solid #FFFFFF;}
.pictureContent ul li a {float:left; padding:0; width:100%; text-align:center;}
.RightAddArea .pictureContent p a:link {color:#000000; text-decoration:underline;}
.RightAddArea .pictureContent p a:visited {color:#666666; text-decoration:underline;}
.RightAddArea .pictureContent p a:hover, .RightAddArea .pictureContent p a:active, .RightAddArea .pictureContent p a:focus {color:#FF6600;}
/* === GENERIC : Right comment === */
#commentHolder1 {float:left; width:180px;  
overflow:hidden;
background-color:#FFFFFF;
padding:0;
/*	padding:0 0 10px 0;*/
}
/* 200801: add flash */
#commentFlash {float:left; padding:0 0 10px 0;}
#comment {float:left; padding:0;}
#comment h2 {float:left; padding:0 0 10px 0; margin:0; line-height:0;}
#comment h2 a:link {float:left; color:#000000; }
#comment h2 a:visited {color:#666666; }
#comment h2 a:hover, #comment h2 a:active, #comment h2 a:focus {
  /* color:#FF6600; 20071127:hover no change */ 
}
/* === GENERIC : hotItems (Right Box) === */
#hotItems {float:left; width:180px; height:100%; background-color:#dde4f6; overflow:hidden;}
#hotItems .boxTitleBar {float:left; width:100%; background-image: url(/images/background/side_bg.gif); padding:0;}
#hotItems .boxContent {border:0;} 
/* === CLUSTER : clusterhotItems === */
/* Cluster HotItems, remove background-image and color will be override by pictureCluster.css */
#clusterHotItems {float:left; width:180px; height:100%; background-color:#dde4f6; overflow:hidden;}
#clusterHotItems .boxTitleBar {float:left; width:100%; padding:0; background-image:none;  }
#clusterHotItems .boxContent {border:0;border-bottom:2px solid #FFFFFF;}	
/* to seperate each item */
#clusterHotItems .item { padding:5px 5px 2px 5px; 
line-height:1.15em; /* 20080430: mainly fix chinese text */
}
#clusterHotItems .imgHolder { padding:10px 5px 7px 5px;  text-align:center; 
 width:165px; overflow:hidden; /* hide overflow-x, but not y-coor */
}
/* === HOMEPAGE : News, Weather, Traffic === */
/* outer box first */
#boxHpNews {float:left; width:100%;}
#boxHpWeather {float:left; width:100%;}
#boxHpTraffic {float:left; width:100%;}
/* === HOMEPAGE : News === */
#boxHpNews ul {float:left;  list-style:none; width:100%; padding:0; padding-top:5px;  }
#boxHpNews ul li {float:left; display:table-header-group; width:100%; padding:0; border:0; margin:0; }
#boxHpNews ul li.first			{font-weight:bold;  border-bottom:2px solid #FFFFFF; }
#boxHpNews ul li a {  float:left; line-height:1.15em;  padding: 5px 5px 5px 5px; }
#boxHpNews ul li.first a:link	{color:#000000; font-weight:bold; }
#boxHpNews ul li.first a:visited	{color:#666666; font-weight:bold; }
#boxHpNews ul li.first a:hover, #boxHpNews ul li.first a:active, #boxHpNews ul li.first a:focus	{
  /* color:#FF6600; 20071127:hover no change */ 
font-weight:bold; 
}
/* 2007.05.17 add white line after "last" */
#boxHpNews ul li.last {border-bottom:2px solid #FFFFFF; }
#boxHpNews ul li.last a:link, #boxHpNews ul li.last a:visited	{color:#FF6600; }
#boxHpNews ul li.last a:hover, #boxHpNews ul li.last a:active, #boxHpNews ul li.last a:focus	{
  /* color:#000000; 20071127:hover no change */ 
}
/* 20070817 add for live webcast */
#boxHpWebcast { float:left; width:100%; border-bottom:2px solid #FFFFFF; }
#boxHpWebcast p  { margin:5px 5px 5px 5px; border:0; padding:0; }
#boxHpWebcast span.orange { font-size:0.85em; color:#FF6600; padding:0; margin:0;  }
#boxHpWebcast ul {float:left;  list-style:none; width:100%; padding:0; }
#boxHpWebcast ul li {float:left; display:table-header-group;  line-height:1.15em; width:100%; padding:5px; border:0; margin:0; }
/* 20070817 add for press release */
#boxHpPress { float:left; width:100%; } 
#boxHpPress p  { margin:5px 5px 5px 5px; border:0; padding:0; }
/* 20080415 add for RSS Olympic News */
#boxHpRSS { float:left; width:100%; border-top:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; line-height:0; }
/* === HOMEPAGE : Traffic === */
#boxHpTraffic ul {float:left;  list-style:none; width:100%; padding:0; padding-top:5px;  }
#boxHpTraffic ul li {float:left; display:table-header-group; width:100%; padding:0; border:0; margin:0; }
#boxHpTraffic ul li a {  float:left; line-height:1.15em;  padding: 5px 5px 5px 5px; }
/* === HOMEPAGE : Weather === */
.textGreyHolder {float:left; color:#cccccc; font-size:0.85em;  padding:8px;}  
/* warning Icons */
#weatherWarningArea {float:left; width:100%; margin:0; padding:0;  border-bottom:2px solid #FFFFFF;}
#weatherWarningArea ul {float:left; list-style:none; margin:0; border:0; padding:5px 0px 5px 5px;}
#weatherWarningArea ul li { display:inline; margin:0; border:0; padding:0;}
/* current 1 Icons, Temperature, RH */
#weatherCurrentArea {float:left; width:100%; padding:5px;border-bottom:2px solid #FFFFFF;}
#weatherCurrentArea .imgHolder { width:40px; float:left; }
#weatherCurrentArea .textHolder {float:left; padding-left:5px; width:125px;}
#weatherUpdateTime {font-size:0.85em;}
/* 2007.05.18 for space between Temperature,RH and weather forecast */
#weatherCurrentArea .textHolder p { margin:0px; padding:0px 0px 5px 0px; }
#weatherCurrentArea .textHolder a:link, 
#weatherCurrentArea .textHolder a:visited {color:#000000; }
#weatherCurrentArea .textHolder a:hover, #weatherCurrentArea .textHolder a:active, #weatherCurrentArea .textHolder a:focus {
  /* color:#FF6600; 20071127:hover no change */
}
/* Air Pollution Index */
#weatherAPIArea {float:left; padding:0px 5px 0px 5px; /* T R B L */ }
#weatherAPIArea p {margin-top:0.5em; margin-bottom:0.65em; line-height:1.5em; }
/* 20071018: add line-height */
#weatherAPIArea a		{font-weight:normal;  }
#weatherAPIArea a:link, #weatherAPIArea a:visited	{ color:#000000; }
#weatherAPIArea a:hover, #weatherAPIArea a:active, #weatherAPIArea a:focus	{ 
 /* color:#FF6600; 20071127:hover no change */
}
#weatherAPIArea ul		{list-style:none; margin:0; padding:3px 0px 0px 0px; list-style-type:none;  }
#weatherAPIArea li      {width:100%; padding:0px; margin:0; line-height:2em; }
#weatherAPIArea .low      { background-color:#009900; color:#FFFFFF; padding:1px;}
#weatherAPIArea .medium   { background-color:#00FFFF; color:#000000; padding:1px;}
#weatherAPIArea .high     { background-color:#FFFF00; color:#000000; padding:1px;}
#weatherAPIArea .veryhigh { background-color:#CC0000; color:#FFFFFF; padding:1px;}
#weatherAPIArea .severe	  { background-color:#000000; color:#FFFFFF; padding:1px;}
#weatherAPIArea .reading  { margin-right:0.5em;}
/* Display when weather update fail, default display:none */
#weatherErrorArea {float:left; width:100%; padding:0px 5px 0px 5px; border-bottom:2px solid #FFFFFF; display:none;}
#weatherErrorArea p {margin-top:0.5em; margin-bottom:0.65em;}
#weatherErrorArea a:link, #weatherErrorArea a:visited { color:#000000; }
#weatherErrorArea a:hover, #weatherErrorArea a:active, #weatherErrorArea a:focus { 
  /* color:#FF6600; 20071127:hover no change */
}
/* === FOOTER === */
#pageFooter {width:100%; min-width:762px; margin:0; padding:0; float:left; padding-bottom:5px; background-color:#FFFF00;}
#footerArea {float:left; width:100%; border-bottom:2px solid #CC0000;}
#footerPanelLeft {float:left; margin-top:57px; vertical-align:bottom; background-color:#DDE4F6; }
#footerPanelLeft .navItem {float:left; background-color:#DDE4F6; margin-top:5px; padding-top:2px; padding-left:10px; padding-right:10px; border-right:1px solid #000000;}
#footerPanelLeft ul {float:left; list-style:none; padding:0;}
#footerPanelLeft ul li {display:inline; padding:0 0 2px 0; } 
#footerPanelLeft ul li a:link,
#footerPanelLeft ul li a:visited { color:#000000; }
#footerPanelLeft ul li a:hover,
#footerPanelLeft ul li a:active,
#footerPanelLeft ul li a:focus  { 
  /* color:#FF6600; 20071127:hover no change */
}
#footerPanelRight {float:right; margin-top:13px; vertical-align:middle;}
/* === STANDARD (cluster,writeup,support) : Banner  === */
#standardBannerArea {float:left; width:100%;}
#standardBannerPhoto {float:left; width:205px; height:70px; overflow:hidden;}
#standardBannerHeadingHolder1 {float:left; width:100%; margin-right:-205px;}
#standardBannerHeadingHolder2 {margin-right:205px;}
#standardBannerHeading {width:100%;}
/* Modification Time (and display result) */
.modificationTime_leftSidePanel  {float:left; width:100%;vertical-align:middle; /* font-size:1.15em; */ }
.modificationTime_rightSidePanel {float:right; width:0%;vertical-align:middle;}
.modTimeRadio { float:left; width:25px; border:0px; background-color:#ffcc00; }
.modTimeDurationHolder1 { float:left; margin-left:-25px; width:100%;  background-color:#ffff00;}
.modTimeDurationHolder2 { margin-left:25px; }
.modTimeDurationArea { float:left; width:100%; }
.modTimeBar { width:100%; padding:0; margin:0;  float:left;} 
.modTimeText { font-size:1.15em; }
/* From and YMD element */
.modTimeFromTo  { float:left; width:3em; line-height:1.9em;}
.modTimeBar label { padding:0; margin:0; }
.modTimeYear  { float:left; width:8em;  line-height:2em; }
.modTimeMonth  { float:left; width:7em;    line-height:2em;  }
.modTimeDay  { float:left; width:6em;  line-height:2em;  }
#subModification select {  } 
#subModification select.year {width:4em; margin:0 3px 0 3px; }
#subModification select.month {width:3em; margin:0 3px 0 3px;}
#subModification select.day {width:3em; margin:0 3px 0 3px;}
.withinThePastSelection {width:30%; }
#subModificationDateBar{
margin-left: 0px;
}
#subModificationDateBar2{
margin-left: 25px;
}
#pictureColourBar {
position:relative;
float:left;
width:100%;
height:70px;
overflow:hidden;
background-color:#DCE3F4;	/* override by cluster's stylesheet */
}
#pictureColourBar[id]
{
display:table;
position:static;
}
#pictureColourBarMiddle {position:absolute; top:50%;}
#pictureColourBarMiddle[id]
{
display:table-cell;
vertical-align:middle;
position:static;
}
#pictureColourBarInner {
position:relative;
top:-50%;
padding-left:10px;
}
/* override by cluster's stylesheet */
#pictureColourBar h2 {
color:#000000;
font-size:1.46em;
line-height:1.15em;
}
/* added for banner advertisement:LL 17-5-2007 */
/* === STANDARD : Banner Adv Area  === */
#bannerAdvImageContainer {
float:left; width:100%; margin-right:0px; height:72px; overflow:hidden;
/*	margin-bottom: 10px;*/
}
#bannerAdvContainer {
float:left;
padding-top:10px;
width:100%;
margin-right:-2px; /* reserve 2px for drawing box border */
}
#bannerAdvHolder1 {
margin-right:2px; /* reserve 2px for drawing box border */
}
#bannerAdvHolder2 {
float:left;
width:100%;
border:1px solid #000000;
background-color:#FBF5E4
}
#bannerAdvArea {
float:left;
width:100%;
padding: 8px 0 8px 0;
}
#bannerAdvSmallPhoto {
float:left;
margin-left:8px;
width:90px;
height:60px;
overflow:hidden;
line-height:0px;
display:inline;
}
#bannerAdvTextHolder1 {
float:left;
width:100%;
margin-right:-98px;
}
#bannerAdvTextHolder2 {
margin-right:98px;
}
#bannerAdvTextContent {
float:left;
width:100%;
}
/* 20071024: with image, change for 2 lines title */
/* 20071024: add ContentTitle, since two line title will not align left together */
#bannerAdvTextContentTitle {padding:0 0 0 8px;margin:0;}
#bannerAdvTextContent h3 {font-size:1.15em; padding:0;} /*margin-left:8px;*/
#bannerAdvTextContent p {padding:0 0 0 8px;margin:0;}
#bannerAdvTextContent a:link {color:#CC0000;}
#bannerAdvTextContent a:visited {color:#990000;}
#bannerAdvTextContent a:hover, #bannerAdvTextContent a:active, #bannerAdvTextContent a:focus {
  /* color:#FF6600; 20071127:hover no change */
}
/* 20071023 add for BannearAdv Text With NoImage */
#bannerAdvNoImageContent   {padding:0px 8px 0px 8px; }	
#bannerAdvNoImageContent h3 {font-size:1.15em; margin:0px; }
#bannerAdvNoImageContent p {margin:3px 0px 3px 0px;}
#bannerAdvNoImageContent a:link {color:#CC0000;}
#bannerAdvNoImageContent a:visited {color:#990000;}
#bannerAdvNoImageContent a:hover, #bannerAdvNoImageContent a:active, #bannerAdvNoImageContent a:focus {
  /* color:#FF6600;20071127:hover no change */
}
/* === STANDARD PAGE : generic content container === */
.contentContainer {float:left; width:100%; margin-top:2px; margin-bottom:0px; }
/* === WRITEUP and SUPPORT PAGE : Holder for hack === */
/* pseudo class to override styles of contentItemContent in writeup and support pages */
#clusterContainer {}	
#writeupContainer {}
#supportContainer {}
#onlineServiceContainer {}
/* === STANDARD PAGE : generic content Item === */
/* 2007.05.15: default contentItemContent, DO NOT change */
.contentItemArea {float:left; margin-left:10px; width:100%; padding-bottom:10px; } /* Container */
.contentItemTitleBar {float:left; width:100%; background-color:#FBF5E4;border-top:1px solid #CC0000;} 
.contentItemTitleBar .textHolder 
{
padding:5px 5px 5px 5px;
float:left; color:#000000; 
font-size:1.15em;  
line-height:1.15em;
}
.contentItemTitleBar .textHolder h3 {font-size:1em; font-weight:normal; color:#CC0000;}
.contentItemTitleBar .textHolder a:link {color:#CC0000;}
.contentItemTitleBar .textHolder a:visited {color:#990000;}
.contentItemTitleBar .textHolder a:hover, .contentItemTitleBar .textHolder a:active, .contentItemTitleBar .textHolder a:focus { 
  /* color:#FF6600;20071127:hover no change */
}
.contentItemTitleBar .legendRightSide {float:right; padding:0.45em 2px 3px 2px;}
/* --- writeup legend Right Side --- */
/* 2007.05.02 TH: do not use list to display the legends */
/* .legendRightSide ul {float:left; list-style:none; padding:0.45em 2px 3px 2px;}
.legendRightSide ul li {display:inline; padding:0; margin:0; } */
/* 20070530: use "contentItemArea" instead of "contentItemTitleBar" because of the "Expand ALL" is not in "TitleBar" */
.contentItemArea .expandRightSide {float:right; padding:0.45em 10px 3px 0px;} /* T R B L */
/* === CLUSTER PAGE : override === */
/* 2007.05.15: added for Cluster Page, linear the sub-cat display */
#clusterContainer ul {list-style-type:disc; padding:0;margin-left:0.5em; } 
#clusterContainer ul li {list-style-type:disc;display:list-item; line-height:1.4em; font-size:1em; padding:0; margin-left:1em;} 
#clusterContainer p {padding:0; margin:0 0 0 1.5em; line-height:1.4em;}
#clusterContainer p a {text-decoration:underline;}
/* === WRITESUP PAGE : override === */
#writeupContainer .contentItemContent {font-size:1.15em; line-height:1.15em;}
#writeupContainer .contentItemContent p {margin:0 0 0.5em 0;}
/* === SUPPORT PAGE : override === */
#supportContainer .contentItemTitleBar {margin-bottom:1em; border:none; background-color:#DCE3F4;}
#supportContainer .contentItemTitleBar .textHolder h3 {font-weight:bold; color:#000000;}
/* add p width:99.5% to prevent dropping of the whole content area in IE6 for italic style content */
#supportContainer .contentItemContent {width:99.5%; padding:0; font-size:1.15em; line-height:1.15em;}
#supportContainer .contentItemContent p {margin:0 0 1em 0;}
#supportContainer .contentItemContent h4 {
display:block; width:100%;
padding:0; margin-top:0; margin-bottom:1em;
font-size:1em; font-weight:bold; color:#000000;
}
#supportContainer .boxTitleBar {float:left; width:100%; background-image: url(/images/background/side_bg.gif); padding:0;}
#supportContainer .contentItemContent a:link {color:#000000; text-decoration:underline;}
#supportContainer .contentItemContent a:visited {color:#666666; text-decoration:underline;}
#supportContainer .contentItemContent a:hover, #supportContainer .contentItemContent a:active, #supportContainer .contentItemContent a:focus {
  /*color:#FF6600;20071127:hover no change */
}
#supportContainer .contentItemContent a.moreArticle:link, 
#supportContainer .contentItemContent a.moreArticle:visited {color:#FF6600; text-decoration:none;}
#supportContainer .contentItemContent a.moreArticle:hover, 
#supportContainer .contentItemContent a.moreArticle:active, 
#supportContainer .contentItemContent a.moreArticle:focus {
 /*color:#000000;20071127:hover no change */
}
#supportContainer .contentItemContent ul {list-style:disc outside none; margin-bottom:1em; margin-left:2em; clear:left;}
#supportContainer .contentItemContent ul li {display:list-item; margin-left:1em; list-style-type:disc;}
/* 20070813 for two or more level ul */
#supportContainer .contentItemContent ul ul { margin-bottom:0em; }
#supportContainer .contentItemContent ol {list-style:decimal outside none; margin-bottom:1em; margin-left:2em; clear:left;}
#supportContainer .contentItemContent ol li {display:list-item; margin-left:1em; list-style-type:decimal;}
#supportContainer ul.supportsectionlink {list-style:none; margin-bottom:1em; margin-left:0;}
#supportContainer ul.supportsectionlink li.supportsectionlink {display:block; margin-left:0;}
#supportContainer ul.supportsectionlink li.supportsectionlink a {color:#CC0000; text-decoration:underline;}
#supportContainer ul.supportsectionlink li.supportsectionlink a:visited {color:#990000;}
#supportContainer ul.supportsectionlink li.supportsectionlink a:hover, 
#supportContainer ul.supportsectionlink li.supportsectionlink a:active,
#supportContainer ul.supportsectionlink li.supportsectionlink a:focus {
  /* color:#FF6600;20071127:hover no change */
}
/* === ONLINE SERVICE PAGE : override === */
#onlineServiceContainer .contentItemContent {font-size:1.15em;}
#onlineServiceContainer .contentItemContent ul {list-style:disc outside none;}
#onlineServiceContainer .contentItemContent ul li {display:list-item; margin-left:1em; list-style-type:disc;}
/* === SITEMAP PAGE : override === */
#sitemapContainer {float:left;}
#sitemapContainer .boxTitleBar {float:left; width:100%; background-image: url(/images/background/side_bg.gif); padding:0; margin-bottom:10px;}
#sitemapContainer .boxTitleBar h3 a:link, #sitemapContainer .boxTitleBar h3 a:visited {color:#FFFFFF;}
#sitemapContainer .boxTitleBar h3 a:hover, 
#sitemapContainer .boxTitleBar h3 a:active, 
#sitemapContainer .boxTitleBar h3 a:focus {
  /* color:#FF6600;20071127:hover no change */
}
#sitemapContainer .contentItemTitleBar .textHolder h4 {font-size:1em; font-weight:normal; color:#CC0000;}
#sitemapContainer .contentItemContent {font-size:1.15em;}
#sitemapContainer .contentItemContent ul li {display:list-item;}
#sitemapContainer .contentItemContent ul li ul {list-style:disc outside none;}
#sitemapContainer .contentItemContent ul li ul li {display:list-item; margin-left:2em; list-style-type:disc;}
/* === ANCHOR PAGE : override === */
#anchorpageContainer .contentItemTitleBar {border:none; background-color:#DCE3F4;}
#anchorpageContainer .contentItemTitleBar .textHolder h3 {font-weight:bold; color:#000000;}
#anchorpageContainer .contentItemContent {font-size:1.15em;}
#anchorpageContainer .contentItemContent p {margin:0 0 0.5em 0;}
#anchorpageContainer .contentItemContent ul {list-style:none; margin-bottom:1em;}
#anchorpageContainer .contentItemContent ul li {display:list-item; margin-left:0;}
#anchorpageContainer .contentItemContent ul li ul {list-style:disc outside none; margin-bottom:0;}
#anchorpageContainer .contentItemContent ul li ul li {display:list-item; margin-left:2em; list-style-type:disc;}
#supportContainer a.backToTop:link, #supportContainer a.backToTop:visited {color:#CC0000; text-decoration:underline;}
#supportContainer a.backToTop:hover, #supportContainer a.backToTop:active, 
#supportContainer a.backToTop:focus {
  /* color:#FF6600;20071127:hover no change */
  text-decoration:none;
}
#anchorpageContainer a.backToTop:link, #anchorpageContainer a.backToTop:visited {color:#CC0000; text-decoration:underline;}
#anchorpageContainer a.backToTop:hover, #anchorpageContainer a.backToTop:active, 
#anchorpageContainer a.backToTop:focus {
  /* color:#FF6600; 20071127:hover no change */
text-decoration:none;
}
/* === AboutHK LIKE Pages : override === */
#gridContainer .contentItemTitleBar {margin-bottom:0;}
#gridContainer .contentItemContent {font-size:1.15em;}
#gridContainer .contentItemContent p {margin:0 0 1em 0;}
#gridContainer .boxTitleBar {float:left; width:100%; background-image: url(/images/background/side_bg.gif); padding:0;}
#gridContainer .contentItemContent a:link {color:#000000; text-decoration:underline;}
#gridContainer .contentItemContent a:visited {color:#666666; text-decoration:underline;}
#gridContainer .contentItemContent a:hover, #gridContainer .contentItemContent a:active, 
#gridContainer .contentItemContent a:focus {
  /*color:#FF6600;20071127:hover no change */
}
#gridContainer .contentItemContent a.moreArticle:link, #gridContainer .contentItemContent a.moreArticle:visited {color:#FF6600; text-decoration:none;}
#gridContainer .contentItemContent a.moreArticle:hover, #gridContainer .contentItemContent a.moreArticle:active, 
#gridContainer .contentItemContent a.moreArticle:focus {
  /*color:#000000;20071127:hover no change */
}
#gridContainer .contentItemContent ul {list-style:disc outside none; margin-bottom:1em; margin-left:2em; clear:left;}
#gridContainer .contentItemContent ul li {display:list-item; margin-left:1em; list-style-type:disc;}
#gridContainer .contentItemContent ol {list-style:decimal outside none; margin-bottom:1em; margin-left:2em; clear:left;}
#gridContainer .contentItemContent ol li {display:list-item; margin-left:1em; list-style-type:decimal;}
#gridContainer ul.supportsectionlink {list-style:none; margin-bottom:1em; margin-left:0;}
#gridContainer ul.supportsectionlink li.supportsectionlink {display:block; margin-left:0;}
#gridContainer ul.supportsectionlink li.supportsectionlink a {color:#CC0000; text-decoration:underline;}
#gridContainer ul.supportsectionlink li.supportsectionlink a:visited {color:#990000;}
#gridContainer ul.supportsectionlink li.supportsectionlink a:hover, 
#gridContainer ul.supportsectionlink li.supportsectionlink a:active, 
#gridContainer ul.supportsectionlink li.supportsectionlink a:focus {
  /* color:#FF6600; 20071127:hover no change */
}
/* === LEGEND DEFINE : Default for WRITESUP page === */
#legendDefineArea {float:left; width:100%; background-color:#F5F5F5; margin-bottom:10px; padding-top:3px; padding-bottom:3px;}
#legendDefineLabel {float:left; width:5em;}
#legendDefineHolder1 {float:left; width:100%; margin-right:-5em;}
#legendDefineHolder2 {margin-right:5em;}
#legendDefine {
width:100%;
overflow:hidden;
}
#legendDefineLabel a {padding-left:5px; font-weight:bold; line-height:1.15em;}
#legendDefineLabel a:link {color:#000000;}
#legendDefineLabel a:visited {color:#666666;}
#legendDefineLabel a:hover, #legendDefineLabel a:active, #legendDefineLabel a:focus {
  /* color:#FF6600;20071127:hover no change */
}
#legendDefineLabel .textHolder {padding-left:5px; font-weight:bold;}
#legendDefine ul 
{
float:left; display:inline; list-style:none; width:99.9%;
}
#legendDefine ul li 
{
float:left;
display:inline;
font-weight:normal;
margin:0;
padding:0 5px 0 0;
white-space:nowrap;
} 
#legendDefine img {vertical-align:text-top;} 
/* 20071120 add - legend for online service */
.contentItemArea .expandLeftSide {float:left; padding:6px 3px 3px 5px;} /* T R B L */
/* 20071221: icon pad-top use 0.3 for en */
.legendDefineOSIcon { float:left; width:1.8em;  margin:0; padding:0.3em 0.2em 0 0; /* TRDL */}
/* 20071221: changed width */
#legendDefineBullet1 { float:left; padding:0; margin:0;  width:6.1em; }
#legendDefineBullet2 { float:left; padding:0; margin:0;  width:6.6em; }
#legendDefineBullet3 { float:left; padding:0; margin:0;  width:9.8em; }
#legendDefineBullet4 { float:left; padding:0; margin:0;  width:6.2em; }
#legendDefineBullet5 { float:left; padding:0; margin:0;  width:6em;   }
/* Width: OSIcon + textHolder + (0.1em or 0.2em) = Bullet */
#legendDefineBullet1 .textHolder {  float:left; width:3.9em; line-height:1.2em;}
#legendDefineBullet2 .textHolder { float:left; width:4.5em; line-height:1.2em;}
#legendDefineBullet3 .textHolder { float:left; width:7.6em; /* 0.2em space */ line-height:1.2em;}
#legendDefineBullet4 .textHolder { float:left; width:4.1em; padding:0.5em 0 0.8em 0; line-height:1.2em; }
#legendDefineBullet5 .textHolder {  float:left; width:3.9em; padding:0.5em 0 0.8em 0; line-height:1.2em; }
/* 20071221: add line-height because "g" in "printing" cannot see the lower part clearly */
/* 20080102: override for safari 3.0.4 on winxp */
body:first-of-type #legendDefine .textHolder { padding-left:0.8em; }
body:first-of-type #legendDefineBullet1 { width:6.9em; }
body:first-of-type #legendDefineBullet2 { width:7.4em; }
body:first-of-type #legendDefineBullet3 .textHolder { width:8em; }
body:first-of-type #legendDefineBullet3 { width:10.6em; }
body:first-of-type #legendDefineBullet4 { width:7.2em; }
body:first-of-type #legendDefineBullet5 { width:6.8em;   }
/* for english, no need to have a "textHolder" to padding top
 since all legend Text is 2 lines */
/* #legendDefineBullet1 .textHolder {} */
/* === LEGEND DEFINE : ONLINE SERVICES override === */
/* 20071126: need to hack in a group */
/* 20071221: change for new text */
#onlineServiceContainer #legendDefineLabel {float:left; width:8em; /* padding-top:0.6em; */ }
#onlineServiceContainer #legendDefineHolder1 {float:left; width:100%; margin-right:-8em;}
#onlineServiceContainer #legendDefineHolder2 {margin-right:8em;}
#onlineServiceContainer #legendDefine {
width:100% !important;
width:98%;	/* hack for IE6, the chinese legend definition sometimes drop to 2nd line in IE6 */
overflow:hidden;
}
#onlineServiceContainer #legendDefine ul li 
{
white-space:normal;
padding:2px 10px 2px 0;
}
/* 20071121 add - bullet point style for online service */
#onlineServiceContainer .contentItemContent {
font-size:1.15em; 
float:left;
width:100%; /* big container 100% */
border:0; margin:0; padding:0;
border-top:4px solid #FFFFFF;
}
#onlineServiceContainer .contentItemContent ul {float:left; list-style:none; width:100%; padding:0; margin:0; }
#onlineServiceContainer .contentItemContent ul li {
/* float:left; IE float left will not have bullet */ /* display:table-header-group; */
 display:list-item; 	          /* li must be list item */
 	 list-style-type:none;          /* cannot be disc, because need padding or margin */	 
 margin:0; padding:0; border:0; /* dont do style here, do inside */
 border-bottom:2px solid #FFFFFF;	/* white */
 width:100%; 	                  /* 100% is ok when no bullet point and no margin/padding left-right */
 background-color:#F0F0F0;			/* light grey */
 float:left; clear:both; 
}
#onlineServiceContainer .contentItemBullet  {	width:100%; }
#onlineServiceContainer .contentItemOSLinkHolder1  {	float:left; margin-left:-125px; width:100%; }
#onlineServiceContainer .contentItemOSLinkHolder2  {	margin-left:125px; }
#onlineServiceContainer .contentItemOSLinkHolder3  {	width:100%; }
#onlineServiceContainer .contentItemOSLink  {	padding:6px 0 6px 27px; 
background: url(/images/background/disc.gif) 10px 12px no-repeat;
}
/* right and align left
#onlineServiceContainer .legendRightSideHolder1 { float:left; width:125px; }  
#onlineServiceContainer .legendRightSide        { float:left; padding:0.3em 2px 0 0 ; }  
#onlineServiceContainer .legendRightSide img    { padding-left:2px; ; }
*/
/* right and align right */
#onlineServiceContainer .legendRightSideHolder1 { float:left; width:125px; }  
#onlineServiceContainer .legendRightSide { padding:0.3em 2px 0 0 ; text-align:right;}  
#onlineServiceContainer .legendRightSide img { padding-right:2px; ; }
/* for pretty, the right-est icon is 2+2=4px padding */
/* === GENERIC column seperate to Left and Right === */
.columnAreaHolder1 {float:left; width:100%;}
.columnAreaHolder2 {margin-right:10px;}
.columnArea {float:left; width:100%;}
.columnLeft {float:left; width:50%; position:relative;}
.columnRight {float:right; width:50%; margin-right:-10px; position:relative;}
/* === Conformance Logo === */
#conformanceLogo {width:100%; margin:0; padding:0; float:left; padding-bottom:5px;}
#conformanceLogo ul {float:left; list-style:none; padding:0;}
#conformanceLogo ul li {display:inline; margin:0; padding:0 5px 0 0;}
/* === General style for thematic sites === */
.freestyle1content {font-size:1.15em; line-height:1.15em;}
.freestyle1content p {margin:0 0 0.5em 0;}
/* === Anchor list for pages like Links to Government and Related Organisations === */
.horizontalAnchor {float:left; width:100%;}
.horizontalAnchor ul {float:left; list-style:none; padding:0;}
.horizontalAnchor ul li {float:left; display:inline; padding:0 10px 2px 10px; white-space:nowrap; margin-top:2px; border-right:1px solid #000000; font-size:1.15em;}
.verticalAnchor {float:left; width:100%;}
.verticalAnchor ul {float:left; list-style:none; padding:0;}
.verticalAnchor ul li {display:list-item; margin-left:0; font-size:1.15em;}
#pageAnchor ul li a:link,
#pageAnchor ul li a:visited { color:#000000; text-decoration:underline;}
#pageAnchor ul li a:hover,
#pageAnchor ul li a:active,
#pageAnchor ul li a:focus  { 
  /* color:#FF6600; 20071127:hover no change */
  text-decoration:underline;
}
/* action is adv search only */
.actionBox{
float:left; 
margin-top:10px;
width:100%;
/* border:1px solid #CCCCCC;
 background-color:#F0F0F0; */
/* margin-bottom:10px; cannot do */
} /* Container */
.actionBoxH{
width:100%;
/* margin-right:160px; */
}
.actionBtn{float:right; text-align:right; padding: 5px 5px 5px 5px;} /* Container */
#actionBtnBack{border: 0px; background-color:#666666; color:#FFFFFF; font-size:1.15em; }
#actionBtnContinue{border: 0px;background-color:#CC0000; color:#FFFFFF; font-size:1.15em; }
.advancedSearchSponserPart
{
float:left;
border:0px;
text-align:left;
padding-top:7px;	/* padding to make the image like vertical align */
}
#subFooter{
float:left; 
width:100%;
margin-top:10px;
}
#subFooterRight{
width:100%;
}
/* === Table for all contentItemContent === */
.odd { background-color:#F0F0F0; }
.even { background-color:#FFFFFF; }
#termsOfUse {
clear:both;
border:2px solid #DCE3F4;
height:12em;
margin:0 0 1em 0;
overflow:hidden;
padding:0.5em;
}
#termsOfUse ol {list-style:decimal outside;}
#termsOfUse ol li {list-style:decimal outside;padding:0 0 1em 0;}
/* 20080325 add for search assist */
#searchAssist { 
display:none;	/* hide when load */
/* border:1px solid #000000;  - black - when it is div */
background-color:#FFFFFF; /* white */
text-align:left;
position:absolute;
float:left;
z-index:99;
}
#searchAssist select {
font-weight:normal;
/*	font-size:0.95em; */ /* 20080508: make it follow font size change, 0.95 to make "Larger" size can show 3 lines */				
line-height:1em;
/*	font-family:inherit; */
}
/* -- */
.arrowlistmenu{
float:left;
width:140px;
}
.menuItem
{
font-family: inherit;
PADDING-TOP: 3px;
PADDING-BOTTOM: 3px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 10px;
    CURSOR: hand;
    LINE-HEIGHT: 18px;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: #FCF6E6;
text-decoration: none;
text-align:left;
}
.menuItem a{
text-decoration: none;
}
.menuItemS
{
font-family: inherit;
PADDING-TOP: 3px;
PADDING-BOTTOM: 3px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 10px;
    CURSOR: hand;
    LINE-HEIGHT: 18px;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: #CCCCCC;
text-decoration: none;
text-align:left;
}
.menuItemS a{
text-decoration: none;
color:#333333;
}
.ItemMouseOver
{
font-family: inherit;
PADDING-TOP: 3px;
PADDING-BOTTOM: 3px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 10px;
    CURSOR: hand;
    LINE-HEIGHT: 18px;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: #CCCCCC;	
    text-decoration: none;
    text-align:left;
}
.menuheader_expandable 
{
font-family: inherit;
PADDING-TOP: 12px;
PADDING-BOTTOM: 12px;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    CURSOR: pointer;
    LINE-HEIGHT: 18px;
    BORDER-BOTTOM: white 1px solid;
    color:#ba4343;
    BACKGROUND-COLOR: #FCF6E6;
    font-weight: Bold;
    text-decoration: none;
    text-align:left;
}
.menuheader_expandable a{
color: #ba4343;
text-decoration: none;
}
.menuheader_headerNoSub 
{
font-family: inherit;
PADDING-TOP: 12px;
PADDING-BOTTOM: 12px;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    CURSOR:pointer;
    LINE-HEIGHT: 18px;
    BORDER-BOTTOM: white 1px solid;
    color:#ba4343;
    BACKGROUND-COLOR: #FCF6E6;
    font-weight: Bold;
    text-decoration: none;
    text-align:left;
}
.menuheader_headerNoSub a{
color: #ba4343;
text-decoration: none;
}
.menulink{
text-decoration: none;
color:#ba4343;
}
.menulink2{
color:#333333;
text-decoration: none;
}
.hiddenmenu{
display:none;
visibility: hidden;
}
.hmenu{
display:none;
visibility: hidden;
}
.bodytxtsm{
float:left;
width:100%;
display:block;
font-size:1.15em;
margin-left: 10px;
margin-bottom: 5px;	
}
.header1{
float:left;
width:100%;
display:block;
margin-bottom:20px;
vertical-align:middle;
background-color:#FFFFFF;
}
.wheader{
color:#000000;
font-size: 1.25em;
    font-weight: Bold;
    margin-left: 20px;
    vertical-align:bottom;
}
.headtitle{
color:#c73535;
float:left;
margin-left: 10px;
display:block;
width:100%;
font-size: 1.15em;
    font-weight: Bold;
    margin-bottom: 15px;
}
.questiontitle{
float:left;
margin-left: 10px;
width:100%;	
margin-bottom: 10px;
font-weight:bold;
line-height:30px;
}
.pageContentHolderBlank{
float:left;
margin:5px;
width:100%;	
}
.contentBody{
float:left;
width:100%;	
height:100%;
}
ol.numitem{
float: left;
font-size:1em; 
line-height:1.15em; 
list-style-image: none;
}
ol.numitem li.div * {
vertical-align:middle; 
list-style-image: none;
padding-left: 0px; 
padding-top: 10px;
}
.listitem{
margin-left:5px;
font-size:1em; 
line-height:1.15em; 
padding-left:15px; 
text-indent:0;
vertical-align:middle;
list-style-image: url(../../img/tri-ff9900.gif);
}
.listitem li.div {display:table-cell;vertical-align:middle;}
.listitem li.div * {vertical-align:middle;}
.subitem{
margin-top: 5px;
margin-left: 5px;
font-size:1em; 
line-height:1.15em; 
padding-left:55px; 
text-indent:0;
vertical-align:middle;
}
.subitem li{
vertical-align:middle;
list-style-image: url(../../img/bullet_sub_sub.gif);
}
.subitem li.div {display:table-cell;vertical-align:middle;}
.subitem li.div * {vertical-align:middle;}
.subsubitem{
margin-top: 5px;
margin-left: 5px;
font-size:1em; 
line-height:1.15em; 
padding-left:80px; 
text-indent:0;	
vertical-align:middle;
}
.subsubitem li{
vertical-align:middle;
list-style-image: url(../../img/bullet_sub.gif);
}
.subsubitem li.div {display:table-cell;vertical-align:middle;}
.subsubitem li.div * {vertical-align:middle;}
#mainpage{
float:left;
min-width:762px;	
max-width:1220px;
width:880px;
height:auto;
}
#mainpage2{
float:left;
min-width:762px;	
max-width:1220px;
display:table;
width:880px;
}
#maindesc{
color:#666666;
font-size:81.4%;
}
#mainlargepicholder{
float:left;
height:100%;
}
.mainitem1{
float:left;
}
.mainitem2{
float:left;
width:512px;
height:429px;
/*	border: 1px #CCCCCC solid; */
}
.mainitem3{
float:left;
}
.mainitem4{
float:left;
}
.mainitem5{
float:left;
}
.mainitem6{
float:left;
}
table.bodytxttbl td{
 	font-size:90%
 	padding:0px;
}
.bodytxtsm1a{
float:left;
display:block;
width:100%;
margin-left:15px;
padding:4px;
margin-bottom:15px;
font-size:1.15em;
}
.bodytxtsm1{
float:left;
display:block;
width:100%;
line-height:30px;
margin-left:40px;
}
.bodytxtsm2{
float:left;
background-color:#CCCCFF;
width:140px;
display:inline;
margin:2px;
}
.bodytxtsm3{
float:left;
background-color:#E1E1FF;
width:180px;
display:inline;
margin:2px;
}
#faqbody{
float:left;
width:90%;
margin-left: 5px;
margin-bottom: 10px;	
}
.faqtitle{
float:left;
width:100%;	
font-weight:normal;
/*	font-size:1.15em; */
line-height:1.2em; 
margin-bottom: 10px;
text-align:justify;	
}
.faqanswertitle{
float:left;
width:100%;	
color: #0000ff;
font-weight:normal;
/*	font-size:1.15em; */
line-height:1.2em; 
margin-bottom: 5px;
text-align:justify;	
}
.faqanswer{
float:left;
width:100%;
display:block;
/*	font-size:1.15em; */
margin-left: 10px;
text-align:justify;	
margin-bottom: 5px;	
}
.backtotop{
float:right;
margin-top: 5px;
margin-bottom: 20px;
}
#subHeaderRight{
float:left;
width:80%;
}
#dmnSpMidLeft{
font-size:1.15em; 
}
.tbttxtsm1{
float:left;
display:block;
width:800px;
line-height:30px;
margin-left:0px;
}
.tbttxtsm1a{
float:left;
background-color:#CCCCFF;
width:16%;
height:100%;
display:inline;
margin:1px;
font-weight:bold;
}
.tbttxtsm1b{
float:left;
background-color:#CCCCFF;
width:80%;
display:inline;
margin:1px;
font-weight:bold;
}
.tbttxtsm2a{
float:left;
background-color:#EEEEFF;
width:16%;
height:auto;
margin:1px;
}
.tbttxtsm2b{
float:left;
background-color:#EEEEFF;
width:80%;
margin:1px;
}
.tbttxtsm3a{
float:left;
background-color:#FFFFCC;
width:16%;
height:auto;
margin:1px;
}
.tbttxtsm3b{
float:left;
background-color:#FFFFCC;
width:80%;
margin:1px;
}
.bodytxtlinkb{
font-weight:normal;
font-size:1.15em;
}
.welcomedesc{
font-size: 0.9em;
text-align:justify;	
}
.welcomedesc_zh{
text-align:justify;	
font-size: 1.0em;
}