body, input, select, textarea { font-family:Verdana, Arial, Helvetica, sans-serif }
img	{ border: 0 }
input, select, textarea { font-size: 12px }
input.checkbox { border: 0 }
form { margin: 0 }
acronym { cursor: help }
div.clear { clear:both; height:0 ; line-height: 0 }
.warning { color: #FF0000 ; font-weight: bold }
.compulsory { color: #CC0000 }
.clear { clear: both }
.left { text-align: left }
.right { text-align: right }
.top { vertical-align: top }
.indent { text-indent: 1.8em }

a:link, a:visited { color: #2E98FF ; text-decoration: none }
a:active, a:hover { color: #2E98FF ; text-decoration: underline }

body { 
	font-size: 15px ;
	margin: 0 ;
	background: top left #EAF0F7 url(images/header_bg.gif) repeat-x ;
	color: #666 ;
}

h1,h2,h3,h4,h5,h6 { margin: 0.5em 0 }

.highlight { text-decoration: underline ; color: #95B9D1 ; font-weight: bold }

span.current { color:#6693B8; border-bottom:1px solid #FFF }

span.unit { color: #FC8028 }
span.unit_bold { color: #FC8028; font-weight:bold; }

#hotline_tt {
	visibility:hidden;
	position:absolute;
	color:#333;
	background-color:#FDFFB4;
	font-family:arial,helvetica,verdana,sans-serif;
	padding:2px;
	border:1px solid #FCC90D;
	font:100% sans-serif;
	width:auto;
}

.en_support_menu { font-size: 12px }

/* pop layer style */
.PopText { 
	position:absolute ;
	z-index:100 ;
	padding: 4px 8px ; 
	visibility: hidden; 
	filter: Alpha(Opacity=80);
	opacity: 0.8 ;
	background-color: #FDF3BB ; 
	border: 1px #FBA504 dashed;
	color: #400000 ;
}


#wrapper {
	margin: auto;
	width: 985px ;
}

#header { height: 89px; position: relative }
#footer { position: relative ; padding: 0 8px }
#footer #counter { 
	position: absolute ;
	right: 6px ;
	top: 2px ;
	font-size: 12px ; 
	color:#999 ;
}
#footer #counter span {
	background-color: #A9C7E0 ;
	color: #646E77 ;
	padding: 0 2px ;
}

#footer_note { font-size: 12px ; color:#999 ; text-align: right }
#footer_note a, #conuter a { color: #666 }

#left {
	float: left ;
	width: 269px ;
}

#right {
	float: right ;
	background: top left url(images/right_bg.gif) repeat-y ;
}

#right1 { background: top left url(images/right_header.gif) no-repeat }

#right2 {
	width: 490px;
	padding: 28px 22px ;
	background: bottom left url(images/right_footer.gif) no-repeat ;
}

#right2 p { line-height: 1.6em }


#right2 .liStyle{
	color:#FC8028;
	text-decoration:underline;
	font-weight:bold;
	padding: 20px 0px 0px 0px;
}

#right2 ul {
	list-style:disc;
}

/* header */
#logo { position: absolute ; left: -12px }
#slogan { float: right }
#eng { 
	position: absolute ; 
	top: 16px; 
	right: 4px;
}
#home {
	position: absolute ; 
	top: 16px; 
	right: 50px;
}

#inner { 
	background: url(images/body_bg.png) repeat-y;
}

#inner2 {
	padding: 6px;
	background: top left url(images/bg.png) no-repeat;
}

/* =top_nav */
#top_nav {
	height: 40px;
	/*background: url(images/top_nav.png) repeat-x ;*/
	margin-bottom: 5px ;
}

div.nav_br {
	float: left;
	width: 5px; height: 40px;
	background: top left url(images/nav_hr.png) no-repeat ;
}

.outer {
	float: left;
	height: 40px;
	margin: 0 2px;
	background-position: 0 -40px ;
	background-repeat: no-repeat ;
}

div.home, div.home a { width:98px ; background-image: url(images/top_nav.png) }
/*div.news, div.news a { width:100px ; background-image: url(images/top_nav.png) }
div.about, div.about a { width:96px ; background-image: url(images/top_nav.png) }
div.service, div.service a { width:120px ; background-image: url(images/top_nav.png) }
div.volunteer, div.volunteer a { width:120px ; background-image: url(images/top_nav.png) }
div.donate, div.donate a { width:96px ; background-image: url(images/top_nav.png) }
div.contact, div.contact a { width:96px ; background-image: url(images/top_nav.png) }*/

div.about, div.about a { width:100px ; background-image: url(images/top_nav.png) }
div.about { background-position: -102px -40px }
div.about a { background-position: -102px 0 }

div.special, div.special a { width:96px ; background-image: url(images/top_nav.png) }
div.special { background-position: -212px -40px }
div.special a { background-position: -212px 0 }

div.service, div.service a { width:96px ; background-image: url(images/top_nav.png) }
div.service { background-position: -314px -40px }
div.service a { background-position: -314px 0 }

div.room, div.room a { width:97px ; background-image: url(images/top_nav.png) }
div.room { background-position: -417px -40px }
div.room a { background-position: -417px 0 }

div.fee, div.fee a { width:98px ; background-image: url(images/top_nav.png) }
div.fee { background-position: -517px -40px }
div.fee a { background-position: -517px 0 }

div.map, div.map a { width:98px ; background-image: url(images/top_nav.png) }
div.map { background-position: -620px -40px }
div.map a { background-position: -620px 0 }

div.application, div.application a { width:96px ; background-image: url(images/top_nav.png) }
div.application { background-position: -724px -40px }
div.application a { background-position: -724px 0 }

div.contact, div.contact a { width:98px ; background-image: url(images/top_nav.png) }
div.contact { background-position: -828px -40px }
div.contact a { background-position: -828px 0 }

div.outer a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background-repeat: no-repeat ;
}

div.outer a:hover { background-image: none; }


.main_pic { margin-bottom: 6px }
.title { margin-bottom: 2em }

h3 { font-size: 18px ; color: #0083DB ; margin-top: 1em }
h4 { font-size: 18px ; color: #95B9D1 ; margin-top: 1em }
h5 { font-size: 14px ; color: #FC8028 ; margin: 0 }

/* =sub_nav */
.sub_nav {
	text-align: center;
	margin: 12px 0;
}
.sub_nav img { margin: 0 1px }

/* =special */
.special_list {
	/*padding-left:10px;*/
}

.special_list li {
	margin-bottom: 5px;
}

/* =location */
.transport_list { margin-bottom: 16px }
.transport_list .number { width: 40px ; text-align: center ; vertical-align: top }
.mini_bus th { color: #0b9444 }
.bus th, .mtr th, .taxi th { color: #ed1c24 }

/* =fee */
.fee_table { margin: 10px auto ; border-collapse: collapse }
.fee_table th { text-align: center }
.fee_table th, .fee_table td { border: 1px solid #80b6ea ; padding: 5px 6px ; text-align: center }
.service_level {
	color: #95B9D1;
	font-weight: bold;
}

/* =content */
#content_wrapper { 
	position: absolute; 
	text-align: justify;
	left: 548px;
	top: 10px;
	width: 395px;
	height: 410px;
	border: 0px solid #CCC;
	line-height: 1.6em;
	overflow: auto;
}

#inner_content {
	padding: 10px 5px 10px 1px ;
}

/* email form */
div.error { 
	margin: auto ;  
	margin-bottom: 2em ;
	background-color: #FFCCCC ; 
	border: 1px solid #DD0000 ; 
	color: #FF0000 ; 
	padding: 5px ;
}
.error li { margin: 5px }
.error input, .error textarea { background-color: #FFCCCC ; border: 1px solid #990000 }

.success { background-color: #CCFFCC ; border: 1px solid #009900 ; color: #009900 ; padding: 5px }
.fail { background-color: #FFCCCC ; border: 1px solid #DD0000 ; color: #FF0000 ; padding: 5px }