/* ########## HTML ELEMENT STYLES ##########*/	

html, body{
	margin: 0;
	background-color: #FCF8F7;
	font-family: arial,serif;
	font-size: 100%;
    line-height:1.125em; /* 16×1.125=18 */
	color: #000;
	background: #FCF8F7 url(/20210330054130oe_/http://www.cuhk.edu.hk/rih/twrc/images/bg-top.jpg) repeat-x center top;
	font-family: Times New Roman, simhei, 微軟正黑體, sans-serif;
}
img {	
	display: block;
	border: 0;
}
.hidden {
	display:none;
}
/* Generic Text styles */
strong {
	font-weight: 700;
}
.left{
	float:left;
}
.right{
	float:right;
}
.link-align{
	text-align: left;
}
.noBorder{
	border: none;
}
/*h1, h2, h3, h4, h5 {
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-weight: 400;
}*/

/* Generic heading styles */

/* ################### STYLES for Default links ##########*/	
a, a:link {
	text-decoration: none;
	color:  #528C99;
}
a:visited {
	color:  #528C99;
}
a:hover {
	color: #993300;
}
a:active {
	color:  #528C99;
}
h2{
	font-size: 1.2em;
	margin: 1em 0;
}
h2.event{
	font-size: 1.3em;
	color: #993300;
}
h3{
	font-size: 1.1em;
	margin: 1em 0;
	color:#528C99;
}
.remarks{
	color:#d44800;
	font-size: 0.9em;
	font-style: italic;
}
.outdatedbrowser{
	position: absolute;
	width:950px;
	margin: 0 auto;
	text-align: center;
	font-family: arial;
	z-index: 999;
	padding: 6px;
	background-color: #a2ddff;
	color: #2500d6;
}
/* ################ START - Main Block Elements ###########*/
#wrapper {
	width:962px;
	position: relative;
	text-align: left;
	margin: 0 auto;
		background: transparent url(/20210330054130oe_/http://www.cuhk.edu.hk/rih/twrc/images/bg-bottom.jpg) repeat-y center top;

}
#wrapper:after, #content_wrapper:after, #inside_content_wrapper:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#logo{
	position: absolute;
	left:0;
	top:0px;
}
/***** for the nav css ****/

#nav{
	list-style:none;
	/* Clear floats */
	float:left;
	position:relative;
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
}
#nav a{
	display:block;
	color: #993300;
	text-decoration:none;
	padding: 12px;
}
#nav a:hover{
	color:#fff;
	background-color: #993300;
	text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul{
	background: #EEEBEA url(/20210330054130oe_/http://www.cuhk.edu.hk/rih/twrc/images/bg-dropdown.jpg) repeat-x;
 /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	border:1px solid #CDC5A4;
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a, #nav a.active{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	color: #fff;
	background-color: #993300;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	background: none;
	height: 20px; 
	width: auto;
	color: #993300;
	padding-left: 1.2em;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background: none;
	background: transparent url(/20210330054130oe_/http://www.cuhk.edu.hk/rih/twrc/images/bullet-dropdown.gif) no-repeat 2px 15px;
	color: #CC9900;
}
.menu1{
	display: block;
	width: 93px;
	height: 32px;
	text-indent: -99999px;
}
.menu1:hover{
	background-position: center 2px;
}
#menuBar{
	position: relative;
	float: left;
	width: 962px;
	z-index: 1000;
	margin: 0 auto;
	margin-bottom: 1em;
	background: transparent url(/20210330054130oe_/http://www.cuhk.edu.hk/rih/twrc/images/bg-menu.jpg) no-repeat;
	height: 50px;
}
.language_btn{
	float:left;
	margin:12px 0 0 12px;
	width:129px;
	height:19px;
}
.language_btn div{
	float:left;
	display: block;
	width: 20px;
	height: 19px;
}
/***Content home ***/
#content_home h1{
	margin-bottom: 20px;
}
#content_home .col1, #content_home .col2{
	float: left;
	min-height: 524px;
}
#content_home .col1 p, #content_home .col2 p{
	margin: 10px 0;
}
#content_home .col1{
	width: 337px;
	margin:0 45px 0 186px;
	position: relative;
	font-size: 0.9em;
	line-height: 1.5em;
	_margin-left:90px;
}
#content_home .col2{
	width: 387px;
	float: left;
}
#content_home .col2 .centers{
		height: 390px;
}
#content_home h1, #inside_content_home h1{
	background: transparent url(/20210330054130oe_/http://www.cuhk.edu.hk/rih/twrc/images/home-hd-bullet.jpg) no-repeat;
	font-size: 21px;
	color: #993300;
	padding-left: 1.5em;
}
#inside_content_home .col1 h1, #inside_content_home .oneCol h1{
margin-left: -1.5em;}
.home-photo{
	border:1px solid #eeeae9;
	background: #E9E4E3 url(/20210330054130oe_/http://www.cuhk.edu.hk/rih/twrc/images/bg-home-photo.jpg) repeat-x;
	width: 317px;
	height: 244px;
	padding: 7px 10px;
	margin:0 0 40px 0px;
}
.centerTable tr{
	background: transparent url(/20210330054130oe_/http://www.cuhk.edu.hk/rih/twrc/images/home-sep.jpg) repeat-x left bottom;
}
.centerTable tr a{
	padding:15px 10px;
	line-height: 1.4em;
}
.centerTable td a, .ui-accordion .ui-accordion-header a {
	color: #862F3B;
	display: block;
}
.centerTable tr a:hover{
	background-color: #EEF5F4;
}
.latest-news-date{
	font-size: 0.8em;
	color:#666;
	padding-top:0.5em;
}
.latest-news-more{
	float: right;
	background: transparent url(/20210330054130oe_/http://www.cuhk.edu.hk/rih/twrc/images/home-icon-more.jpg) no-repeat 30px bottom;
	width: 90px;
	height: 50px;
	margin:20px 0;
}
a .latest-news-more{
	color: #66373D;
}
a .latest-news-more:hover{
	color: #528C99;
}
/**b5 home**/
.home_b5 #content_home{
	font-size: 1em;
	color:#444;
	line-height: 1.8em;
}
.sep{
	background: transparent url(/20210330054130oe_/http://www.cuhk.edu.hk/rih/twrc/images/home-sep.jpg) repeat-x left bottom;
	clear:both;
	margin: 1em 0;
	width: 100%;
	height: 1em;
}
.home_b5 #content_home .col1,  #content_home .col2{
	min-height: 310px;
}

/**** skeleton***/
#topBar{
	width: 821px;
	height: 322px;
	float:	left;
}
#topNav{
	width: 141px;
	height: 322px;
	float: left;
	position: relative;
}
#content_wrapper{
	width:100%;
	background: transparent url(/20210330054130oe_/http://www.cuhk.edu.hk/rih/twrc/images/bg-bottom.jpg) repeat-y center top;
	color:#333;
	margin-top:12px;
	min-height: 600px;
}
#content_home{
	width:962px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 30px 0;
}
#inside_content_wrapper{
	width:100%;
	background: transparent url(/20210330054130oe_/http://www.cuhk.edu.hk/rih/twrc/images/bg-bottom.jpg) repeat-y center top;
	color:#333;
	margin-top:12px;
}
#inside_content_home{
	width:962px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 30px 0;
}

/*** content inside**/
#inside_content_home{
	font-size: 0.9em;
	line-height: 1.9em;
	text-align: justify;
	color:#555;
}
#inside_content_home .col1, #inside_content_home .col2, .oneCol{
	float: left;
}
#inside_content_home .col1 p, #inside_content_home .col2 p{
	margin: 2em 0;
}
#inside_content_home .col1{
	width: 510px;
	margin:0 0 0 186px;
	padding-right: 45px;
	border-right: 1px solid #6694A4;
	_margin-left:90px;
	min-height: 450px;
}
#inside_content_home .col2{
	width: 214px;
}
#inside_content_home .col2 h1{
	padding:50px 10px 10px 20px;
	background: none;
	background-color: #6694A4;
	color:#eee;
	font-weight: 200;
}
.about #inside_content_home .col1 ol, .about #inside_content_home .col1 ul{
	padding-left: 2.2em;
	margin: 3em 0 7em 0;
	line-height: 3em;
}
.about #inside_content_home .col1 ol li{
	list-style: decimal;
}

#inside_content_home .col2 li{
	margin: 1em 0 0 20px;
}
#inside_content_home .col2 li.active, #inside_content_home .col2 li:hover {
	border-bottom: 2px dotted #bbb;
}
#inside_content_home .oneCol, #content_home .oneCol{
	width: 777px;
	margin:0 45px 0 186px;
	min-height: 450px;
}
#inside_content_home .oneCol p{
	margin: 2em 0;
}
/***Links page***/
.links .col1 ul{
	margin: 3em 0 6em 0;
}
.links .col1 li {
	list-style: disc;
	margin-left: 2.3em;
	line-height: 3em;
}
/** contact page**/
.hd-contact{
	font-weight: bold;
	color: #993300;
	font-size: 1.1em;
}
/** event page**/
#expand{
	font-size: 0.7em;
}
#expand img{
	display: inline;
}
#container{
	margin-bottom: 3em;
}
/**** Footer ***/
#footer {
	width:100%;
	background: transparent url(/20210330054130oe_/http://www.cuhk.edu.hk/rih/twrc/images/footer-sep.jpg) repeat-x;
	color:#333;
}
#footer-wrapper{
	width:100%;
	background: transparent url(/20210330054130oe_/http://www.cuhk.edu.hk/rih/twrc/images/bg-bottom.jpg) no-repeat center 1px;
	height:81px;
}
#footerContent{
	width:963px;
	margin: 0 auto;
	position: relative;
}
#footerBar{
	color:#333;
	font-size: 11px;
	position: absolute;
	right:0;
	width:963px;
	margin:10px 0;
	height:70px;
}
#footerBar .right{
	position: absolute;
	right:0;
	bottom:42px;
}
#footerBar img{
	display: inline; padding: 1px 4px 0 2px; vertical-align: middle;
}