/**********  Global Style **********/

* { margin: 0; padding: 0; }
body { font: normal normal normal 16px/1.5 Arial, Helvetica, Verdana, Sans-Serif; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; }
#outWrap { background: url("graphics/bg_top.png") repeat-x; margin: 0 auto; }
.wrap { width: 1000px; margin: 0 auto; }
.hoverBtn span { display: none; cursor: pointer; }
div.ctTitle, div.rhsTitle { height: 1.4em; padding-top: 0.4em; }
div.ctTitle { padding-left: 15px; margin: 0 0 15px -15px; }
div.rhsTitle { margin: 1em 0 0.4em; width: 254px; cursor: pointer; }
.inline { display: inline; }
h2, h4, h3, h1, h5, h6 { color: #126BA4; font-weight: bold; }
h1, h2, h4 { text-transform: uppercase; }
h1.rhsH1 { color: #fff; font-size: 1.6em; }
h2 { font-size: .9em; line-height: 2.1em; }
h3 { font-size: 1.05em; line-height: 2em; }
h4 { font-size: .9em; line-height: 1.5em; }
h4 a { color: #126BA4; }
h5, h6 { line-height: 2em; }



.subTitle { float: right; display: inline; margin-top: -2.1em; }
.subTitle a { color: #8588B8; font-size: 0.75em; padding-right: 1em; font-weight: bold; line-height: 1em; }
.subTitle a:hover { text-decoration: none; color: #126BA4; }


/**********  Header  **********/

#header { background: #EFF4F7; overflow: hidden; }
#logo { margin: 35px 0 25px 15px; float: left; }
#topMisc { float: right; margin: 1.5em; text-align: right; width: 40%; }

.textSize { text-align: right; overflow: hidden; margin-bottom: 3px; }
.topSubLinks { font: 14px/1.5 Verdana, Arial, Helvetica, sans-serif; margin: 0pt 2px 0.5em 0pt; }
.topSubLinks a { color: #1470AA; }
.topSearchBox { border: 1px solid #E5E6E7; color: #999999; font-size: 0.8em; height: 1.3em; padding: 0.2em 0pt 0.2em 0.3em; width: 13.2em; }
.topSearchBtn { background: url("graphics/bt_search.jpg") top left no-repeat; width: 72px; height: 23px; border: 0; padding: 0pt 0pt 2px; cursor: pointer; }
.topSearchBtn:hover { background-position: left bottom; }

#a_L_text { width: 16px; display: block; height: 16px; background: url("graphics/type_l.gif") top left no-repeat; float: right; }
#a_S_text { display: block; width: 11px; height: 11px; background: url("graphics/type_s.gif") top left no-repeat; float: right; margin: 5px 3px 0 0; }
#a_S_text:hover, #a_L_text:hover { background-position: bottom left; }

/**********  TopNav **********/

#topNavi { clear: both; height: 2.45em; background: #1C64A6 url("graphics/nav.jpg") left bottom repeat-x; }
#topNavi ul, #topNavi ul li, #topSubNavi ul, .topSubNavi ul li { list-style: none; }
#topNavi ul li, .topSubNavi ul li { display: inline; }
#topNavi a { background: #1C64A6; border-bottom-style: solid; border-bottom-width: 6px; border-left: 1px solid #5779B2; color: #FFFFFF; display: block; float: left; font-size: 0.95em; font-weight: bold; line-height: 1.9em; padding: 2px 1.875em 0pt; }
#topNavi a.on:hover { background-image: none; }
#topNavi a:hover { border-bottom: 0pt none; height: 2.3em; text-decoration: none; }

#topNavi a.first { border-left: 0; }

.topSubNavi ul { padding-bottom: 2px; }
.topSubNavi a { color: #fff; font-size: 0.95em; padding: 0 0 0 2.4em; line-height: 2.25em; }

/*** IF _SOLID_MENU [TOPNAVI]

.topSubNavi { line-height: 1.45em; margin-top: -3px; background:url("graphics/nav_shadow.jpg") 0 100% repeat-x; clear:both; }

#topNavi a#navHome { border-bottom-color: #6aaeca;  }
#topNavi a#navAboutUs { border-bottom-color: #c16165; }
#topNavi a#navWhere { border-bottom-color: #548363; }
#topNavi a#navHowHelp { border-bottom-color: #81B9AB; }
#topNavi a#navNews { border-bottom-color: #AB9E4E; }
#topNavi a#navJobs { border-bottom-color: #F9A469; }
#topNavi a#navContact { border-bottom-color: #9A6867; }

#navHome:hover { background: #6aaeca url("graphics/home_hover.jpg") left top repeat-x; }
#navAboutUs:hover { background: #c16165 url("graphics/about_hover.jpg") left top repeat-x; }
#navWhere:hover { background: #548363 url("graphics/work_hover.jpg") left top repeat-x; }
#navHowHelp:hover { background: #81B9AB url("graphics/help_hover.jpg") left top repeat-x; }
#navNews:hover { background: #AB9E4E url("graphics/news_hover.jpg") left top repeat-x; }
#navJobs:hover { background: #F9A469 url("graphics/jobs_hover.jpg") left top repeat-x; }
#navContact:hover { background: #9A6867 url("graphics/contact_hover.jpg") left top repeat-x; } */

/* ELSE IF _JS_HOVER_MENU [TOPNAVI] */

.topSubNavi { line-height: 1.45em; margin-top: -3px; background: url("graphics/nav_shadow.jpg") 0 100% repeat-x; clear: both; display: none; }
.current { display: block; }
.currentpage { font-weight: bold; }

.topNavColorJs { background-color: Transparent !important; }

#topNavi a#navHome { border-bottom-color: #6aaeca; background-color: #6aaeca; }
#topNavi a#navAboutUs { border-bottom-color: #c16165; background-color: #c16165; }
#topNavi a#navWhere { border-bottom-color: #548363; background-color: #548363; }
#topNavi a#navHowHelp { border-bottom-color: #81B9AB; background-color: #81B9AB; }
#topNavi a#navNews { border-bottom-color: #AB9E4E; background-color: #AB9E4E; }
#topNavi a#navJobs { border-bottom-color: #F9A469; background-color: #F9A469; }
#topNavi a#navContact { border-bottom-color: #9A6867; background-color: #9A6867; }

#navHome:hover { background-color: #6aaeca !important; }
#navAboutUs:hover { background-color: #c16165; }
#navWhere:hover { background-color: #548363; }
#navHowHelp:hover { background-color: #81B9AB; }
#navNews:hover { background: #AB9E4E; }
#navJobs:hover { background-color: #F9A469; }
#navContact:hover { background-color: #9A6867; }

/*  END IF [TOPNAVI]

/*********** Main Content *********/

#content { margin: 15px auto; }
#mainContent { width: 727px; float: left; }

#mainBanner, #videoThumb, #subBanner { border: 1px solid #7FB9AD; }
.mainBnImgDesc span, .subBnImgDesc span, .vedioDesc span { color: #fff; font-size: 0.75em; }
.mainBnImgDesc a { color: #FAF6BE; font-weight: bold; line-height: 28px; padding-left: 12px; }
#subBanner, #videoThumb, .mainCont { margin: 15px 0 30px 0; }

.mainBnImgCtn { height: 119px; }
.mainBnImgDesc { height: 30px; background: #ADD7B8 url("graphics/story1_bg.jpg") repeat-x; overflow: auto; }

.subBnImgDesc, .vedioDesc { height: 56px; padding-top: 2px; overflow: auto; background: #ADD7B8 url("graphics/story2_bg.jpg") repeat-x; }
.subBnImgDesc a, .vedioDesc a { color: #FAF6BE; font-weight: bold; padding: 0pt 0pt 0pt 15px; }
.subBnImgDesc span span, .vedioDesc span span { line-height: 1.25em; padding-left: 15px; display: block; font-size: 1.0em; }

#subBanner { width: 430px; float: left; }
.subBnImgCtn, .vedioThumbCtn { height: 120px; }

#videoThumb { width: 275px; float: right; }
.vedioDesc { overflow: hidden; }
.vedioDesc span span { padding-right: 5em; }
a#playBtn { display: block; float: right; width: 35px; height: 35px; background: url("graphics/bt_video.gif") top left no-repeat; margin: -44px 8px 0 0; cursor: pointer; }
a#playBtn span { display: none; }
a#playBtn:hover { background-position: bottom left; }

.mainCont { padding: 0 0 0 13px; }
.mainCont p, .mainCont ul, .mainCont ol { color: #646668; font-size: .95em; line-height: 1.5; margin-bottom: 1em; }
.mainCont ul, .mainCont ol { list-style-type: circle; padding-left: 1em; margin: 1em 0; }
.mainCont p.desPar { color: #106EAB; font-weight: bold; margin-bottom: 23px; }
a.more { color: #8588B8; }
a.more:hover { color: #126BA4; text-decoration: none; }
.titleFeed { margin: 2px 0pt 0pt 0px; vertical-align: top; }


/************ RHS *****************/

#RHS { width: 257px; float: right; margin: 0 auto; }
.donate { width: 227px; height: 132px; margin: 0 auto; background: #94C8B2 url("graphics/donate.jpg"); padding: 12px 15px; margin: -3px 0 -4px; }
#scrolltext { height: 50px; }
#scrolltext { color: #fff; font-size: .85em; line-height: 1.2; }
#scrolltext div.showItems { display: none; }
#donateBtn { display: block; width: 142px; height: 30px; background: url("graphics/bt_donate.jpg") top left; margin: 10px 0 0 -5px; cursor: pointer; }
.rhsSnipet { margin-bottom: 15px; }
.rhsSnipet h2 { background: transparent url(graphics/arrow.gif) no-repeat scroll 15px 35%; padding: 0pt 0pt 0pt 30px; }
.rhsSnipet p { color: #646668; font-size: .85em; padding: 0 15px; }
#signUpBtn { display: block; width: 94px; height: 25px; background: url("graphics/bt_sighup.jpg") top left; margin: 11px 0pt 0pt 11px; cursor: pointer; }
#donateBtn:hover, #signUpBtn:hover { background-position: bottom left; }

.rhsMapFm { width: 254px; height: 127px; background: url("graphics/map.gif") no-repeat; }
#rhsMapFmCtn { height: 2em; padding-top: 2.25em; }
.rhsMapFm select { border: 1px solid #E5E6E7; color: #666666; font-size: 0.8em; height: 1.6em; margin: 0pt 12px 0pt 15px; padding: 0.1em 0.4em; width: 13.2em; }
.rhsMapFm p { color: #1470AA; padding-top: 1em; }
#goCountryBtn { background: url("graphics/bt_go.gif") top left no-repeat; width: 37px; height: 19px; border: 0; cursor: pointer; }
#goCountryBtn:hover { background-position: left bottom; }

.events { width: 227px; height: 83px; padding: 12px 15px; }
.events h3 { color: #fff; text-transform: uppercase; font-size: 0.8em; font-weight: bold; }
.events p { color: #1470aa; font-size: 0.82em; line-height: 1.1; }

#RHS, #content { margin-bottom: 2em; }

/************** Footer ****************/

#footer, .footerContainer { clear: both; background: #EFF4F7; overflow: hidden; }
#footer, #footer a { color: #126BA4; font-size: 0.95em; line-height: 1.4; }

.rssClip { margin-bottom: 13px; }
.contact, .copyright { margin-bottom: 2em; }
.contact span, .copyright span { display: block; }
.contact { width: 50%; float: left; padding-left: 13px; }
.copyright { width: 40%; float: right; padding-right: 15px; text-align: right; }


/************ Dynamic CSS *************/

.rssClip { border-bottom: 10px solid #80B9AC; }
.events { background: #B3DBB9 url("graphics/events_home.jpg"); }
div.ctTitle, div.rhsTitle { background: #E5EFFA; }


/**************** Buttons ******************/
.sendBtn { background: url("graphics/bt_send.jpg") top left no-repeat; width: 77px; height: 25px; border: 0; cursor: pointer; }
.sendBtn:hover { background-position: left bottom; }

/* where we work country list */

ul.countryList, ul.countryList li { list-style: none; }
ul.countryList li { padding-left: 1.2em; }
ul.countryList a { font-size: 0.85em; color: #4187B5; font-weight: bold; }

.searchResults { color: #646668; font-size: 0.95em; width: 500px; }
.searchResults a { color: #8588B8; }