/* Developed By Eric Yung */

*{padding:0; margin:0;}
 body {font-size:62.5%; background-color:rgb(255,255,255); font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.mainbody {width:1024px; margin:0px auto; margin-top:10px; margin-bottom:10px; font-size:1.0em;}
.main {font-family:arial;margin:30px 0 0 0; clear:both; width:1024px;   background:transparent url(../images/mainbg.jpg)  top left repeat-y;}
.maincontent {font-family:arial;display:inline /*Fix IE floating margin bug*/; float:left; width:185px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.bodycontent {font-family:arial;display:inline; /*Fix IE floating margin bug*/; float:left; width:800px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {font-size:80%; clear:both; width:1024px; overflow:visible; background: white; !important /*Firefox*/; overflow:hidden /*IE6*/;}

.header {font-family:arial black; width:1024px;overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-top {font-family:arial black;width:1024px; height:90px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:1024px; height:40px; repeat-y; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.sitelogo {width:337px; height:77px; position:absolute; z-index:1; margin:12px 0 0 10px; background:url(../images/sihk_logo.jpg); }
.sitename {font-family:"arial black";width:400px; height:45px; position:absolute; z-index:1; margin:50px 0 0 350px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-family:"arial black";font-size:11pt;margin:8px 0 0 0; }
.sitename a {font-family:"arial black";text-decoration:none; color:rgb(132,131,129);}
.sitename a:hover {font-family:"arial black";text-decoration:none; color:rgb(132,131,129);}

.topleft {width:350px; position:absolute; z-index:2; margin:5px 0 0 0; margin-left:677px !important /*Firefox*/; margin-left:677px /*IE6*/;}
.topleft img {float:right; padding:0 20px 0 0;border:none;}

.topright {width:350px; position:absolute; z-index:3; margin:45px 0 0 550px;}

.toplink {font-family:"arial black"; float:left; width:1024px; background:rgb(254,185,6) no-repeat; color:rgb(254,185,6);font-weight:bold;font-size:9pt;} /*Color navigation bar normal mode*/
.toplink ul {font-family:"arial black";list-style-type:none;}
.toplink ul li {font-family:"arial black";float:left;position:relative; z-index:1000 !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(254,185,6);}
.toplink ul li a {font-family:"arial black";float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:1.5em; line-height:1.5em; padding:0 8px 0 8px; text-decoration:none; font-weight:bold; color: rgb(117,117,115);}
.toplink ul li ul {font-family:"arial black";display:none; border:none;}


.toplink ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:1024; top:3.0em; margin-top:0.1em; left:0;}
.toplink ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(254,185,6); border-bottom: solid 1px rgb(254,185,6); background-color:rgb(254,185,6); font-weight:normal; color:rgb(255,255,255);} /*Color subcells normal mode*/
.toplink ul li:hover {color:rgb(255,255,255); text-decoration:none;} /*Color subcells hovering mode*/

.toplink table {position:absolute; top:0; left:0; border-collapse:collapse;}
.toplink ul li a:hover ul li a {display:block; width:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(254,185,6); border-bottom: solid 1px rgb(254,185,6); background-color:rgb(254,185,6); font-weight:normal; color:rgb(255,255,255);} /*Color subcells normal mode*/
.toplink ul li a:hover { text-decoration:none;color: rgb(255,255,255); } /*Color subcells hovering mode*/

.column1-unit {width:750px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:350px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right;  margin-top:10px !important /*Non-IE6*/; margin-top:10px /*IE6*/; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}


.column3-unit-right {float:left;  margin-top:10px !important /*Non-IE6*/; margin-top:10px /*IE6*/; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}


.footer p {font-family:"arial";line-height:1.3em; text-align:center; color:rgb(0,0,0); font-size:10pt;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(0,0,0);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
.footer a:visited {color:rgb(0,0,0);}

.mainbody:after, .header:after, .header-breadcrumbs:after, .main:after, .maincontent:after, .bodycontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:640px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}


.menuvert {width:184px; }
.menuvert dt a, .menuvert dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 5px 0px 5px;  border-bottom: solid 1px rgb(254,185,6); text-decoration:none; color:rgb(0,0,0); font-weight:bold; font-size:10pt;}
.menuvert dd a, .menuvert dd a:visited {bdisplay:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 5px 0px 5px; border:none; font-weight:normal; text-decoration:none; color:rgb(0,0,0); font-size:10pt;}
.menuvert dt a:hover, .menuvert dd a:hover {color:rgb(255,255,255); text-decoration:none;}

.maincontent h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.maincontent h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.maincontent h2 {clear:both; margin:20px 10px 10px 20px;  color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.maincontent h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for maincontent for easier exchange */
.maincontent p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:10pt}
.maincontent p.center {text-align:center;}
.maincontent p.right {text-align:right;}

.maincontent ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.maincontent ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:10pt}
.maincontent ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.maincontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:10pt;}

.bodycontent h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; color:rgb(255,166,0); font-weight:bold; font-size:12pt;}
.bodycontent h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.bodycontent h1 {clear:both; margin:1.0em 0 0.5em 0; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.bodycontent h2 {clear:both; margin:1.0em 0 0.5em 0; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.bodycontent h3 {clear:both; margin:-1.0em 0 0.5em 0;  font-weight:normal; font-size:130%;}
.bodycontent h3.quote {clear:both; margin:-1.0em 0 0.5em 0;  color:rgb(255,166,0);font-weight: bold;font-style: italic;text-align:left;}
.bodycontent h1.side {clear:none;}
.bodycontent h2.side {clear:none;}
.bodycontent h3.side {clear:none;}


.bodycontent a.titlelink  {
	margin:0 0 0.4em 0;
	padding:0 0 2px 0;
	color:#9E5205;
	font-weight:bold;
	font-size:12pt;
}
.bodycontent a:hover.titlelink  {
	margin:0 0 0.4em 0;
	padding:0 0 2px 0;
	color:#9E5205;
	font-weight:bold;
	font-size:12pt;
}
.bodycontent  a:visited.titlelink {
	margin:0 0 0.4em 0;
	padding:0 0 2px 0;
	color:#9E5205;
	font-weight:bold;
	font-size:12pt;
}


.bodycontent h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.bodycontent h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-size:140%;}
.bodycontent h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.bodycontent p {margin:0 0 1.0em 0; line-height:1.5em; font-size:10pt;}
.bodycontent p.center {text-align:center;}
.bodycontent p.right {text-align:right;}
.bodycontent p.leftquote {text-align:left;color:rgb(110,110,110);font-weight: bold;font-style: italic; font-size:11pt;}
.bodycontent p.rightquote {text-align:right;font-weight: bold;font-style: italic;}
	
.bodycontent p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.bodycontent blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.bodycontent table {clear:both;  margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.bodycontent table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(0,0,0); font-weight:bold; font-size:10pt;}
.bodycontent table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(0,0,0); font-weight:bold; font-size:10pt;}
.bodycontent table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(0,0,0); font-size:10pt;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}


.footer table th {font-size:8pt;}
.footer table td {font-size:8pt;}


.bodycontent ul {list-style:none; margin:0.5em 0 1.0em 0;}
.bodycontent ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../images/dot.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:10pt;}
.bodycontent ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.bodycontent ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:10pt;}

.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; noborder}
.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; noborder}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; noborder}

.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.bodycontent h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main a:visited {color:rgb(42,90,138);}

.normaltable {clear:both; width:600px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show;}
.normaltable th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.normaltable th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.normaltable td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}

.bodycontent table.booktable {clear:both; border-collapse:collapse; empty-cells:show;background-color:rgb(255,255,255);width:700px}
.bodycontent table.booktable td {line-height:1.5em; font-size:10pt;margin:0 0 1.0em 0; valign:top;align:left;text-align:left; background-color:rgb(255,255,255);}


.style1 {
	color:rgb(255,166,0);
	font-weight: bold;
	font-style: italic;
}