@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; background: #443829; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; text-align: center; }
img { border: 0; }
a { color: #f4c763; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; }
p { margin: 0; padding: 8px 0; }
.clear { clear: both; }
.img {display: block; float: left; width: 100px; height: 100px; border: 2px solid #f68b1e; margin: 10px;}

a.buynow {display: block; width: 153px; height: 31px; background: url(../images/buynow.gif) no-repeat top; text-indent: -9000em; overflow: hidden;}
a.buynow:hover {background: url(../images/buynow.gif) no-repeat bottom; }

a.viewcart {display: block; width: 153px; height: 31px; background: url(../images/viewcart.gif) no-repeat top; text-indent: -9000em; overflow: hidden;}
a.viewcart:hover {background: url(../images/viewcart.gif) no-repeat bottom; }


#container { margin: 0 auto; width: 850px; text-align: left; border: 1px solid #2c2216; border-top: 0; }
#header { height: 201px; overflow: hidden; }
#header h1 { float: left; margin: 0; padding: 0; width: 267px; height: 201px; text-indent: -9000em; overflow: hidden; }
#header h1 a { display: block; background: url(../images/logo.jpg) no-repeat; width: 267px; height: 201px; text-indent: -9000em; overflow: hidden; }
#header #banner { float: right; width: 583px; height: 201px; }

#menu {  }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu ul li { float: left; }
#menu ul li a { display: block; height: 47px; text-indent: -9000em; overflow: hidden; }
#menu ul li a.home-btn { background: url(../images/home-btn.jpg) no-repeat; width: 78px; }
#menu ul li a.aboutus-btn { background: url(../images/aboutus-btn.jpg) no-repeat; width: 88px; }
#menu ul li a.projects-btn { background: url(../images/projects-btn.jpg) no-repeat; width: 91px; }
#menu ul li a.howyoucanhelp-btn { background: url(../images/howyoucanhelp-btn.jpg) no-repeat; width: 150px; }
#menu ul li a.wherewework-btn { background: url(../images/wherewework-btn.jpg) no-repeat; width: 126px; }
#menu ul li a.newsevents-btn { background: url(../images/newsevents-btn.jpg) no-repeat; width: 118px; }
#menu ul li a.onlinestore-btn { background: url(../images/onlinestore-btn.jpg) no-repeat; width: 109px; }
#menu ul li a.contactus-btn { background: url(../images/contactus-btn.jpg) no-repeat; width: 90px; }
#menu ul li a:hover { background-position: bottom; }

#menu2 {  }
#menu2 ul { margin: 0; padding: 0; list-style: none; }
#menu2 ul li { float: left; }
#menu2 ul li a { display: block; height: 47px; text-indent: -9000em; overflow: hidden; }
#menu2 ul li a.home-btn { background: url(../images/home-btn2.jpg) no-repeat; width: 65px; }
#menu2 ul li a.aboutus-btn { background: url(../images/aboutus-btn2.jpg) no-repeat; width: 78px; }
#menu2 ul li a.projects-btn { background: url(../images/projects-btn2.jpg) no-repeat; width: 77px; }
#menu2 ul li a.howyoucanhelp-btn { background: url(../images/howyoucanhelp-btn2.jpg) no-repeat; width: 133px; }
#menu2 ul li a.wherewework-btn { background: url(../images/wherewework-btn2.jpg) no-repeat; width: 116px; }
#menu2 ul li a.newsevents-btn { background: url(../images/newsevents-btn2.jpg) no-repeat; width: 108px; }
#menu2 ul li a.gallery-btn { background: url(../images/gallery-btn.jpg) no-repeat; width: 73px; }
#menu2 ul li a.onlinestore-btn { background: url(../images/onlinestore-btn2.jpg) no-repeat; width: 104px; }
#menu2 ul li a.contactus-btn { background: url(../images/contactus-btn2.jpg) no-repeat; width: 96px; }
#menu2 ul li a:hover { background-position: bottom; }

#content { background: #053d22 url(../images/content-bg.jpg) no-repeat; height: 1%; }
#content h1 { float: left; margin: 0; padding: 17px 0 0 0; height: 62px; text-indent: -9000em; overflow: hidden; }
#content .title-home { background: url(../images/title-home.jpg) no-repeat; width: 322px; }
#content .title-aboutus { background: url(../images/title-aboutus.jpg) no-repeat; width: 322px; }
#content .title-kmoteam { background: url(../images/title-kmoteam.jpg) no-repeat; width: 322px; }
#content .title-whathas { background: url(../images/title-whathas.jpg) no-repeat; width: 322px; }
#content .title-whyweserve { background: url(../images/title-whyweserve.jpg) no-repeat; width: 322px; }
#content .title-projects { background: url(../images/title-projects.jpg) no-repeat; width: 322px; }
#content .title-cleanwater { background: url(../images/title-cleanwater.jpg) no-repeat; width: 322px; }
#content .title-healthcare { background: url(../images/title-healthcare.jpg) no-repeat; width: 322px; }
#content .title-discipleship { background: url(../images/title-discipleship.jpg) no-repeat; width: 322px; }
#content .title-emergencyrelief { background: url(../images/title-emergencyrelief.jpg) no-repeat; width: 322px; }
#content .title-howyoucanhelp { background: url(../images/title-howyoucanhelp.jpg) no-repeat; width: 322px; }
#content .title-wherewework { background: url(../images/title-wherewework.jpg) no-repeat; width: 322px; }
#content .title-newsevents { background: url(../images/title-newsevents.jpg) no-repeat; width: 322px; }
#content .title-onlinestore { background: url(../images/title-onlinestore.jpg) no-repeat; width: 322px; }
#content .title-contactus { background: url(../images/title-contactus.jpg) no-repeat; width: 322px; }
#content .title-donatenow { background: url(../images/title-donatenow.jpg) no-repeat; width: 322px; }
#content .title-servicetrip { background: url(../images/title-servicetrip.jpg) no-repeat; width: 322px; }
#content .title-fundraising { background: url(../images/title-fundraising.jpg) no-repeat; width: 322px; }
#content .title-gallery { background: url(../images/title-gallery.jpg) no-repeat; width: 322px; }

.txt-home { float: left; background: url(../images/txt-home-bg.jpg) no-repeat; width: 568px; }
.txt-home .donatenow-btn { float: left; display: block; margin: 17px 0 0 19px; background: url(../images/donatenow-btn.gif) no-repeat; width: 212px; height: 46px; text-indent: -9000em; overflow: hidden; }
.txt-home .donatenow-btn:hover { background-position: bottom; }
.txt { background: url(../images/txt-inner-bg.jpg) no-repeat; }
.txt .donatenow-btn { float: right; display: block; margin: 17px 15px 0 19px; background: url(../images/donatenow-btn.gif) no-repeat; width: 212px; height: 46px; text-indent: -9000em; overflow: hidden; }
.txt .donatenow-btn:hover { background-position: bottom; }
#content .text { padding: 10px 40px 15px 23px; }
#content .text p { line-height: 1.6em; }

#content .home-bottom { padding: 0 30px 15px 30px; }

#content .onlinestore-btn { display: block; float: left; background: url(../images/inner-onlinestore-btn.jpg) no-repeat; width: 155px; height: 101px; text-indent: -9000em; overflow: hidden; }
#content .onlinestore-btn:hover { background-position: bottom; }

#content .news-box { float: right; padding: 10px; background: #044725 url(../images/news-bg.gif) repeat-x; width: 60%; height: 1%; border: 1px solid #205339; }
#content .news-box ul { margin: 0; padding: 0; list-style: none; }
#content .news-box ul li { float: left; padding: 10px 10px 0 10px; width: 130px; }
#content .news-box ul li h3 { margin: 0; padding: 0; font-size: 13px; color: #fffaa4; }
#content .news-box ul li h3 span { font-size: 11px; font-weight: normal; color: #a7d9c1; }
#content .news-box ul li p { margin: 0; padding: 4px 0; color: #8cad9a; }
#content .news-box ul li a { display: block; float: right; background: url(../images/read-btn.gif) no-repeat; width: 50px; height: 18px; text-indent: -9000em; overflow: hidden; }
#content .news-box ul li a:hover { background-position: bottom; }

.project-btns { float: left; background: url(../images/projects-box.jpg) no-repeat bottom; width: 282px; height: 364px; }
.project-btns h2 { margin: 17px 0 0 0; padding: 0; background: url(../images/subtitle-projects.jpg) no-repeat; height: 62px; text-indent: -9000em; overflow: hidden; }
.project-btns ul { margin: 17px 0 0 26px; padding: 0; list-style: none; }
.project-btns ul li { padding: 0 0 5px 0; }
.project-btns ul li a { display: block; width: 219px; height: 57px; text-indent: -9000em; overflow: hidden; }
.project-btns ul li a.water-btn { background: url(../images/water-btn.jpg) no-repeat; }
.project-btns ul li a.medicaldental-btn { background: url(../images/medicaldental-btn.jpg) no-repeat; }
.project-btns ul li a.mission-btn { background: url(../images/mission-btn.jpg) no-repeat; }
.project-btns ul li a.emergencyrelief-btn { background: url(../images/emergencyrelief-btn.jpg) no-repeat; }
.project-btns ul li a:hover { background-position: bottom; }

#bottom-border { background: url(../images/bottom-border-bg.gif) repeat-x; height: 8px; }

#footer { margin: 0 auto; background: url(../images/sm-footer-logo.gif) no-repeat right; width: 850px; }
#footer .inner { padding: 15px 130px 15px 15px; text-align: right; font-size: 10px; color: #9a968d; }
#footer .inner a { color: #cdcec9; text-decoration: none; }
#footer .inner a:hover { color: #fff; }

form { margin: 0; padding: 0; }
form table { border-collapse: collapse; }
form table td { padding: 6px; border-bottom: 1px solid #1d5d25; }
label { display: block; text-align: right; }
.input { padding: 6px; background: #eaf3ec; border: 1px solid #257c32; }

dl { margin: 0; padding: 0; }
dt { margin: 0; padding: 0; }
dd { margin: 0; padding: 15px; }

.bios { background: url(../images/bios-corner.gif) no-repeat top right; width: 816px; }
.bios ul { margin: 0; padding: 0; list-style: none; }
.bios ul li { float: left; }
.bios ul li a { display: block; height: 132px; text-indent: -9000em; overflow: hidden; }
.bios ul li a.BradWilliams-btn { background: url(../images/BradWilliams-btn.jpg) no-repeat; width: 174px; }
.bios ul li a.BradWilliams-btn-active { background: url(../images/BradWilliams-btn-active.jpg) no-repeat; width: 174px; }
.bios ul li a.BillWilliams-btn { background: url(../images/BillWilliams-btn.jpg) no-repeat; width: 170px; }
.bios ul li a.BillWilliams-btn-active { background: url(../images/BillWilliams-btn-active.jpg) no-repeat; width: 170px; }
.bios ul li a.SheilaWilliams-btn { background: url(../images/SheilaWilliams-btn.jpg) no-repeat; width: 169px; }
.bios ul li a.SheilaWilliams-btn-active { background: url(../images/SheilaWilliams-btn-active.jpg) no-repeat; width: 169px; }
.bios ul li a.MissionaryTeam-btn { background: url(../images/MissionaryTeam-btn.jpg) no-repeat; width: 169px; }
.bios ul li a.MissionaryTeam-btn-active { background: url(../images/MissionaryTeam-btn-active.jpg) no-repeat; width: 169px; }
.bios ul li a:hover { background-position: bottom; }
.bios .bio-text { padding: 25px 25px 25px 25px; background: url(../images/bio-text-bg.jpg) no-repeat; height: 1%; line-height: 1.6em }

.projects-menu { float: right; width: 352px; }
.projects-menu h2 { margin: 0; padding: 0; background: url(../images/title-fourfocus.jpg) no-repeat; width: 352px; height: 34px; text-indent: -9000em; overflow: hidden; }
.projects-menu ul { margin: 0; padding: 0; list-style: none; }
.projects-menu ul li { float: left; }
.projects-menu ul li a { display: block; text-indent: -9000em; overflow: hidden; }
.projects-menu ul li a.cleanwater-btn { background: url(../images/cleanwater-btn.jpg) no-repeat; width: 168px; height: 129px; }
.projects-menu ul li a.healthcareservice-btn { background: url(../images/healthcareservice-btn.jpg) no-repeat; width: 184px; height: 129px; }
.projects-menu ul li a.discipleship-btn { background: url(../images/discipleship-btn.jpg) no-repeat; width: 168px; height: 165px; }
.projects-menu ul li a.emergencyrelief-btn { background: url(../images/emergencyrelief2-btn.jpg) no-repeat; width: 184px; height: 165px; }
.projects-menu ul li a:hover { background-position: bottom; }

.servicetrip-btn { display: block; background: url(../images/servicetrip-btn.gif) no-repeat; width: 175px; height: 58px; text-indent: -9000em; overflow: hidden; }
.servicetrip-btn:hover { background-position: bottom; }
.innerdonate-btn { display: block; background: url(../images/innerdonate-btn.gif) no-repeat; width: 175px; height: 58px; text-indent: -9000em; overflow: hidden; }
.innerdonate-btn:hover { background-position: bottom; }
.fundraising-btn { display: block; background: url(../images/fundraising-btn.gif) no-repeat; width: 175px; height: 58px; text-indent: -9000em; overflow: hidden; }
.fundraising-btn:hover { background-position: bottom; }

.whyserve-btn { display: block; background: url(../images/whyserve-btn.gif) no-repeat; width: 175px; height: 58px; text-indent: -9000em; overflow: hidden; }
.whyserve-btn:hover { background-position: bottom; }
.kmoteam-btn { display: block; background: url(../images/kmoteam-btn.gif) no-repeat; width: 175px; height: 58px; text-indent: -9000em; overflow: hidden; }
.kmoteam-btn:hover { background-position: bottom; }
.whathas-btn { display: block; background: url(../images/whathas-btn.gif) no-repeat; width: 175px; height: 58px; text-indent: -9000em; overflow: hidden; }
.whathas-btn:hover { background-position: bottom; }

.tripfaq-btn { display: block; float: right; background: url(../images/tripfaq-btn.gif) no-repeat; width: 175px; height: 58px; text-indent: -9000em; overflow: hidden; }
.tripfaq-btn:hover { background-position: bottom; }
.tripapp-btn { display: block; float: right; background: url(../images/tripapp-btn.gif) no-repeat; width: 175px; height: 58px; text-indent: -9000em; overflow: hidden; }
.tripapp-btn:hover { background-position: bottom; }
.tripreport-btn { display: block; float: right; background: url(../images/tripreport-btn.gif) no-repeat; width: 175px; height: 58px; text-indent: -9000em; overflow: hidden; }
.tripreport-btn:hover { background-position: bottom; }
.tripreport-btn2 { display: block; float: right; background: url(../images/tripreport-btn2.gif) no-repeat; width: 175px; height: 58px; text-indent: -9000em; overflow: hidden; }
.tripreport-btn2:hover { background-position: bottom; }