body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #f4f4f4;
	margin: 0; 
	padding: 0;
	text-align: left;
	color: #333333;
}
#head {
	background: #f4f4f4;
	height: 32px;
	
}
#header {
	width:976px;
	height: 32px;
	background: #f4f4f4;
	font-size: 12px;
	color: #999999;
	padding-top: 6px;
	text-align: right;	
}
#header .spacer{
	padding-left: 16px;
}
#header a {
	color: #979797;
	text-decoration: none;
}
#header .textfield {
	font-size: 11px;
	height: 12px;
	color: #999999;
}
#top{
	background-color: #6fbbc9;
	/* background: url(../images/top.gif) repeat-x; */
	background: url(/HKPCFAssets/images/top.gif) repeat-x;	
	height: 206px;
}
#topbar {
	width:976px;
	height: 206px;
	/* background: url(../images/top_bg.jpg) repeat-x; */
	background: url(/HKPCFAssets/images/top_bg.jpg) repeat-x;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
#master0 { /* fadeshow banner position adjustment */
	/* display: block; */
	top: -206px;
	left: 338px;
}
#container { 
	width: 100%;
	background: #86c9d5;
	text-align: left;
} 
#maincontent {
	/* background: url(../images/content_bg.gif) repeat-y; */
	background: url(/HKPCFAssets/images/content_bg.gif) repeat-y;
	width:976px;
}
#left {
	float: left;
	width: 210px;
	background: #FFFFFF;
	text-align: left;
}
#left .menu {
	margin-top: 4px;
	margin-bottom: 4px;	
	padding-top: 16px;
	padding-bottom: 26px;
	padding-left: 13px;	
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;	
}
#left .menuitem {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 14px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 45px;
	background: #bee1e7;
	font-size: 13px;
	font-weight: bolder;
	color: #666666;
}
#left .menuitem a {
	border: 0px;
}
#left .login {
	background: #cccccc;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 28px;
	padding-right: 20px;			
}
#left .login .textfield{
	width: 110px;
}
/*
#left .login a {
	color: #666666;
	text-decoration: underline;
}
*/
#left .reg {
	background: #cccccc;
	color: #333333;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 28px;
	padding-right: 20px;
	border-top: 1px solid #FFFFFF;		
}
#right {
	float: left;
	width: 766px;
}
#content {
	float: left;
	width: 586px;
	background: #FFFFFF;
}
#content .inside {
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 18px;			
}
#content .text {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 18px;			
}
#content .pagelink {
	font-size: 12px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;	
}
#content .pagelink a {
	color: #666666;
	text-decoration: none
}
#content .pagelink a:hover {
	color: #7ec3d0;
	text-decoration: underline
}

#rightbar {
	float: left;
	text-align: center;
	padding-top: 45px;	
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#basebar {
	/* background:url(../images/base_bg.gif) repeat-x; */
	background:url(/HKPCFAssets/images/base_bg.gif) repeat-x;
	margin: 0 auto;
	padding: 0;
	height: 16px;
	clear: both;
}
#footer {
	background: #f4f4f4;
}
#copyright {
	width:976px;
	background: #f4f4f4;
	font-size: 12px;
	color: #999999;
	padding-top: 6px;
	text-align: right;
}
#copyright a {
	color: #979797;
	text-decoration: none;
}
.smallprint {
	font-size: 11px;
	padding-left: 10px;
}
.smallprint a {
	color: #979797;
	text-decoration: none;
}
.subtitle {
	font-size: 15px;
	font-weight: bold;
	padding-left: 10px;	
	text-align: left;
}
.topic {
	font-size: 15px;
	font-weight: bold;
	color: #336699;
}

/* search page */
.pagelinks {
	font-size: 11px;
	text-align: center;
	width: 502px;
	padding-left: 20px;
	clear: both;
	line-height: 21px;
}

.pagelinks ul {
	margin:0;
	padding:0;
	list-style: none;
}

.pagelinks li {
	float:left;
	border: 1px solid #cccccc;
	width: 20px;
	height: 20px;
	color: #cccccc;
	text-align: center;
	white-space:nowrap;
	margin: 5px;
	display:block;
	background-color: #ffffff;	
}
.pagelinks li a {
	color: #003366;
	text-decoration: none;
	display:block;
	height: 20px;
}

.pagelinks li a:hover {
	background-color: #e9e9e9;
}

.pagelinks .none {
	border: none;
	background-color: #ffffff;	
}

.pagelinks .right {
	width: 60px;
	height: 21px;	
}

.pagelinks .left {
	width: 60px;
	height: 21px;
}

/* disclaimer box */
#disclaimer {
	border: solid 1px #cccccc;
	background: #ffffff;
	color: #666666;
        width: 586px;
        z-index: 100;
        position: absolute;
	/* padding-top: 5px; */
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
a.blueBtn {
        text-decoration:none;
        color:#fff;
        /* background:url(../images/btnBlue.gif); */
        background:url(/HKPCFAssets/images/btnBlue.gif);
        width:98px;
        line-height:27px;
        display:block;
        text-align:center;
        /* font-size:12px; */
        /* margin-right:15px; */
}
a.blueBtn:hover {
        color:#003399;
        font-weight:bold;
}
a.greyBtn {
	text-decoration:none;
	color:#fff;
	/* background:url(../images/btnGrey.gif); */
	background:url(/HKPCFAssets/images/btnGrey.gif);
	width:98px; 
	line-height:27px; 
	text-align:center;
	display: block;
	/* font-size:12px; */
	/* margin-right:15px; */
}
a.greyBtn:hover {
	color:#000;
	font-weight:bold;
}
a.orangeBtn {
        text-decoration:none;
        color:#fff;
        /* background:url(../images/btnOrange.gif); */
        background:url(/HKPCFAssets/images/btnOrange.gif);
        width:98px;
        line-height:27px;
        display:block;
        text-align:center;
	float: right;
        /* font-size:12px; */
        /* margin-right:15px; */
}
a.orangeBtn:hover {
        color:#fff;
	/* background:url(../images/btnRed.gif); */
	background:url(/HKPCFAssets/images/btnRed.gif);
        font-weight:bold;
}

/* --- added 2008 11 05 */
#content .pagelink {
	font-size: 12px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;	
}
#content .pagelink a {
	color: #666666;
	text-decoration: none
}
#content .pagelink a:hover {
	color: #7ec3d0;
	text-decoration: underline
}

/* bullet */
.altlist {
}
.altlist ul {
	margin: 5px 5px 10px 18px;
	padding: 0;
}
.altlist ol {
	margin: 5px 5px 10px 28px;
	padding: 0;
}
.altlist .sq {
	list-style-type:square;
}
.altlist .color01, .inside .color01 {
	color: #e68b6f;
}
.altlist .color02, .inside .color02 {
	color: #62b1c0;
}
.altlist .color03, .inside .color03 {
	color: #336699;
}

/* table */
.aaTable {
	background-color: #62b1c0;
}
.aaTH {
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #7bc2cf;	
}
.aaTC1 {
	font-size: 13px;
	color: #333333;
	background-color: #FFFFFF;	
}
.aaTC2 {
	font-size: 13px;
	color: #000000;
	background-color: #98d4df;	
}
.aaTC3 {
	font-size: 13px;
	color: #000000;
	background-color: #62b1c0;	
}

/* --- */
.bbTable {
	background-color: #F0F0F0;
}
.bbTH {
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #9b9b9b;	
}
.bbTC1 {
	font-size: 13px;
	color: #000000;
	background-color: #E0E0E0;	
}
.bbTC2 {
	font-size: 13px;
	color: #000000;
	background-color: #CCCCCC;	
}
.bbTC3 {
	font-size: 13px;
	color: #000000;
	background-color: #AAAAAA;	
}

/* --- */
.ccTable {
	background-color: #f0bfb0;
}
.ccTH {
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #e68b6f;	
}
.ccTC1 {
	font-size: 13px;
	color: #000000;
	background-color: #edd0c7;	
}
.ccTC2 {
	font-size: 13px;
	color: #000000;
	background-color: #e6b3a3;	
}
.ccTC3 {
	font-size: 13px;
	color: #000000;
	background-color: #FFFFFF;	
}

.pagelink_color01 a {
	font-size: 14px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;	
	color: #e68b6f;
	text-decoration: none
}
.pagelink_color02 a {
	font-size: 14px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;	
	color: #62b1c0;
	text-decoration: none
}
.pagelink_color03 a {
	font-size: 14px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;	
	color: #336699;
	text-decoration: none
}
.pagelink_color01 a:hover {
	color: #62b1c0;
	text-decoration: underline
}
.pagelink_color02 a:hover {
	color: #336699;
	text-decoration: underline
}
.pagelink_color03 a:hover {
	color: #e68b6f;
	text-decoration: underline
}

a {
	text-decoration: none;
/*	color: #336699;*/
	color: #006699;
}
a:hover {
	text-decoration: none;
/*	color: #2a5297;*/
	color: #003399;
}
.alert {
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}
.error {
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
}
#poweredby {
	display: none;
	float: right;
	font-size: 8px;
	color: #AAAAAA;
	text-decoration: none;
}
#poweredby a {
        font-size: 8px;
        color: #AAAAAA;
        text-decoration: none;
}
#poweredby a:hover {
	color: #5C1A1F;
	text-decoration: none;
}


/* added 20090401 */
.logout {
	background: #cccccc;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 28px;
	padding-right: 20px;
	text-align: center;		
}
.logout a {
	color: #333333;
}
.logout a:hover {
	color: #0000CC;
}
.qnatopic {
	padding: 5px 5px 5px 5px;
	background-color: #28739d;
	Color: #FFFFFF;
	border: 1px solid #28739d;
	border-bottom-width: 0px;
}
.qnatopic a {
	color: #ffffff;
}
.qnatopic a:hover {
	color: #003399;
}
.qnaans {
	padding: 5px 8px 5px 8px;
	border: 1px solid #28739d;	
	border-top-width: 0px;
}

.qnaansqes {
	padding: 5px 5px 5px 5px;
	background-color: #b7dee5;
	color: #000000;
}