/* Global Reset & Standards ---------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5% }
body { background:#999 url(../images/ngo-childs.jpg) center no-repeat; background-size: cover; background-attachment:fixed; font-family: DroidSansRegular, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 20px; color: #666; position: relative; -webkit-font-smoothing: antialiased; }
/* Links ---------------------- */
a { color: #009933; text-decoration: none; line-height: inherit; }
a:hover { color: #FFFFFF }
a:focus { color: #003300; outline: none; }
p a,p a:visited { line-height: inherit }
img {border:0px;}

/* Base Type Styles Using Modular Scale ---------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td { margin: 0; padding: 0; font-size: 13px; direction: ltr; }
p { font-size: 13px; line-height: 1.6; margin-bottom: 15px; }
p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
::-webkit-input-placeholder { font-size: 12px }
aside p { font-size: 13px; line-height: 1.35; font-style: italic; }
h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
h1 { font-size: 40px }
h2 { font-size: 37px }
h3 { font-size: 27px }
h4 { font-size: 23px }
h5 { font-size: 17px }
h6 { font-size: 14px }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
.subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; }
em,i { font-style: italic; line-height: inherit; }
strong,b { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
code { font-weight: bold; background: #ffff99; }
/* Lists ---------------------- */
ul,ol { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: inside; }
ul li ul,ul li ol { margin-left: 20px; margin-bottom: 0; }
ul.square,ul.circle,ul.disc { margin-left: 17px }
ul.square { list-style-type: square }
ul.square li ul { list-style: inherit }
ul.circle { list-style-type: circle }
ul.circle li ul { list-style: inherit }
ul.disc { list-style-type: disc }
ul.disc li ul { list-style: inherit }
ul.no-bullet { list-style: none }
ul.large li { line-height: 21px }
ol li ul,ol li ol { margin-left: 20px; margin-bottom: 0; }

/* The Grid ---------------------- */
.row { width: 980px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column,
.row.collapse .columns { padding: 0 }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0 }
.column,
.columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.column.centered,
.columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child { float: right }
[class*="column"] + [class*="column"].end { float: left }
.one,.row .one { width: 8.33333% }
.two,.row .two { width: 16.66667% }
.three,.row .three { width: 25% }
.four,.row .four { width: 33.33333% }
.five,.row .five { width: 41.66667% }
.six,.row .six { width: 50% }
.seven,.row .seven { width: 58.33333% }
.eight,.row .eight { width: 66.66667% }
.nine,.row .nine { width: 75% }
.ten,.row .ten { width: 83.33333% }
.eleven,.row .eleven { width: 91.66667% }
.twelve,.row .twelve { width: 100% }
.row .offset-by-one { margin-left: 8.33333% }
.row .offset-by-two { margin-left: 16.66667% }
.row .offset-by-three { margin-left: 25% }
.row .offset-by-four { margin-left: 33.33333% }
.row .offset-by-five { margin-left: 41.66667% }
.row .offset-by-six { margin-left: 50% }
.row .offset-by-seven { margin-left: 58.33333% }
.row .offset-by-eight { margin-left: 66.66667% }
.row .offset-by-nine { margin-left: 75% }
.row .offset-by-ten { margin-left: 83.33333% }

.row { *zoom: 1  }
.row:before,.row:after { content: ""; display: table; }
.row:after { clear: both }

/* Requires globals.css */
.nav-bar { height: 40px; margin-top: 30px; padding: 0; }
.nav-bar > li { float: left; display: block; position: relative; padding: 0; margin: 0 7px 0 0; line-height: 40px; }
.nav-bar > li:first-child { background: none }
.nav-bar > li:last-child { }
.nav-bar > li.active { }
.nav-bar > li.active > a { cursor: pointer }
.nav-bar > li.active:hover { cursor: default }
.nav-bar > li:hover { }
.nav-bar > li > a { color: #555 }
.nav-bar > li ul { margin-bottom: 0 }
.nav-bar > li .flyout { display: none }
.nav-bar > li.has-flyout > a:first-child { position: relative }
.nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; position: absolute; right: 0px; top: 0px; }
.nav-bar > li.has-flyout > a.flyout-toggle { background: none; border-left: 0 !important; position: absolute; right: 0; top: 0; padding: 20px; z-index: 2; display: block; }
.nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 55px }
.nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666 }
.nav-bar > li > a:first-child { position: relative; background:#fff; padding: 0 11px; display: block; text-decoration: none; font-size: 14px; }
.nav-bar > li > input { margin: 0 10px }
.nav-bar.vertical { height: auto; margin-top: 0; }
.nav-bar.vertical > li { float: none; border-bottom: none; border-right: solid 1px #333333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.nav-bar.vertical > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: transparent transparent transparent #e6e6e6; }
.nav-bar.vertical > li .flyout { left: 100%; top: -1px; }
.nav-bar.vertical > li .flyout.right { left: auto; right: 100%; }
.nav-bar.vertical > li.active { border-right: solid 1px #2284a1 }
.nav-bar.vertical > li:last-child { border-bottom: solid 1px #333333 }

/* MENU SUPERFISH */
#menu-icon { display: none; /* hide menu icon initially */ }
.sf-menu,.sf-menu li { margin: 0; padding: 0; float: right; }
.sf-menu li { list-style: none; float: left; }
.sf-menu a { padding: 4px 15px; display: block; color: #fff; }
.sf-menu a:hover { }
.sf-menu ul { padding: 2px; position: absolute; display: none; /* hide dropdown */ width: 200px; }
.sf-menu ul li { float: none; margin: 0px; padding: 0px; }
.sf-menu li:hover > ul { display: block; /* show dropdown on hover */ }
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul { left: 200px; /* match ul width */ top: 0; }
.sf-menu,.sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu,.sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0 }
.sf-menu ul { position: absolute; top: -999em; width: 10em; }
.sf-menu ul li { width: 100% }
.sf-menu li:hover { visibility: inherit }
.sf-menu li { float: left; position: relative; margin-right: 7px; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
.sf-menu { float: right; margin-bottom: 1em; }
.sf-menu a { padding: .95em 1.1em; text-decoration: none; }
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #000; }
.sf-menu li { }
.sf-menu li li { background: #fff; width: 200px; }
.sf-menu li li li { background: #fff }
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active { outline: 0; color: #000; }
.sf-menu a.sf-with-ul { min-width: 1px }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; }
a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 0.9em; background-position: 0 -100px; }
#nav-wrap { margin-top: 30px }
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px }
.sf-menu ul .sf-sub-indicator { background-position: -10px 0 }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0 }
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0 ; color:#333; background:#666;}
.sf-shadow ul { padding: 0 8px 9px 0; border-top: 2px solid #33877D; width: 200px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }

.topborder { border-top: 4px solid }
.header { height: 80px ; background:#f1f1f1;}
.logo { margin-top: 10px;margin-bottom: 10px; }
.logo h4 { font-size: 27px ; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.hr { height: 36px }
.name { display: none }
#footer { background: #151515; color: #f1f1f1; padding: 10px 0; margin-top: 10px; }
#footer a { color: #666; font-size: 12px; }
#footer h1 { font-size: 16px; color: #ccc; margin-bottom: 20px; }
.newsmargin { margin-left: 46px }
#footer .button { box-shadow: none; width: auto; nowhitespace: afterproperty; background: #444; color: #999; cursor: pointer; display: inline-block; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 10px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
#footer input[type="text"] { background: #333; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; border: 1px solid #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: #999; display: block; font-size: 12px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; box-shadow: none; }
.copyright { background: #111; padding: 7px 0; border-top: 1px solid #181818; color: #444; }