/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#8BBFE9; layer-background-color:#8BBFE9; visibility:hidden}
a.c1menu { color:#000000; text-decoration:none;}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:1px; font-family:Ming, PMingLiu, tahoma,arial,helvetica; font-size:12px; font-weight:bold}
.clLevel0{color:#2A368E;}
.clLevel0over{ background-image: url(http://webstaging2.swd.hksarg/img/wallpaper/menu_bg-o.gif); background-color:#C1E3FF; layer-background-color:#C1E3FF; color:#2A368E; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#8BBFE9; layer-background-color:#8BBFE9; background: /img/wallpaper/menu_bg-o.gif}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; width:280; padding:2px; font-family:Ming, PMingLiu, tahoma, arial,helvetica; font-size:11px; font-weight:normal}
.clLevel1{background-color:#C1E3FF; layer-background-color:#C1E3FF; color:#2A368E;}
.clLevel1over{background-color:#E1F2FF; layer-background-color:#E1F2FF; color:#2A368E; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#F1F1F1; layer-background-color:#000000}

/* General */
.welcome { color:#000000; font-size:75%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; }
.subjecthd { color:#DA3A28; font-size:80%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:bold;}
.events { color:#000000; font-size:75%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; } 
.desc { color:#000000; font-size:75%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; } 
.desc_80 { color:#000000; font-size:80%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; }
.desc_100 { color:#000000; font-size:100%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; } 
.newsticker { color:#BB0E0E; font-size:12px; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; }
/*.events { color:#000000; font-size:12px; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; }*/
.navigation { color:#BB0E0E; font-size:75%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; }
.dialoghd { color:#BB0E0E; font-size:80%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:bold; }
.topichd { color:#BB0E0E; font-size:90%; font-family:Ming, PMingLiu, "Arial", "Helvetica", "sans-serif"; font-weight: bold;}
.subtopichd { color:#BB0E0E; font-size:80%; font-family:Ming, PMingLiu, "Arial", "Helvetica", "sans-serif"; font-weight: bold;}
.fontsize_txt { color:#000000; font-size:75%;  font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; }

a{ color:#BB0E0E; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal}
a.nav { color:#BB0E0E; text-decoration:underline; }
a.nav:hover { color:#BB0E0E; text-decoration:none; }
a.tickerlink { color:#BB0E0E; text-decoration:none; }
a.tickerlink:hover { color:#BB0E0E; text-decoration:underline; }
a.newslink { color:#000000; text-decoration:none; }
a.newslink:hover { color:#000000; text-decoration:underline; }


a.morelink { color:#BB0E0E; font-size:11px; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold } 
a.whitemore { color:#FFFFFF; font-size:11px; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold } 
a.link { color:#BB0E0E; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal } 
a.over { color:#BB0E0E; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold } 
a.over_75 { color:#BB0E0E; font-size:75%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold } 

a.link_75 { color:#BB0E0E; font-size:75%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal } 
a.link_80 { color:#BB0E0E; font-size:80%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal } 
a.link_85 { color:#BB0E0E; font-size:85%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal } 
a.link_90 { color:#BB0E0E; font-size:90%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal } 
a.link_95 { color:#BB0E0E; font-size:95%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal } 
a.link_100 { color:#BB0E0E; font-size:100%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal } 
a.link_110 { color:#BB0E0E; font-size:110%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal } 
a.link_120 { color:#BB0E0E; font-size:120%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal } 


/* Footer */
.copyright { font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:bold; font-weight:normal}

a.footerlink { color:#0909FF; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-weight:normal}
a.footerlink:hover { color:#0909FF; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal}
a.footerlink:visited { color:#BB3333; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-weight:normal}

/* CGI Form */
input.search { border-width : 1px; border-style : solid; border-color : Gray; font-family : "Lucida Sans","Lucida Grande",Arial; font-size : 11px; width : 120px;}
input.button { border-width : 1px; border-style : solid; border-color : Gray; font-family : "Lucida Sans","Lucida Grande",Arial; font-size : 11px; width : 50px;}
input.close { border-width : 1px; border-style : solid; border-color : Gray; font-family : "Lucida Sans","Lucida Grande",Arial; font-size : 11px; width : 100px;}
.selectcssa { 	border: 1px solid #7F9DB9; width: 170px; font : 8pt Tahoma; }
.selectqf { 	border: 1px solid #7F9DB9; width: 350px; font : 8pt Tahoma; }

/* Pages */
.greenheader { color:	#80C010; font-size:90%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:bold; text-decoration:none; }

/* Table */
table.event-table
{
        border-width : 1px;
        border-style : solid;
        border-color : #BB0E0E;
        background-color: #FFFAE0;
        border-collapse: collapse;
}

td.table-header_en
{
        font-size: 80%;
        font-family: Ming, PMingLiu, Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        background-color: #BB0E0E;
        color: #FFFAE0;
        text-align: left;
}

td.table-header_tc
{
        font-size: 80%;
        font-family: Ming, PMingLiu, Arial Unicode MS;
        font-weight: bold;
        voice-family: inherit;BB0E0E font-size: small;
        background-color: #BB0E0E;
        color: #FFFAE0;
        text-align: left;
}

td.table-data
{
        font-size: 75%;
        font-family: Ming, PMingLiu, Arial, Helvetica, sans-serif; 
        
        color: Black;
        text-decoration:none;
}

.cmslink {
color:#BB0E0E; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal;font-size:75%;
}

/* ================================================================================================= 
        Screen Reader 
================================================================================================= */ 
.access {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;} 
.ignore {display:none !important;} /*hide elements which added for validation*/ 


/* ===========

=========== */
/* =================================================================================================
	Left Menu
================================================================================================= */
/*******
		To change color, just find and replace all "FFE8D5" color
																*******/
/*******
		To change width, just find and replace all value in "set width"
																*******/																
img
{
    border: 0;
}

ul.sf-menu li ul.active li.active {
	left:0;
	top:0;
}

.sf-menu li ul li .active {
left: 160px;
top: 0;
/*position: relative;*/
}



.sf-menu li .active {
left: 165px;
top: 0;
}


.sf-menu li .inactive {
left: 0px;
top: 0;
}



.sf-menu {
	margin-bottom:	1em;
	margin:			0;
	padding:		0;
	list-style:		none;
	width:			160px;
	
	line-height:	30px;
	background-color:#FFE8D5;
	left:		0;
}


.sf-menu .active .menu_lv1 {
	background-color: #FFC291; 
} 



.sf-menu ul {
	background: 	#FFE8D5;
	position:		absolute;
	top:			0;
	width:			155px; 
	margin:			0;
	padding:		0;
	list-style:		none;
	left:		-999em;
	
}


.sf-menu ul li {
	position: relative;
	left: 0px;
}

.sf-menu li {
	
	border: 		1px solid #FFC291;

	position:		relative; 
	
	left: 0px;
	
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	left:			158px;
	display:		block; 
	visibility: 	visible;
}


/*.sf-menu li > ul li ul { left: -999em; } */
.sf-menu li > ul li:hover > ul { display:block; position:absolute; top:0px; left:152px }
/*.sf-menu li > ul li a:focus > ul { display:block; position:absolute; top:0px; left:157px } */



.sf-menu a {
	color: #000000;
	font-size: 0.9em;
	text-decoration:none;
	display:		block;
	position:		relative;
	padding-left:	5px;
	left:	0px;
}


.sf-menu li:hover {
	visibility:		inherit; 
}


.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	background-color: #FFC291;
}

ul
{
	list-style:square url("/tc/img/general/bullet.gif");
}


.sitemap_second_lv {
	list-style:square url("/tc/img/general/arrow1.gif");
}

.sitemap_third_lv {
	list-style:square url("/tc/img/general/arrow1.gif");
}


.scrolleventsHD { color:#BB0E0E; font-size:85%; font-family:Ming, PMingLiu, Arial, Helvetica, sans-serif; text-decoration:none; font-weight: bold;}