@charset "utf-8";
@import url("http://www.schsa.org.hk:8080/gb/www.schsa.org.hk/b5g/css/fontSize.css");

/* Intrinsic HTML Elements */ 
 * {
 	 margin:0px;
 	 padding:0px;
}
body{
	margin:0;
	padding:0;
	width:100%;
	font-size:11px;
	font-family: Verdana;
	color: #000000;
	line-height: 1.3;
	text-align: baseline;
} 

body.bg{
	background: url("http://www.schsa.org.hk/b5g/images/main/content_bg_1.jpg") repeat-x left top;
}

div.page{
	width: 1000px;
	text-align: left;
	margin: 0 auto;
}

div, p{
	margin:0;
	padding:0;
} 
table, th, td{
	/*text-align: left;
	vertical-align: top;*/
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	font-size: 100%;
}
h1, h2, h3{
	margin:0;
	padding:10px;
}
ul a {
  display: block;
}
ul li{
	list-style: none;
}

ul.list, ol.list{
	margin: 5px 0;
	padding: 0 15px;
}

ul.list li{
	list-style-type: disc;
	margin-left: 30px;
}

ol.list li{
	list-style-type: 1;
	margin-left: 30px;
}

ul.inline-nav{
	overflow: hidden;
	zoom: 1;
}

ul.inline-nav li{
	text-align: left;
	float:left;
	padding: 0 0px;
}

img {
	border:0;
	margin: 0;
	display: block;
}

img.center {
	margin: 0 auto;
}

img.inline {
	border: 0;
	margin: 0;
	display: inline;
}

a{
	color: #31b6b4;
	text-decoration: none;
}

a:hover{
	color: #c8900b;
	text-decoration: underline;
}

*.alignRight{
	float: right;
}

*.alignLeft{
	float: left;
}

div.clearfix{
	clear: both;
	height:0px;
	width: 0px;
}

div.center{
	text-align: center;
}
div.right{
	text-align: right;
}

div.divTable{
	display:table;
	width: 100%;
}
div.divTr{
	display: table-row;
}
div.divTd{
	display: table-cell;
	width: 100%;
	vertical-align:middle;
	text-align: center;
}
a.black{
	color: #000000;
}
a.black:hover{
	color: #000000;
}

a.white{
	color: #ffffff;
}
a.white:hover{
	color: #ffffff;
}

/* Uniquely Identified Containers */ 

#page_container{
}

#bottom_container{
	
}

#top{
	margin:0;
	padding:0;
	width: 100%;
	/*height: 141px;*/
	color: #ffffff;
	/*height: 124px;*/
	/*position: relative;*/
}
#logo{
	float: left;
	margin: 0 0 0 0;
	display: inline;
}

#top_bar1{
	width: 460px;
	float: right;
	padding: 0px 0px 0 0;
	text-align: right;
}

#share-nav{
	float: left;
	margin-right: 30px;
}

#findUs-facebook a{
	display: block;
	width: 30px;
	height: 24px;
	background: url("http://www.schsa.org.hk/b5g/images/main/bu_facebook.gif");
}
#findUs-facebook a:hover{
	background: url("http://www.schsa.org.hk/b5g/images/main/bu_facebook_b.gif");
}

#findUs-sina a{
	display: block;
	width: 26px;
	height: 24px;
	background: url("http://www.schsa.org.hk/b5g/images/main/bu_sina.gif");
}
#findUs-sina a:hover{
	background: url("http://www.schsa.org.hk/b5g/images/main/bu_sina_b.gif");
}

#findUs-youtube a{
	display: block;
	width: 31px;
	height: 24px;
	background: url("http://www.schsa.org.hk/b5g/images/main/bu_youtube.gif");
}
#findUs-youtube a:hover{
	background: url("http://www.schsa.org.hk/b5g/images/main/bu_youtube_b.gif");
}

#findUs-nav{
	float: left;
	margin-right: 50px;
}

#font-nav{
	float: left;
	margin-right: 30px;
}

#lang-nav{
	float: right;
}

#lang-b5 a{
	display: block;
	width: 28px;
	height: 22px;
	background: url("http://www.schsa.org.hk/b5g/images/main/bu_b5.gif");
}

#lang-b5 a:hover{
	background: url("http://www.schsa.org.hk/b5g/images/main/bu_b5_b.gif");
}

#lang-gb a{
	display: block;
	width: 28px;
	height: 22px;
	background: url("http://www.schsa.org.hk/b5g/images/main/bu_gb.gif");
}

#lang-gb a:hover{
	background: url("http://www.schsa.org.hk/b5g/images/main/bu_gb_b.gif");
}

#lang-en a{
	display: block;
	width: 28px;
	height: 22px;
	background: url("http://www.schsa.org.hk/b5g/images/main/bu_eng.gif");
}

#lang-en a:hover{
	background: url("http://www.schsa.org.hk/b5g/images/main/bu_eng_b.gif");
}

#top_bar2-nav{
	float: right;
}

#top_bar2-nav li a{
	font-weight: bold; 
	color: #000000;
	padding: 2px 8px;
}

#top_bar2{
	width: 700px;
	float: right;
	padding: 0px 0px 0 0;
	text-align: right;
	margin-top: 31px;
}

div.top-search-container{
	margin: 0 5px;
}

div.top-search-container label{
	background: #999999;
	color:#ffffff;
	font-weight: bold;
	display: block;
	float: left;
	height: 17px;
	line-height: 17px;
	padding: 1px 5px;
}

input.top-search{
	width: 120px;
	height: 17px;
	border: 1px solid #8a8a8a;
	float: left;
}

#top_link{
	clear: both;
	overflow: hidden;
}

#top_link-nav{
	float: left;
	padding-right: 27px;
	background: url("http://www.schsa.org.hk/b5g/images/main/nav_3.gif") no-repeat scroll right top transparent;
}

#top_link-nav li a{
	display: block;
	font-weight: bold;
	line-height: 24px;
	padding: 0 16px;
	text-decoration: none;
	background: #999999;
	color: #ffffff;
}

#top_link-nav li a:hover{
	background: #ad1741;
}

#main{
	clear: both;
	background: #ffffff url("http://www.schsa.org.hk/b5g/images/main/bg_line.gif") repeat-y;
	/*line-height: 1.2em;*//*fix ie bug*/
	display: block;/*fix ie bug*/
	overflow: hidden;
	zoom: 1; /*ie hack*/
}

#main-left{
	float: left; 
	width: 748px;
}

#main-nav-container{
	margin-bottom: 0px;
}

#main-nav{
	background: #f0eeee;
}

#main-nav li{
	height: 26px;
	line-height: 26px;
}

#main-nav li a{
	display: block;
	line-height: 26px;
	padding: 0 6px;
	text-decoration: none;
	color: #585656;
}

#main-nav li a:hover{
	text-decoration: underline;
}

#main-left-nav-container{
	width: 116px;
	float: left;
	margin: 15px 0 0 7px;
	display: inline;
}

#main-left-nav{
	text-align: center;
}

#main-left-nav li{
	/*display: inline; /*ie hack */
	color: #5a5454;
	background: url("http://www.schsa.org.hk/b5g/images/left_nav/nav_box.gif") repeat-y scroll;
}

#main-left-nav li h4{
	padding: 8px 0;
	font-weight: normal;
}

#main-left-nav li a{
	padding: 10px 5px;
	text-decoration: none;
	color: #5a5454;
	*zoom:1; /*ie7 hack */
	_zoom:1; /*ie6 hack */
}

#main-left-nav li ul.sub{
	margin-left: 30px;
	padding-left: 15px;
}

#main-left-nav li ul.sub li{
	list-style: disc outside;
	background: none;
	text-align: left;
}

#main-left-nav li ul.sub li a{
	padding: 3px 0px;
}

#main-left-nav li a:hover, #main-left-nav li a.selected{
	text-decoration: none;
	color: #af2948;
	font-weight: bold;
}

#main-left-content-container{
	float: left;
	margin: 0 25px;
	display: inline;
	overflow: hidden;
	width: 698px;
}

#main-left-content-container.width-1{
	width: 575px;
}

#button-nav{
	margin: 0px 0;
	float: right;
}

#breadcrumb{
	clear: both;
	padding: 15px 5px 0px 5px;
	border-bottom: 1px solid #af2948;
}

#breadcrumb a{
	color: #585656;
	text-decoration: none;
	padding-right: 5px; /*adjust bullet image padding*/
}

#breadcrumb a:hover{
	text-decoration: underline;
}

#breadcrumb span{
	color: #af2948;
}

#main-left-content{
	padding: 30px 0;
}

#main-left-content h3.heading{
	color: #7e7e7e;
	font-weight: bold;
	font-size: 20px;
	padding: 0px;
	margin-bottom: 20px;
}

#main-left-content p{
	padding: 0px 15px 25px 15px;
}

#main-left-content p.caption{
	padding: 0 5px;
	background: #dbdbdb;
}

#main-left-content hr{
	margin: 5px 0;
	border: 0px;
	color: #FF80C0;
	height: 0px;
	border-bottom: 2px dotted #FF80C0; 
}

#main-left-content table.image tr td{
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
}

#main-left-content div.Page { /* class name for every page */
	text-align: right;
}
#main-left-content a.Page { /* class name for every page */
	font-size: 12px;
	color: #5E5E5E;
	height: 30px;
	padding: 5px;
	border: 1px solid #C0C0C0;
	background: #ffffff;
}
#main-left-content a.selectedPage { /* class name for selected page */
	font-weight: bold;
	background: #E7E7E7;
}

#main-right{
	float: right; 
	width: 252px;
	overflow: hidden;
	zoom: 1;
}

#news-box-container{
	margin: 0 15px;
	padding-bottom: 20px;
	width: 221px;
	background: #999999 url("http://www.schsa.org.hk/b5g/images/main/news_bg.gif") no-repeat left bottom;
	overflow: hidden;
}

#news-box-container div.title{
	background: url("http://www.schsa.org.hk/b5g/images/main/news_head.gif") no-repeat;
	height: 41px;
	overflow: hidden;
}

#next-box-next{
	cursor: pointer;
	float: right;
	width: 16px;
	height: 15px;
	margin: 15px 5px 5px 0px;
	background: url("http://www.schsa.org.hk/b5g/images/main/news_bu_next.gif") no-repeat;
}

#news-box{
	padding: 0 8px;
	height: 201px;
	overflow: hidden;
}

#news-box ul{
	
}

#news-box ul li{
	padding-bottom: 2px;
	background: url("http://www.schsa.org.hk/b5g/images/main/sep.gif") repeat-x bottom left;
}

#news-box ul li a{
	display: block;
	padding: 8px;
	color: #ffffff;
	*zoom:1; /*ie7 hack */
	_zoom:1; /*ie6 hack */
}

#main-right-nav li{
	display:inline; /*ie hack */
}

#main-right-nav li a{
	display: block;
	padding: 0px;
	text-decoration: none;
	color: #5a5454;
	*zoom:1; /*ie7 hack */
	_zoom:1; /*ie6 hack */
}

#disclaimer-nav{
	padding: 20px 18px;
	float: right;
}
#disclaimer-nav li{
	color: #ffffff;
	line-height: 20px;
}
#disclaimer-nav li a{
	padding: 0 8px;
	display: block;
	color: #ffffff;
}

#bottom-content-bg{
	background: #515151;
}

#bottom-content{
	background: url("http://www.schsa.org.hk/b5g/images/main/heart_bg.jpg") no-repeat;
}

#bottom-content-nav{
  list-style: none outside none;
  padding: 0 30px;
  overflow: hidden;
  zoom: 1;
}

#bottom-content ul li.with-border{
  border-right: 1px solid #76746a;
}

#bottom-content h4{
  padding: 10px 0;
  color: #fcec90;
}

#bottom-content h4 a{
  color: #fcec90;
  font-size: 15px;
}

#bottom-content ul li.main-nav{
	float: left;
  padding: 10px 5px 0px 5px;
  width: 80px;
  height: 408px;
}

#bottom-content ul #bottom-content-nav-1{
  width: 100px;
}

#bottom-content ul #bottom-content-nav-2{
  width: 160px;
}

#bottom-content ul #bottom-content-nav-3{
  width: 150px;
}

#bottom-content ul #bottom-content-nav-4{
  width: 100px;
}

#bottom-content ul #bottom-content-nav-5{
  width: 110px;
}

#bottom-content ul #bottom-content-nav-6{
  width: 110px;
}

#bottom-content ul #bottom-content-nav-7{
  width: 90px;
}

#bottom-content ul #bottom-content-nav-8{
  width: 130px;
}

#bottom-content ul li.main-nav ul li{
	float: none;
	display: block;
	zoom: 1;
	padding: 3px 5px;
}

#bottom-content ul li.main-nav ul li a{
	color: #f58f94;
}

#bottom-content ul li.main-nav ul.sub{
	margin-left: 3px;
}

#bottom-content ul li.main-nav ul.sub li a{
	padding-left: 15px;
	background: url("http://www.schsa.org.hk/b5g/images/main/bottom-sub.gif") no-repeat center left;
	color: #b4b68f;
}

#bottom-content ul li.main-nav ul.sub li ul li a{
	padding-left: 15px;
	background: url("http://www.schsa.org.hk/b5g/images/main/bottom-sub.gif") no-repeat center left;
	color: #ffffff;
}


#footnote-bg{
	background: #272525;
}

#footnote{
	height: 30px;
	line-height: 30px;
	color: #ffffff;
	text-align: right;
	padding-right: 30px;
}

.table_orange {px;border-top: solid 1px #FDBE11;border-bottom: solid 1px #FDBE11;border-left: solid 1px #FDBE11;border-right: solid 1px #FDBE11;padding: 2px}

.table_black {px;border-top: solid 2px #000000;border-bottom: solid 2px #000000;border-left: solid 2px #000000;border-right: solid 2px #000000;padding: 2px}

.table_brown {px;border-top: solid 1px #8E550C;border-bottom: solid 1px #8E550C;border-left: solid 1px #8E550C;border-right: solid 1px #8E550C;padding: 1px}

.table_blue {px;border-top: solid 1px #6D9595;border-bottom: solid 1px #6D9595;border-left: solid 1px #6D9595;border-right: solid 1px #6D9595;padding: 1px}

.table_orangebrown {px;border-top: solid 1px #E48913;border-bottom: solid 1px #E48913;border-left: solid 1px #E48913;border-right: solid 1px #E48913;padding: 1px}

.table_lightblue {px;border-top: solid 1px #1E93A4;border-bottom: solid 1px #1E93A4;border-left: solid 1px #1E93A4;border-right: solid 1px #1E93A4;padding: 1px}

.text_brown {font-family: Verdana, Arial;font-size: 13px;font-weight: normal;color: #BD5E1F}