body {
    margin: 0;
    color: #464646;
    font: 15px/18px "Verdana", Arial, "Courier New", sans-serif;
    background: #fff;
    min-width: 1002px;
}
body.large-text {
    font-size: 1.2em
}
img {
    border-style: none
}
a {
    text-decoration: none;
    color: #32449C;
}
.page-back {
    display: block;
    margin-top: 8px;
    font-size: 0.85em;
    font-style: italic;
    color: #5B5B5B !important;
}
a:hover {
    text-decoration: underline
}
input,
textarea,
select {
    font: 100% "Verdana", Arial, "Courier New", sans-serif;
    vertical-align: middle;
    color: #000;
}
form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}
h1 {
    color: #B6238F;
    font-size: 2em;
    margin-top: 0.4em;
}
.subpage h1 {
    color: #F39400
}
h2 {
    color: #F39400;
    font-size: 2em;
    margin-top: 1.8em;
}
.arial-rounded h1, .arial-rounded h2 {
    font-weight: normal;
    font-family: "Verdana", "Arial Rounded MT Bold", "Courier New", Arial, sans-serif;
}
#wrapper {
    width: 100%;
    min-width: 968px;
    overflow: hidden;
    position: relative;
}
#header {
    width: 100%;
    background: url(../images/bg-header.gif);
    position: relative;
}
#header .holder {
    width: 968px;
    margin: 0 auto;
    position: relative;
}
#header .holder:after {
    clear: both;
    content: "";
    display: block;
}
#header .logo-block {
    width: 620px;
    float: left;
    padding: 8px 0 17px;
}
.logo {
    width: 271px;
    height: 82px;
    background: url(../images/logo-new.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}
.logo a {
    display: block;
    height: 100%;
    position: relative;
}
#header .logo-block .slogan {
    display: block;
    color: #797979;
    font-size: 14px;
    margin: -33px 0 0 104px;
}
#header .info-block {
    float: right;
    width: auto;
    padding: 7px 0 0 0;
}
#header .info-block .audio {
    background: url(../images/bg-audio.png) no-repeat;
    width: 147px;
    height: 19px;
    float: right;
    overflow: hidden;
    margin: 0 0 18px 9px;
    padding: 0 0 3px 5px;
}
#header .info-block .audio.small {
    width: 116px;
    margin-right: -8px;
    background: url('../images/bg-audio-small.png') no-repeat !important;
}
#ie7 .info-block .audio.small {
    width: 120px;
    margin-right: -12px;
}
#header .info-block .audio.small .volume {
    display: none
}
#header .info-block .audio .minus,
#header .info-block .audio .plus {
    width: 16px;
    height: 16px;
    background: url(../images/bg-plus.png) no-repeat;
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    margin: 3px 0 0;
}
#header .info-block .audio .minus {
    background-position: -21px 0;
    margin: 3px 5px 0 5px;
}
#header .info-block .audio span {
    float: left;
    padding: 4px 16px 4px 3px;
    background: url(../images/separator-audio.png) no-repeat 100% 0;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
}
#header .info-block .audio .volume {
    background: url(../images/volume.png) no-repeat;
    width: 19px;
    height: 17px;
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    margin: 1px 0 0 5px;
}
#header .info-block .phone {
    font-size: 24px;
    line-height: 27px;
    color: #253377;
    text-align: right;
    display: block;
    margin: 0 0 -1px;
    clear: right;
}
#header .info-block .mail {
    color: #253377;
    text-align: right;
    clear: right;
    display: block;
    float: right;
}
#header .shadow {
    position: absolute;
    width: 1092px;
    height: 41px;
    background: url(../images/shadow.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    left: -50px;
    bottom: -20px;
    z-index: 2;
}
.navigation {
    width: 100%;
    background: #2e3e90 url(../images/bg-nav.gif);
    position: relative;
}
.navigation .navigation-holder {
    margin: 0 -145px 0 -69px;
    padding: 0 0 15px;
    position: relative;
    z-index: 3;
}
.navigation ul:after {
    display: block;
    clear: both;
    content: '';
}
.navigation ul {
    width: 968px;
    margin: 0 auto;
    padding: 13px 140px 2px 69px;
    list-style: none;
    font-weight: bold;
    background: url(../images/break-nav.png) no-repeat -25px 100%;
}
.navigation ul li {
    float: left;
    white-space: nowrap;
    margin: 0 -16px;
    position: relative;
}
.navigation ul li:first-child,
.navigation ul li.first {
    padding: 0;
    margin: 0 -20px 0 -57px;
}
.navigation ul li:first-child a,
.navigation ul li.first a {
    padding: 0 45px 14px 57px
}
.navigation ul li a {
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 0 42px 13px 42px;
}
.arial-rounded .navigation ul li a {
    font-weight: normal;
    font-family: "Verdana", "Arial Rounded MT Bold", "Courier New", Arial, sans-serif;
}
.navigation ul .current-menu-item a,
.navigation ul li a:hover,
.navigation ul .current-menu-parent a,
.navigation ul .current-menu-ancestor a {
    color: #bcbfff;
    text-decoration: none;
    background: url(../images/nav-hover.png) no-repeat 50% 100%;
}
.navigation ul li:hover ul {
    display: block
}
.navigation ul li ul {
    list-style: none;
    width: auto;
    position: absolute;
    top: 24px;
    left: 48px;
    margin: 0;
    display: none;
    box-shadow: 0 0 12px #242424;
    padding: 2px 0 !important;
    background: #4C61BD;
    border-bottom: 3px solid #92A3ED;
}
.navigation ul li ul li {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    float: none;
}
.navigation ul li ul li a {
    position: relative;
    color: #FFF !important;
    padding: 6px 12px !important;
    margin: 0 !important;
    background: none !important;
}
.navigation ul li ul li.current-menu-item a,
.navigation ul li ul li a:hover {
    color: #FFF;
    background: #6075D4 !important;
}
.navigation ul li ul li a:hover {
    box-shadow: 0 0 12px #333
}
#main {
    width: 100%;
    background: #32449c url(../images/bg-main.gif) repeat-x;
}
#main .container:after {
    display: block;
    clear: both;
    content: '';
}
#main .container {
    width: 973px;
    margin: 0 auto;
    padding: 0 0 10px 5px;
    position: relative;
}
#main .shadow {
    position: absolute;
    width: 1092px;
    height: 41px;
    background: url(../images/shadow.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    left: -50px;
    bottom: -20px;
    z-index: 2;
}
#main .section {
    width: 100%;
    overflow: hidden;
    padding: 11px 0 25px;
}
#content {
    float: left;
    width: 730px;
}
#sidebar {
    float: left;
    width: 236px;
    color: #fff;
    padding: 0 0 0 4px;
}
#content .welcome {
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    display: block;
    margin: 0 0 0 17px;
}
#content .welcome span {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
}
ul.items {
    margin: 0;
    padding: 10px 0 0;
    list-style: none;
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
    overflow: hidden;
    height: 1%;
}
ul.items li {
    vertical-align: middle;
    width: 241px;
    height: 124px;
    float: left;
    margin: 0 0 6px;
    display: table;
}
#ie7 ul.items li {
    line-height: 124px
}
* +html ul.items li {
    margin: 0;
    padding: 0 0 6px;
}
ul.items li a {
    height: 100%;
    background: url(../images/bg-content-btn.png) no-repeat;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #5b5b5b;
    padding: 0 12px;
}
ul.items li a:link, ul.items a:visited {
    color: #5B5B5B !important;
}
.arial-rounded ul.items li a {
    font-weight: normal;
    font-family: "Verdana", "Arial Rounded MT Bold", "Courier New", Arial, sans-serif;
}
ul.items li.green a {
    background: url('../images/green.png') no-repeat
}
ul.items li.grey a {
    background: url('../images/grey.png') no-repeat
}
ul.items li.pink a {
    background: url('../images/pink.png') no-repeat
}
ul.items li.purple a {
    background: url('../images/purple.png') no-repeat
}
ul.items li.yellow a {
    background: url('../images/yellow.png') no-repeat
}
ul.items.border li a {
    background-image: url('../images/bg-content-btn-border.png')
}
* +html ul.items li a span,
* +html ul.items li a {
    display: block
}
#sidebar h3 {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    margin: 0 0 12px;
}
#sidebar .info-block {
    background: url(../images/bg-sidebar.gif) repeat-y -233px 0;
    width: 233px;
}
#sidebar .info-block .holder {
    background: url(../images/bg-sidebar.gif) no-repeat;
    width: 233px;
}
#sidebar .info-block .frame {
    background: url(../images/bg-sidebar.gif) no-repeat -466px 100%;
    overflow: hidden;
    padding: 16px 10px 14px 12px;
    line-height: 18px;
}
#sidebar .info-block .frame ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#sidebar .info-block .frame ul li {
    padding: 0 0 28px;
    vertical-align: top;
    height: 1%;
}
#sidebar .info-block .frame em {
    color: #7db955;
    display: block;
    font-style: normal;
    border-bottom: 1px solid #436068;
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 7px -2px;
    padding: 0 0 0 2px;
}
#sidebar .info-block .frame p {
    margin: 0 0 5px
}
#sidebar .info-block .frame .news {
    float: left;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    background: url(../images/bg-btn.gif) no-repeat 0 100%;
    margin: -15px 0 0;
}
#sidebar .info-block .frame .news span:hover {
    text-decoration: underline
}
#sidebar .info-block .frame .news span {
    background: url(../images/bg-btn.gif) no-repeat 100% 0;
    height: 24px;
    float: left;
    padding: 7px 18px 0 21px;
    cursor: pointer;
}
.columns:after {
    display: block;
    clear: both;
    content: '';
}
.columns {
    background: #fff;
    width: 960px;
    margin: 0 0 30px 4px;
}
#main .columns .holder {
    background: url(../images/bg-columns.gif) no-repeat;
    width: 960px;
}
.columns .frame:after {
    display: block;
    clear: both;
    content: '';
}
.columns .frame {
    background: url(../images/bg-columns.gif) no-repeat -960px 100%;
    position: relative;
    padding: 15px 12px 12px 14px;
    width: 934px;
}
.columns .frame .image {
    position: absolute;
    left: 300px;
    top: -35px;
}
.columns .col-1 {
    float: left;
    width: 280px;
    line-height: 18px;
}
.columns .col-1 h2 {
    color: #b6238f;
    font-size: 24px;
    line-height: 27px;
    margin: 0 0 9px;
}
.columns .col-1 p {
    margin: 0 0 17px
}
.columns .col-2 {
    float: right;
    width: 295px;
    line-height: 18px;
}
.columns .col-2 h2 {
    color: #f39400;
    font-size: 24px;
    line-height: 27px;
    margin: 0 0 9px;
}
.columns .col-2 p {
    margin: 0 0 15px
}
.columns .col-2 dl,
dl.contact {
    margin: 0;
    padding: 22px 0 0;
}
.columns .col-2  dl dt,
dl.contact dt {
    display: inline-block;
    width: 60px;
    vertical-align: middle;
    padding: 0 0 11px;
}
.columns .col-2 dl dd,
dl.contact dd {
    margin: 0;
    display: inline-block;
    width: 200px;
    vertical-align: middle;
    padding: 0 0 11px;
}
* +html .columns .col-2 dl dd,
* +html dl.contact dd {
    display: inline;
    margin: 0 0 0 4px;
}
* +html .columns .col-2  dl dt,
* +html dl.contact dt {
    display: inline
}
.columns .col-2  dl .phone,
dl.contact .phone {
    text-indent: -9999px;
    background: url(../images/ico-01.gif) no-repeat;
    width: 60px;
    height: 34px;
    overflow: hidden;
}
.columns .col-2  dl .mail,
dl.contact .mail {
    text-indent: -9999px;
    background: url(../images/ico-02.gif) no-repeat;
    width: 60px;
    height: 34px;
    overflow: hidden;
}
dl.contact > * a {
    color: #464646
}
#footer {
    width: 100%;
    background: url(../images/bg-footer.gif);
}
#footer .holder {
    margin: 0 auto;
    width: 965px;
    overflow: hidden;
    padding: 23px 0 21px;
}
#footer .footer-holder {
    width: 100%;
    overflow: hidden;
    background: url(../images/footer-holder.png) repeat-x;
}
#footer .holder .donate {
    width: 440px;
    float: left;
}
#footer .holder .donate a {
    background: url(../images/bg-btn-donate.png) no-repeat;
    width: 147px;
    height: 43px;
    float: left;
    text-indent: -9999px;
    overflow: hidden;
}
#footer .holder .donate em {
    float: left;
    color: #fff;
    font-size: 15px;
    margin: 12px 0 0 14px;
}
#footer .social-networks {
    margin: 0;
    list-style: none;
    width: 289px;
    float: left;
    padding: 1px 0 0 36px;
}
#footer .social-networks li {
    float: left;
    padding: 0 8px 0 0;
}
#footer .holder .social-networks li img {
    display: block
}
#footer .info {
    float: left;
    width: 158px;
    padding: 0 0 0 42px;
    text-align: right;
}
#footer .info strong {
    font-size: 24px;
    line-height: 27px;
    color: #fff;
}
#footer .info a {
    color: #fff;
    font-size: 14px;
}
#footer .panel {
    width: 100%;
    background: url(../images/bg-panel.png) repeat-x;
    color: #5068da;
    padding: 9px 0 0;
}
#footer .panel .frame {
    background: url(../images/bg-panel-c.png);
    width: 100%;
}
#footer .panel .section {
    margin: 0 auto;
    width: 968px;
    overflow: hidden;
    padding: 0 0 9px;
}
#footer .panel dl {
    margin: 0;
    overflow: hidden;
    font-size: 12px;
    line-height: 15px;
}
#footer .panel dl dt {
    float: left;
    margin: 0 1px 0 0;
}
#footer .panel dl dd {
    float: left;
    margin: 0 6px 0 0;
}
#footer .panel address {
    font-style: normal
}
.fullpage {
    padding: 12px;
    background: #FFF;
    position: relative;
    border-radius: 4px;
    behavior: url('http://www.batias.com/wp-content/themes/batias/css/PIE.php');
}
.fullpage p {
    line-height: 1.4em
}
.fullpage {
    width: 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
}
.thumbnail > div.inner {
    max-width: 510px;
}
.fullpage dl.contact dd {
    width: 400px
}
.fullpage ul li {
    padding: 3px 0
}
/* sticky footer */
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #32449C;
}
#wrapper {
    margin: 0;
    padding: 0;
    min-height: 100%;
}
#main {
    overflow: auto;
    padding-bottom: 120px;
} /* must be same height as the footer */
#footer {
    position: relative;
    margin-top: -120px; /* negative value of footer height */
    height: 120px;
    clear: both;
}
/*Opera Fix*/
body:before {
    /* thanks to Maleika (Kohoutec)*/
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px; /* thank you Erik J - negate effect of float*/
}
/* breadcrumbs */
.breadcrumb {
    color: #FFF;
    font-size: 0.85em;
    margin-bottom: 4px;
    padding-bottom: 4px;
}
.breadcrumb a {
    color: #FFF
}
/* news */
ul#latest-news {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}
ul#latest-news li {
    padding: 12px;
    display: block;
    position: relative;
    border-radius: 4px;
    background: #e8ebf8;
    margin-bottom: 12px;
    border: 1px solid #cfd4ea;
    behavior: url('http://www.batias.com/wp-content/themes/batias/css/PIE.php');
}
ul#latest-news li a {
    display: block;
    font-size: 1.3em;
    font-weight: bold;
}
ul#latest-news li a span.posted-on {
    color: #9ea7ce;
    display: inline;
    font-size: 0.7em;
    padding-left: 24px;
    font-style: italic;
}
ul#latest-news li a span {
    display: block;
    margin-top: 4px;
    font-size: 0.9em;
    font-weight: normal;
    text-decoration: none;
}
ul#latest-news li a:hover {
    text-decoration: none
}
/* trustees */
#fullpage-trustees-ceo {
    background: url('../images/trustees.jpg') bottom left no-repeat #FFF
}
#trustees-left {
    float: left;
    width: 370px;
    padding-bottom: 240px;
}
#trustees-right {
    width: 540px;
    float: right;
}
#trustees-cells {
    margin-top: 24px
}
#trustees-top {
    display: block;
    font-size: 1.2em;
    margin-top: 12px;
}
.trustees-cell {
    float: left;
    width: 240px;
    height: 140px;
    font-size: 0.85em;
}
.trustees-cell.odd {
    margin-right: 24px
}
.trustees-cell > div,
.trustees-cell > a {
    display: block;
    margin-bottom: 4px;
}
.trustee-name {
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 8px;
}
.trustee-name,
.trustees-cell strong {
    color: #222
}
.trustee-email {
    font-size: 1.25em;
    color: #7DB955;
    width: 240px;
    overflow: visible;
    word-wrap: break-word;
    text-decoration: none;
}
.large-text .trustees-cell {
    padding-bottom: 24px;
}
.large-text .trustees-cell, .word-wrap .trustee-email {
    overflow: visible;
}
.large-text .trustee-name, .large-text .trustee-email, .large-text .trustee-resp, .large-text .trustee-position {
    line-height: 1.2em;
}
/* clearfix */
/* For modern browsers */
.cf:before,
.cf:after {
    content: "";
    display: table;
}
.cf:after {
    clear: both
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom: 1
}
/* contact */
#fullpage-contact-us {
    background: url('../images/contact.png') bottom right no-repeat #FFF
}
#fullpage-contact-us p {
    max-width: 680px
}
.offices-container {
    clear: both;
    margin: 32px 0;
}
.office {
    float: left;
    width: 240px;
    word-wrap: break-word;
    overflow: visible;
    margin-right: 24px;
}
.office-title {
    color: #222;
    font-size: 1.05em;
    font-weight: bold;
}
.office-address {
    margin: 12px 0
}
.office-tel {
    color: #32449C;
    font-size: 1.2em;
}
.office-email {
    color: #7DB955;
    font-size: 1.1em;
}
.offices-container.bottom .last {
    width: auto
}
.thumbnail p {
    max-width: 680px
}
.large-text .office-address, .large-text .office-title, .large-text .office-tel, .large-text .office-email {
    line-height: 1.2em;
}
/* job vacancies */
#job-vacancies {
    padding-top: 12px;
    margin: 12px 0 0 0;
    border-top: 1px solid #EEE;
}
.job-vacancy {
    padding: 12px;
    position: relative;
    border-radius: 8px;
    background: #F9ECF3;
    margin-bottom: 24px;
    behavior: url('http://www.batias.com/wp-content/themes/batias/css/PIE.php');
}
.job-vacancy-title {
    color: #B6238F;
    font-size: 1.5em;
    font-weight: bold;
}
.job-vacancy-posted-on {
    display: inline;
    font-size: 0.7em;
    font-style: italic;
    padding-left: 12px;
    font-weight: normal;
}
.job-vacancy-moreinfo {
    padding: 8px;
    font-size: 0.9em;
    background: #D9DEF8;
}
.job-vacancy-moreinfo .tel,
.job-vacancy-moreinfo .name {
    color: #32449C;
    font-weight: bold;
}

/* bottom buttons */
.bottom-buttons {
	float: left;
	width: 741px;
}
.bottom-button {
	display: block;
	width: 171px;
	height: 68px;
	float: left;
	background: url('../images/bottom-buttons.png') no-repeat;
}

.bottom-button  {
	margin-right: 18px;
}

.bottom-button.last {
	margin-right: 0;
}

.bottom-button .facebook {
	background-position: 0 0;
}

.bottom-button.virgin {
	background-position: -190px 0;
}

.bottom-button.twitter {
	background-position: -380px 0;
}

.bottom-button.localgiving  {
	background-position: -570px 0;
}

.fullpage .inner a:link {
    color: #B6238F;
}

.fullpage .inner a:visited {
    color: #D58AC1;
}

.fullpage .inner a:hover, .fullpage .inner a:active {
    text-decoration: underline;
}

#about-bottom {
    background: url('../images/about.jpg') right bottom no-repeat;
}

/* partners */
.partners {
    clear: both;
}

.partner {
    width: 460px;
    float: left;
    height: 87px;
    margin-right: 24px;
    margin-bottom: 12px;
}

.partner.even {
    margin-right: 0;
}

.partner-logo {
    float: left;
    width: 160px;
}

.partner-title {
    float: right;
    width: 280px;
    font-weight: bold;
    line-height: 87px;
    text-align: left;
}

#home-page-above-footer {
	color: #FFF;
	margin-bottom: 16px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 1.4em;
}

.fc-button-prev, .fc-button-next {
	margin-top: 2px;
}

.fc-button-prev .fc-button-content, .fc-button-next .fc-button-content {
	line-height: 1.3em;
	height: 1.4em;
}

#jGrowl {
	display: none !important;
	visibility: hidden !important;
}

.fc-today, .fc-state-highlight {
	background-color: #EEFF99 !important;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
.header-links {
    margin-top: 7px;
    display: block;
    float: right;
    margin-bottom: -11px;

}
a.header-link {
    width: 100px;
    background-image: url('../images/money-giving.png');
    height: 50px;
    display: block;
      background-size: contain;
    background-repeat: no-repeat;
    float: left;
    margin-left: 12px;
}
a.header-link-2{
     background-image: url('../images/facebook.png'); 
}
a.header-link-3{
     background-image: url('../images/twitter.png');
}