@charset "utf-8";
.MainStories {
	float: left;
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	border: 1px solid #FFF;
}
/* CSS Document */

html, body {
background: #FEBC18;
color: #3d3d3d;
behavior: url("csshover3.htc");
font-family:Tahoma, Arial, Verdana;
font-size:12px;
line-height:20px;
}

a {
text-decoration:none;
color:#d70f23;
outline:none;
blr:expression(this.onFocus=this.blur());
-moz-outline-style: none;
hlbr:expression(this.onFocus=this.blur());
noFocusLine:expression(this.onFocus=this.blur());
}
a:hover {
text-decoration:underline;
}
a:focus {
outline:none;
blr:expression(this.onFocus=this.blur());
-moz-outline-style: none;
hlbr:expression(this.onFocus=this.blur());
noFocusLine:expression(this.onFocus=this.blur());
}
strong {
font-weight:bold;
}
span {
color:#d70f23;
}
.inputText {
border:1px solid #cccccc;
height:16px;
font-size:11px;
padding:0px 5px;
padding-top:2px;
}
.inputButton {
border:1px solid #cccccc;
height:20px;
font-size:12px;
}
.selected {
font-weight:bold;
}
#container {
margin:0px auto;
width:900px;
padding:0px 30px;
background:#FFFFFF;
}

#header {
/*height:130px;*/
height:115px;
position:relative;
width:100%;
}
#header h1  {
width:200px;
height:69px;
position:absolute;
/*top:25px;*/
top:10px;
left:0px;
overflow:hidden;
}
#header h1 a {
background:url(images/logo.jpg) no-repeat top left;
width:200px;
height:69px;
display:block;
text-indent:-9999px;
}
#header h2 {
display:none;
}
#header #languageBox {
/*top:35px;*/
top:20px;
right:0px;
position:absolute;
_width:225px;
}
#header #searchBox {
/*top:75px;*/
top:60px;
right:0px;
position:absolute;
_width:225px;
}

#header #searchBox h4,
#header #searchBox legend,
#header #searchBox label {
display:none;
}
#header #searchBox .inputText {
margin-right:5px;
display:block;
float:left;
width:140px;

}
#header #searchBox a {
width:60px;
background:#CCCCCC;
color:#3d3d3d;
text-align:center;
padding:3px 10px;
}

#globalMenu {
position:absolute;
/*top:95px;*/
top:80px;
left:0px;
padding-top:7px;
background:url(images/shadow_top.gif) repeat-x top left;
overflow:hidden;
height:37px;
width:100%;
}
#globalMenu ul {
background:url(images/globalMenu_bg.gif) repeat-x top left;
height:30px;
overflow:hidden;
}
#globalMenu li {
float:left;
}
#globalMenu li a {
background:url(images/globalMenu_bg.gif) repeat-x top left;
color:#d70f23;
font-family:Tahoma, Arial, Verdana;
display:block;
font-size:12px;
padding:0px 10px;
border-right:1px solid #ffffff;
color:#94370a;
font-weight:bold;

line-height:30px;
}

#globalMenu li a:hover,
#globalMenu li a.selected {
background:url(images/globalMenu_bg_over.gif) repeat-x top left;
color:#d70f23;
}
#footer {

overflow:hidden;
padding:0px 0px 20px 0px;
font-size:11px;
line-height:14px;
margin-top:30px;
}
#footer #footerMenu {
float:right;
}
#footer #footerMenu ul {
margin-right:-6px;
font-size:0px;
overflow:hidden;
}
#footer #footerMenu li {
display:inline;



}

#footer #footerMenu li a {
color: #3d3d3d;
font-size:11px;
padding:0px 5px;
border-right:1px solid #3d3d3d;
}

#footer #footerMenu li a span {
padding-top:2px;
color: #3d3d3d;
}

#content {
	overflow:hidden;
	_overflow:visible;
	margin-top:10px;
}

h3 {
display:none;
}

#content p {
	overflow:hidden;
	_overflow:visible;
	position:relative;
}

#contentNav {
float:left;
width:185px;
margin-right:10px;
_margin-right:4px;
}
#contentMain {
	background:url(images/contentMain_bg.gif) repeat-x top left;
	overflow:hidden;
	_overflow:visible;

}

#contentMain .linkRight {
font-size:11px;
}

#contentMain p{
padding:10px 15px 0px 15px ;
}
#contentMain p.link{
_margin-top:10px;
}
.contentMainNoNav {
width:640px;

}


.contentMainWithNav {
	width:640px;
	overflow:hidden;
}
#contentMain h4 {
color:#d70f23;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
height:30px;
padding:0px 15px 0px 15px ;
margin-top:20px;
}
.contentMainWithNav h4 {
background:url(images/contentWithNav_h4_title.gif) no-repeat bottom left;
}
.contentMainNoNav h4 {
background:url(images/contentNoNav_h4_title.gif) no-repeat bottom left;
}

.contentMainNoNav h5 {
background:url(images/contentNoNav_h4_title.gif) no-repeat bottom left, width: 80px;
}

.contentMainWithNav h5 {
	background:url(images/contentWithNav_h4_title.gif) no-repeat bottom left;
	color:#d70f23;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	height:30px;
	letter-spacing: -1px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 18px;
	padding-left: 15px;
}


.contentMainNoNav {
float:left;
width:640px;
}
#contentOthers {
float:right;
width:240px;
_width:240px;
}


.sideBox  {
	background: #ffed9c url(images/contentOthers_div_bg.gif) repeat-x bottom left;
	padding-bottom:0px;
	_padding-bottom:15px;
	margin-bottom:15px;
	overflow:hidden;
	_overflow:visible;
	margin-top: 0px;
}


.sideBox p,
#contentOthers #eNewsSubcriptionBox form {
padding:0px 10px;
margin-bottom:10px;

}



.sideBox h4 {
background:url(images/shadow_top.gif) repeat-x top left;
padding:10px;
padding-top:20px;
}

.sideBox h4 span,
#contentNav #navMenu h4 span {
display:block;
color:#d70f23;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
padding-left:0px;
height:30px;
}

.sideBox h4 span {
background:url(images/contentOthers_div_title.gif) no-repeat top left;
}


#contentOthers h5 {
padding:0px 10px;
margin-bottom:5px;
color:#d70f23;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}
#contentOthers .link {
overflow:hidden;
_overflow:visible;
}
#contentOthers #actWithUsBox .link {
text-align:center;
overflow:hidden;
_overflow:visible;
}
.linkReadMore,
.linkBack {
float:right;
_margin-top:-15px;
}

.linkButton {
padding:15px 10px;
line-height:44px;
color:#FFFFFF;
margin:0px 5px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:bold;
}


#contentMain form .inputButton {
width: 60px !important;
height: 45px;
border:none;									
padding:15px 10px;
line-height:44px;
color:#FFFFFF;
margin:0px 5px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:-11px;
}

.sideBox .linkButton {
background:url(images/contentOthers_div_button_bg.gif) no-repeat top left;
}

#contentMain .linkButton,
#contentMain form .inputButton  {
background:url(images/contentMain_linkButton_bg.gif) no-repeat top left;
}
#contentMain .sideBox .linkButton {
background:url(images/contentOthers_div_button_bg.gif) no-repeat top left;
}
#contentOthers #annualReportBox img {
padding:3px 3px;
border:2px solid #fdaf17;
margin:0px 10px;

}
#contentOthers #annualReportBox p {
margin-top:-40px;
text-align:right;
}
#contentOthers #aboutUsBox h4 {
padding:7px 10px 5px 10px;
}

#contentOthers #aboutUsBox h4 span {
height:0px;
overflow:hidden;
}
#contentOthers #actWithUsBox {
_padding-bottom:5px;
}
#contentOthers #eNewsSubcriptionBox {
overflow:hidden;
_width:250px;
_margin-left:-3px;
}
#contentOthers #eNewsSubcriptionBox form {
_width:240px;
}

#contentOthers #eNewsSubcriptionBox fieldset{
}
#contentOthers #eNewsSubcriptionBox legend,
#contentOthers #eNewsSubcriptionBox label {
display:none;
}
#contentOthers #eNewsSubcriptionBox .inputText {
width:145px;
display:block;
float:left;
margin-top:10px;
}
#contentOthers #eNewsSubcriptionBox .inputButton {
display:block;
}

#contentNav #navMenu {
background:#FFFFFF url(images/navMenu_bg.gif) no-repeat;
padding-bottom:15px;
margin-bottom:10px;
height: 200px;
}
#contentNav #navMenu h4 span {

}
#contentNav #navMenu h4 {
background: url(images/navMenu_bg.gif) repeat-x top left;
padding: 20px 10px 0px 15px;
}

#contentNav #navMenu ul {
padding:0px 0px 0px 15px;
text-indent: -13px; margin-left: 13px;
}

#contentNav #navMenu ul li a {
color: #3d3d3d;
}

#contactUsBox strong {
display:block;
font-weight:bold;
}

#supportProjectBox {
background:#ffdf4f url(images/navMenu_bg.gif) repeat-x bottom left;
padding-bottom:5px;
margin-bottom:10px;
color:#d70f23;
}

#supportProjectBox h4 {
font-size:18px;
font-weight:bold;
text-align:center;
background:#ffdf4f url(images/navMenu_bg.gif) repeat-x top left;
padding-top:15px;
}
#supportProjectBox p {
padding:10px;
text-align:center;
}
#supportProjectBox p a{
font-size:18px;
display:block;
}

#contentMain fieldset {
margin-top:15px;
}
#contentMain legend {
font-weight:bold;
color:#d70f23;
margin-bottom:5px;
padding-top:10px;
margin-left:-5px;
}

#personalDetails {
margin-top:5px;
}
#personalDetails br{
display:block;
margin-bottom:5px;
}

#personalDetails label,
#donateAmount label {
display:block;
float:left;
width:180px;
}

#donateAmount .inputRadio {
margin-right:5px;
}
#donateAmount .inputText {
width:60px;
margin-left:5px;
}
#personalDetails .inputText,
#personalDetails .copy {
margin-bottom:5px;
*margin-bottom:0px;
border:1px solid #cccccc;
}
#otherInformation {
margin-bottom:10px;
}
#otherInformation label {
display:block;
width:400px;
}
#otherInformation .inputRadio {
margin-right:3px;
}
#otherInformation #inputEmailSubscriptionYes {
margin-left:180px;

}
#contentMain form p {
padding:0px;
margin:0px;
}
#otherInformation .inputCheck {
margin-right:5px;
}
#contentMain form p {
overflow:visible;
padding-top:10px;
}

#contentMain form legend {
display:none;
}
#contentMain form {
padding:0px 15px;
}


#contentMain form p span {
float:left;
display:block;
width:180px;
line-height:42px;
}

#contentMain form #amountOtherAmount {
width:40px;
}

#contentMain form  #inputEnglishName,
#contentMain form  #inputChineseName,
#contentMain form  #inputHKID,
#contentMain form  #inputTel,
#contentMain form  #inputEmail,
#contentMain form  #inputDonorNo
 {
width:200px;
}
#contentMain form  #inputBirthDay,
#contentMain form  #inputBirthMonth {
width:20px;
}
#contentMain form  #inputBirthYear
{
width:30px;
}
#contentMain form  #inputAddress1,
#contentMain form  #inputAddress2,
#contentMain form  #inputAddress3 {
width:300px;
}
#contentMain form #otherInformation {
border-top:1px solid #fdaf17;
padding-top:15px;
}
#contentMain form .inputButton {
padding:0px 10px;
}


#donateNow_online_confirm #contentMain form #inputBack {
margin-left:180px;
}

#donateNow_online_completed #contentMain p.link {
text-align:center;
}


#contentSearch {
	min-height: 1000px;
	width: 570px;
	display: block;	
}

#contentSearch li {
	list-style-type: decimal;
	margin-bottom: 26px;
}

#contentSearch ol {
	margin-left: 40px;	
}


#contentSearch #total {
	display: inline;
}

#contentSearch #title {
	margin-left: 20px;	
}

#contentSearch p {
	margin: 2px;
}

#contentSearch h4 {
	color:#D70F23;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
	height:30px;
	margin-top:20px;
	padding:0 15px;
}
.sideBoxCopy {
	background: #ffed9c url(images/contentOthers_div_bg.gif) repeat-x bottom left;
	padding-bottom:0px;
	_padding-bottom:15px;
	margin-bottom:10px;
	overflow:hidden;
	_overflow:visible;
}
#contentOthers h6 {
	padding:0px 10px;
	margin-bottom:5px;
	color:#427405;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
#contentMain hh {
	color:#d70f23;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	height:30px;
	padding:0px 15px 0px 15px;
	margin-top:20px;
}
.contentMainWithNav h5 {
	background:url(images/contentWithNav_h4_title.gif) no-repeat bottom left;
}
h4