body {
	background:transparent url(../images/bg_skyline2.gif) repeat-x center top;
	color:#333333;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	line-height:15px;
	text-align:center;
}
a:link{
	color:#c83037;
	text-decoration:underline;
}
a:visited{
	color:#c83037;
	text-decoration:underline;
}
a:hover{
	color:#c83037;
	text-decoration:none;
} 
.page_container {
	margin-left:auto;
	margin-right:auto;
	padding-left:0px;
	position:relative;
	text-align:left;
	width:960px;
	
}
img {
	border:0px;
}
/**********************************header**********************************/
div#header {

	float:left;
	height:110px;
	margin-right:12px ;
	width:960px;

}

.logo_hkcrc {
	border:0 none;
	float:left;
	/*margin-bottom:13px;*/
	margin-top:20px;
	padding-left:56px;
}
.topContainer {
	display:block;
	float:right;
	height:30px;
	line-height:13px;
	margin-right:15px;
	overflow:hidden;
	position:relative;
	width:500px;
}
.topRight {
	float:right;
	list-style-position:outside;
	list-style-type:none;
	margin-top:10px;
}
.topRight li{
	
	padding-left:10px;
}

.topRight *{
	color:#000;
	display:block;
	float:left;
	text-decoration:none;
}
* {
	margin:0;
	padding:0;
}

/**********************************top Navigation**********************************/
.topNav {
	display:block;
	float:left;
	margin-bottom:15px ;
	padding-left:0px;
	position:relative;
	width:960px;
	height:62px;
}
.topMenu{
	/*background:transparent url(../images/bg_topnav.gif) repeat-x top;*/
	height:72px;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding-left:0px;
	width:960px;
}

.topMenu li{
	
	padding-left:5px;
}
.topMenu *{
	color:#000;
	display:block;
	float:left;
	text-decoration:none;
}
* {
	margin:0;
	padding:0;
}

/**********************************content style**********************************/
.contentContainer{
	background:transparent url(../images/bg_dot1.gif) repeat-y ;
	float:left;
	position:relative;
	width:960px;
	margin-bottom:12px;
	overflow:visible;
}
/**********************************forum style**********************************/
.forumContainer{
	float:left;
	position:relative;
	width:960px;
	margin-top:20px;
	margin-bottom:12px;
	overflow:visible;
}

table.forumStyle, tr.forumStyle, td.forumStyle{
	width:960px;
	font-size:11px;
}
table.forumStyle2, tr.forumStyle2, td.forumStyle2{
	width:960px;
	font-size:12px;
}
.replyBox{
	width:550px;
	font-size:12px;
	font-family:arial,helvetica,sans-serif;
}

.forumRowSurprise{
	background-color:#fadae5;
	padding:10px;
}

.forumRowDSurprise{
	background-color:#ffc2d9;
	padding:10px;
}

.forumRowGray{
	background-color:#f1f1f1;
	padding:10px;
}
/*.forumRowGray a:link{
	color:#000;
	text-decoration:underline;
}
.forumRowGray a:visited{
	color:#000;
	text-decoration:underline;
}
.forumRowGray a:hover{
	color:#000;
	text-decoration:none;
}*/
.forumRowDgray{
	background-color:#e6e6e5;
	padding:10px;
}

.forumHeader1{
	width:550px;
	font-weight:bold;
	background: url(../images/bg_red_corner.gif) no-repeat top left #e82c34;
	color:#fff;
	padding:10px;
}
.forumHeader2{
	width:60px;
	font-weight:bold;
	background-color:#c83037;
	color:#fff;
	padding:10px;
}
.forumHeader3{
	width:60px;
	font-weight:bold;
	background-color:#c83037;
	color:#fff;
	padding:10px;
}
.forumHeader4{
	font-weight:bold;
	background: url(../images/bg_red_corner2.gif) no-repeat top right #e82c34;
	color:#fff;
	padding:10px;
}
.forumTopicHeader1{
	width:450px;
	font-weight:bold;
	background: url(../images/bg_red_corner.gif) no-repeat top left #e82c34;
	color:#fff;
	padding:10px;
}
.forumTopicHeader2{
	width:60px;
	font-weight:bold;
	background-color:#c83037;
	color:#fff;
	padding:10px;
}
.forumTopicHeader3{
	width:120px;
	font-weight:bold;
	background-color:#c83037;
	color:#fff;
	padding:10px;
}
.forumTopicHeader4{
	width:60px;
	font-weight:bold;
	background-color:#c83037;
	color:#fff;
	padding:10px;
}
.forumTopicHeader5{
	font-weight:bold;
	background: url(../images/bg_red_corner2.gif) no-repeat top right #e82c34;
	color:#fff;
	padding:10px;
}
.forumReplyHeader1{
	width:180px;
	font-weight:bold;
	background: url(../images/bg_red_corner.gif) no-repeat top left #e82c34;
	color:#fff;
	padding:10px;
}
.forumReplyHeader2{
	
	font-weight:bold;
	background-color:#c83037;
	color:#fff;
	padding:10px;
}
.pageNumberBar{
	width:960px;
	font-size:11px;
	margin-bottom:5px;
	margin-top:5px;
}
.row1{
	
	padding-left:10px;
}
.row2{
	padding-right:10px;
}
.topic{
	width:960px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
}
table.ipbtable, tr.ipbtable, td.ipbtable {
	background:transparent none repeat scroll 0 0;
	color:#222222;
	font-size:11px;
	line-height:135%;
}
	
/**********************************content left**********************************/
.contentLeft{
	position:relative;
	width:687px;
	float:left;
}
.contentLeftRow1{
	position:relative;
	height:170px;
	width:687px;
	margin-bottom:10px;
	
}
.memberLogin{
	float:left;
	position:relative;
	width:215px;
	height:165px;
	background:transparent url(../images/bg_member2.gif) no-repeat ;
	margin-right:20px;
	padding-top:10px;
}
.memberLoginRow1{
	position:relative;
	width:200px;
	height:25px;
	margin-top:7px;
	margin-left:17px;
}
.memberLoginRow2{
	position:relative;
	height:22px;
	margin-top:3px;
	margin-right:15px;
	text-align:right;
}

.memberLoginCol1{
	position:relative;
	float:left;
}
.memberLoginCol2{
	position:relative;
	float:left;
	margin-left:5px;
}
.memberInput{
	width:120px;
}
#monthFeature{
	float:left;
	position:relative;
	width:432px;
	height:165px;
	padding-top:15px;
	padding-left:17px;
	background:transparent url(../images/month_feature2.jpg) no-repeat ;
}
#monthFeature .row1{
	position:relative;
	width:200px;
	height:50px;
	
	
}
#monthFeature .row2{
	position:relative;
	width:200px;
	padding-left:15px;
	margin-top:0px;
	color:#fff;

}

#monthFeature a:link{
	color:#fff;
	text-decoration:underline;
}
#monthFeature a:visited{
	color:#fff;
	text-decoration:underline;
}
#monthFeature a:hover{
	color:#fff;
	text-decoration:none;
} 
.contentLeftRow2{
	position:relative;
}
.aboutUs{
	float:left;
	position:relative;
	padding-left:14px;
	width:337px;
	background:transparent url(../images/bg_dot2.gif) repeat-y right ;	
}
.aboutUsLeft{
	float:left;
	position:relative;
	width:214px;
}
.aboutUsRight{
	float:left;
	position:relative;
	width:90px;
	padding-left:10px;
}

.highlight{
	float:left;
	position:relative;
	padding-left:15px;
	width:320px;
}
.highlightLeft{
	float:left;
	position:relative;
	width:196px;
}
.highlightRight{
	float:left;
	position:relative;
	width:91px;
	padding-left:10px;
}
/**********************************content right**********************************/
.contentRight{
	position:relative;
	width:258px;
	float:left;
	padding-left:15px;
	text-align:left;
}
.contentRightRow{
	position:relative;
	float:left;
}


/**********************************bubble message**********************************/
#contentShare {
	position:relative;
	float:left;
	height:84px;
	margin-top:10px;
	color:#fff;
	font-size:11px;
	text-align: justify
}
#contentShare a:link{
	color:#fff;
	text-decoration:underline;
}
#contentShare a:visited{
	color:#fff;
	text-decoration:underline;
}
#contentShare a:hover{
	color:#fff;
	text-decoration:none;
}
#contentShare .blueMan{
	position:relative;
	float:left;
	background:transparent url(../images/img_cartoon_man_blue.gif) no-repeat bottom left ;
	width:63px;
	height:84px;
}
#contentShare .blueThumb{
	position:relative;
	float:left;
	padding-top:36px;
	padding-left:9px;
}
	
#contentShare .blueBubble{
	position:relative;
	float:left;
	background:transparent url(../images/bubble_blue.gif) no-repeat ;
	width:180px;
	height:84px;
}
#contentShare .blueText{
	position:relative;
	float:left;
	width:160px;
	padding-top:5px;
	padding-left:15px;
}
#contentShare .orangeMan{
	position:relative;
	float:left;
	background:transparent url(../images/img_cartoon_man_orange.gif) no-repeat bottom right ;
	width:63px;
	height:84px;
}
#contentShare .orangeThumb{
	position:relative;
	float:left;
	padding-top:36px;
	padding-left:19px;
}
	
#contentShare .orangeBubble{
	position:relative;
	float:left;
	background:transparent url(../images/bubble_orange.gif) no-repeat ;
	width:180px;
	height:84px;
}
#contentShare .orangeText{
	position:relative;
	float:left;
	width:160px;
	padding-top:5px;
	padding-left:5px;
}
#contentShare .greenMan{
	position:relative;
	float:left;
	background:transparent url(../images/img_cartoon_man_green.gif) no-repeat bottom left ;
	width:63px;
	height:84px;
}
#contentShare .greenThumb{
	position:relative;
	float:left;
	padding-top:36px;
	padding-left:9px;
}
	
#contentShare .greenBubble{
	position:relative;
	float:left;
	background:transparent url(../images/bubble_green.gif) no-repeat ;
	width:180px;
	height:84px;
}
#contentShare .greenText{
	position:relative;
	float:left;
	width:160px;
	padding-top:5px;
	padding-left:15px;
}

#contentShare2{
	position:relative;
	float:left;
}
#contentShare2 .row1{
	position:relative;
	float:left;
	width:258px;
	margin-top:10px;
}
#contentShare2 .thumb{
	position:relative;
	float:left;
	padding-left:6px;
}	
/**********************************sponser logo group**********************************/
.logoGroup{
	
	float:left;
	height:135px;
	margin-right:0px ;
	width:960px;
	margin-bottom: 15px;
}
.major{
	position:relative;
	float:left;
	width:460px;
	height:135px;
	padding-left:14px;
	background:transparent url(../images/bg_dot2.gif) repeat-y right ;	
}
.sponser{
	position:relative;
	float:left;
	width:227px;
	height:135px;
	padding-left:10px;
	font-size:10px;
	background:transparent url(../images/bg_dot2.gif) repeat-y right ;	
}
.sponser a:link{
	color:#999999;
	text-decoration:underline;
}
.sponser a:visited{
	color:#999999;
	text-decoration:underline;
}
.sponser a:hover{
	color:#999999;
	text-decoration:none;
}
.organiser{
	position:relative;
	float:left;
	width:214px;
	height:135px;
	padding-left:10px;
}

/**********************************footer**********************************/
#footer {
	float:left;
	height:40px;
	margin-right:0px ;
	width:960px;
	padding-top: 15px;
	margin-bottom: 15px;
	background:transparent url(../images/bg_h_dot1.gif) repeat-x top ;	
	text-align:center;
	font-size:10px;
	color:#999999;
}
#footer a:link{
	color:#999999;
	text-decoration:underline;
}
#footer a:visited{
	color:#999999;
	text-decoration:underline;
}
#footer a:hover{
	color:#999999;
	text-decoration:none;
}
/**********************************personal information**********************************/
.personInfo td{
	font-size:12px;
	padding-left:20px;
	padding-top:5px;
}

.personInfo input{
	border: solid 1px #999;
}
/**********************************profile**********************************/
.myProfile td{
	font-size:12px;
	padding-left:20px;
	padding-top:5px;
	color:#FFF;
}

.dotLine{
	border-bottom: dashed 1px #999;
	height:10px;
}
/**********************************monthly Feature**********************************/
.monthlyFeature td{
	background-color:#fff;
	padding:10px;
	font-size:12px;
}
.monthlyFeature b{
	color:#ce6039;
}
/**********************************campany news content style**********************************/
.newsContainer{
	background:transparent url(../images/bg_news.gif) no-repeat right top ;
	float:left;
	position:relative;
	width:960px;
	margin-bottom:12px;
	overflow:visible;
	margin-top:10px;
}
/**********************************campaign news**********************************/
.campaignNews td{
	background-color:#fff;
	padding:10px;
	font-size:12px;
}
.campaignNews b{
	color:#00008a;
}
/**********************************member content style**********************************/
.contentContainer2{
	float:left;
	position:relative;
	width:960px;
	margin-bottom:12px;
	overflow:visible;
	margin-top:10px;
}
.contentContainer2 td{
	font-size:12px;
}

#marqueecontainer{
position: relative;
width: 100%; /*marquee width */
height: 53px; /*marquee height */
color: white;
overflow: hidden;
font-size:11px;
border: 0px;
padding: 1px;
padding-left: 4px;
}