*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { font-family: Arial,Verdana,SimSun,Tahoma; font-size: 13px; font-weight: normal; }
.home-bkg {background: #fefbed url(../images/bodyBkg-90.jpg) top left repeat-x; margin: 0; padding: 0; }
.non-home-bkg {background: #fefbed url(../images/bkg-for-logo-197px.jpg) top left repeat-x; margin: 0; padding: 0; }

a:link { color: #2480b1; text-decoration: underline; }
a:visited { color: #2480b1; text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

#floatRight {float:right; margin: 30px 10px 0 10px;}

h1 { font-family: normal 21px Georgia, Arial, Helvetica, sans-serif; font-weight: normal; color: #007742; }
h2 { font: normal 21px Georgia, Arial, Helvetica, sans-serif; color: #007742; }
/*h2 { font-size:37px; padding:12px 0px; color:#007abf; font-weight:100; font-family:"Times New Roman"; }*/
h3 { font-family: Georgia, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; color: #2480b1; }

/*img { border: 0; }*/

.clear { clear: both; }

.chinese { font-family:Arial, Verdana, SimSun, Tahoma, Arial; font-size:14px; line-height:21px; white-space:normal; }

#container { width: 100%; margin: 0 auto; }

.before-after-left {float: left; width: 50%; text-align: center; }

.before-after-right {float: right; width: 50%; text-align: center; }

#header { width: 100%; height: 282px; background: none; }
	#headerContent { position: relative; width: 873px; height: 192px; margin: 0 auto; top: 7px; }
		#headerContent h1 { margin: 0 auto; }
		
		.header-top { float:left; width:100%; margin:0 }
		.top-left{ float:left; width:100%; max-width: 152px; position:relative;}
		.top-middle{ float:left; width:488px; position:relative; margin:0 33px 0px 0; height:188px;}
		.top-right{ float:right; width:200px; position:relative; margin:26px 0 0 0; padding-left: 50px; height:188px; }
		.top-right-mobile { display:none; }

		/* header-top top-left */
		#logoHome { }
		a#logoHome { display:block; width:152px; height:120px; margin: 23px 0 0 20px; background:url(../images/logo-130-93.png) no-repeat; }
		#logo { }
		a#logo     { display:block; width:152px; height:120px; margin: 23px 0 0 20px; background:url(../images/logo-130-93.png) no-repeat; }
		
		.ir { display: block; border: 0; white-space: nowrap; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }

		/* header-top top-middle */		
		#orgName { position: absolute; top: 0; width: auto; height: auto; padding: 0 0 0 2px; color: #3f7d2a; font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight:bold; text-align: left; line-height: 24px; margin: 0; }
		a#orgName { display:block; width:480px; height:120px; /* position: absolute; top: 20px; left: 0; z-index: 5; */}

		.top-right a {color: #3f7d2a; font-weight: 900; font-size: 18px;}
		
/* =Slideshow
----------------------------------------------- */
#slideshow { width: 941px; height: 290px; margin: 0 auto; }
	#slideshow .inner { position: relative; width: 941px; height: 225px; margin: 0 auto; }
	
	#slideshow .photos-wrapper { position: relative; height: 388px; }
	#slideshow .photos-wrapper img { position: absolute; left: 35px; top: -110px;
	/* IE hack */
  	background:none\9; /* Targets IE only */
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image.png", sizingMethod="crop");
	}

	#slideshow .dots-nav { width: 230px; height: 16px; position: absolute; bottom: 20px; left: 350px}
	#slideshow .dots-nav li { display: inline; }
	#slideshow .dots-nav li a { display:block; float:left; width: 30px; height: 30px; text-indent: -5000px; /*margin-right:16px;*/ background: url(../images/slideshow_dots.png) no-repeat; }
	#slideshow .dots-nav li a:hover { background: url(../images/slideshow_dots_over.png) no-repeat; }
	#slideshow .dots-nav li a.active { background: url(../images/slideshow_dots_active.png) no-repeat; }
			
#contentHome { position: relative; width: 873px; height: auto; margin: 0 auto; margin-top: -45px; }
#content { position: relative; width: 873px; height: 35px; margin: 0 auto; margin-top: -118px; padding: 40px; }
#leftColumn { position: relative; margin: 0; padding-bottom: 40px; float: left; width: 873px }

	/* Top of home page */
/*	#leftTop { float:left; text-align:center; margin-left: 90px; width: 200px; }
	#leftTop a:link { font-weight:550; font-style:italic; color: #2480b1; font-size:30px; text-shadow: 9px 9px 9px #2480b1; text-decoration: none; }
	#leftTop a:visited { color: #2480b1; text-decoration: none; }
	#midTop { float:left; color: #00F; margin-left: 20px; width: 20px; }
	#rightTop { float:right; text-align:center; margin-right: 90px; width: 200px; }
	#rightTop a:link { font-weight:550; font-style:italic; color: #2480b1; font-size:30px; text-shadow: 9px 9px 9px #2480b1; text-decoration: none; }
	#rightTop a:visited { color: #2480b1; text-decoration: none; }
*/	
	#leftColumn.homepage {min-height: 200px!important; height: auto; _height: 200px !important; }
	#leftColumn.nonhomepage {min-height: 415px!important; height: auto; _height: 415px !important; }
	#leftColumn h1, #leftColumn h2 { font: normal 21px Georgia, Arial, Helvetica, sans-serif; color: #007742; }
	#leftColumn h3, #leftColumn h5 { font-family: Georgia, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; color: #649a4f; }
	#leftColumn h4 { font-family: Georgia, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; font-style: italic; color: #006699; }
	
	#leftColumn h1 a { font: normal 18px Georgia, Arial, Helvetica, sans-serif; color: #000; margin: 10px 0 10px 0; text-decoration: none; }
	#leftColumn h2 a { font: normal 18px Georgia, Arial, Helvetica, sans-serif; color: #2480b1; text-decoration: underline; }
	#leftColumn h2.entry-title a { font: normal 18px Georgia, Arial, Helvetica, sans-serif; color: #2480b1; text-decoration: underline; }
	
	#leftColumn p, #leftColumn li { font: normal 15px Arial, Helvetica, sans-serif; color: #333; line-height: 25.25px; }
	
	#leftColumn .tabs { font-weight: bold; font-size: 14px; color: #666; margin: 20px 0 20px 0; }
	#leftColumn .tabs p { font-weight: bold; font-size: 14px; color: #666; }
	#leftColumn .tabs a { font-weight: bold; font-size: 14px; color: #2480b1; text-decoration: underline; }
	#leftColumn .subtabs { margin: 0 0 20px 0; }
	#leftColumn .subtabs p { font-weight: bold; font-size: 12px; color: #393838; }
	#leftColumn .subtabs a { font-weight: bold; font-size: 12px; color: #2480b1; text-decoration: underline; }

	.table table, .table tr, .table td { border-width: 1px; border-style: solid; border-spacing: 0px; border-color: #edf2eb; color: #666; }
	.table table { width: 70%;
		}
	
	#leftColumn #comments { display: none; }            /* FOR BLOG PAGE */
	#leftColumn .post .comments-link { display: none; } /* FOR BLOG PAGE */

	#welcome { float: left; line-height: 14px; }
	#welcome p, #welcome li { font-size: 15px; line-height: 25.25px; color: #333333; }
	#welcome h1 { font-family: normal 21px Georgia, Arial, Helvetica, sans-serif; font-weight: normal; color: #007742; }
	#welcome h2 { margin: 0 0 0 0; }
	
	.floatRight { float: right; padding: 0 0 10px 10px; }
	.floatLeft { float: left; padding: 0 10px 10px 0; }
	.floatCenter { text-align:center; }
	.clearFloat { clear: both; float: none; }

/*#footer { position: relative; margin: 0; width: 100%; height: 240px; background: #fffdf3 url(../images/ftrBkg-blue-10x250.jpg) top repeat-x; color: #fff; font-size: 10px; font-weight: normal; }*/
#footer { position: relative; margin: 0 0 -10px 0; width: 100%; height: auto; background-image: linear-gradient(#e2f4ff, #a9def7); font-size: 10px; font-weight: normal; padding-bottom: 10px}
	#footer span { 	display: block;	width: 100%;	height: 3px;	background: #016597;	margin-top: -2px}
	#footer h3 { /*color: white;*/  font-family: Helvetica, Arial; font-size: 14px; font-weight: bold; text-transform: uppercase; }
	#footer a { /*color: white;*/ font-size: 13px; font-weight: normal; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	#footer p { color: #666; font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; line-height: 12px; }
	#footerContent { width: 873px; margin: 0 auto; }
		#footerLeft { margin-left:10px; width: 39%; height: auto; padding: 10px 0 0 15px; float: left; }
		.footerRight{width:20%; float:left; padding: 0px 10px 0}
		.footerRight.last{width:20%; float:left; }	
		.footerRight h2 { font-size: 19px; font-weight: 100;;}
		.footerRight ul { float: left; margin: 0; padding: 0; list-style: none; }
		.footerRight ul.dropdown li { clear: both; display: block; line-height: 20px;}
		.footerRight ul.dropdown li a { padding: 0; }
		.footerRight ul li ul li { display: none; }
		.footerRight.wechat {width:15%; height: 172px; margin-right: 0 20px 0 0; background: url(../images/wechat-barcode.png) no-repeat bottom; text-align:center}
		
#copyright { margin: 26px 0 0 0; text-align:center; }
	#copyright p { color: #003219; font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; line-height: 12px; }
	#copyright a { color: #333; font-size: 11px; font-weight: normal; text-decoration: underline; }
	#copyright a:hover { text-decoration: none; }

/* Image display */
.leftHalf { float: left; width: 50%; }
.rightHalf { float: right; width: 50%; }

/*MAIN NAV for dropdown plugin menu */
#nav { position: absolute; width: 100%; height: 36px; top: 108px; /*right: 35px; */z-index: 1; margin-top: 12px; }
#navContentHome, #navContentHome .shailan-dropdown-menu-widget table { width: 873px; z-index: 2; }
#navContent { margin-top: 12px; }
#navContent .shailan-dropdown-menu-widget table { width: 873px; z-index: 2; }
#nav a { display: inline; font: 15px Arial, Helvetica, sans-serif; color: #56413b; text-decoration: none; width: 100%; text-align: right; }
#nav a:hover { color: #649a4f; }
/*#nav ul { width: auto; list-style: none; margin: 10px 5px 0 0; padding: 0; float: right; }*/
#nav ul { width: auto; list-style: none; margin: 10px 5px 0 135px; padding: 0; }
#nav li { float: left; margin: -2px 0 0 10px; border: none; height: 36px; }
#nav li img { display: block; margin: 0; }
#nav li ul { width: 160px; z-index: 5; /*border: 1px solid #c4c4c4; border-top: 1px solid #dedede;*/ position: absolute; top: 20px; line-height: 24px; margin: 0; display: none; }
#nav li ul li { width: 100%; height: 24px; background: #649a4f; margin: 0 0 0 3px; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; /*margin-left: 25px; border-bottom: 1px dotted #c4c4c4;*/ }
#nav li ul li a { color: #fff; font: normal 12px/24px Arial, sans-serif; text-transform: capitalize; text-align: left; margin: -4px 0 0 0; }
#nav li ul li a:hover { color: #703f00; /*background: #303583;*/ text-decoration: none; }
#nav li ul ul { left: 0px; margin: -22px 0 0 10px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display: none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:block; }
#nav ul li ul.sub-menu { border: none; }

ul.menu li { display: inline; position: relative; vertical-align: middle; }
ul.menu li.menu-item-has-children > a { padding-right:25px !important}
ul.menu li.menu-item-has-children > a::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(0, 0, 0, 0.5); content: ""; height: 0; position: absolute; right: 6px; top: 45%; width: 0; }


.mm-toggle{margin:auto; width:90px;font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:15px; color:#333; font-weight:400; padding:25px 0 0; display:none}
.mobile-header{display:none}
.menu-icon{float:left; width:20px; margin:6px; display:none; }
.menu-icon span{float:left; width:100%; height:2px; background:#333; margin-bottom:2px;}
#form {margin-top: 0;}
#form h3{display:none}
.tab-view{display:none}
.heading-link{font-weight: 500; font-style:italic; color: #2480b1; font-size: 24px; text-shadow: 9px 9px 9px #2480b1;}
img.wp-image-2351{}
.imag{float:left;width:100%;}
.imag .img1{ float:left; width:auto;}
.imag .img2{float:left; width:auto;}
.imag .img3{float:left; width:auto;}

.post-2460 img{}
.table{margin-bottom:20px;}
/* for table of donation list */
table { width: 70%;}
#list-cn { font-weight: 900; width: 15%;
			}
#list-en { font-size:15px; font-weight: 500; text-align:center; line-height: 30px; width: 128px;}

ul.image-list{padding:0; list-style:none; margin:0 -10px 20px; overflow:hidden}
ul.image-list li{ float:left; width:50%; padding:0 10px; margin-bottom:15px;}
ul.image-list li img{display:block; width:100%; height:auto}
.star-img{background:url(https://medvolunteers.org/wp-content/themes/medvolunteers/images/star-img.png) repeat-x left center; float:left; width:100%; height:5px; margin:15px 0;}
.full-width{ width:100%; max-width:770px; margin:0 auto; padding:0 15px;}
.page-title{ font-size:16px; font-weight:600; text-align:center; width:100%; float:left; margin:10px 0}
.copyright{margin:10px 0; float:left; width:100%; text-align:center}


/*--- News Update Titles ---*/
.title-block {padding-top: 1px; }
.title-block .icon-container { float: left; background: #25c9da; width: 63px; height: 38px; text-align: center; 
	padding-right: 0px !Important; }
.mini-logo{ display: block; float: left; margin: 2px 5px 0 0; }
.mini-logo img{ max-width: 100%; width: auto !important; margin-bottom: 0 !important; }
.divider { position: relative;	height: 3px; padding-top: 1px; border-bottom: solid 2px #7bcaf5; margin-bottom: 20px;}
.divider span { 	display: block;	width: 40px;	height: 3px;	background: #7bcaf5;	margin-top: -2px}

.latest-news { width: 100%; height: auto;/* height: 155px; */}

.alignright {float: right;}
.alignleft {float: left; margin-right: 10px;}
.center { display: block; margin-left: auto; margin-right: auto; }
.right-img {float: right; padding: 0 0 0px 10px;}

#video {width: 700px; position:relative; margin: 0 auto; height: 200px;}
#video-left {width: 291px; height: auto; margin: 10px 0 30px 30px;}
#video-right {width: 291px; height: auto; float:right; margin-top: -240px; margin-bottom: 30px;}