/* =============================================

    SIF Corporate Site Version 2.0.0x
    By: Vincent Kwong & Richard Vasquez

    1. Defaults/GLobal
    2. Typography
    3. Header
    4. Main Styles
    5. Footer
    6. Media Queries/Mobile Layout
    7. Helper Classes
    8. Print Styles

CI Colours:
Orange: #d24f1d
Dk Blue: #0a1a5c
Dk Green: #198a42
Light Blue: #015b74
Light Green: #74b74a
Ash: #d2cec1 
Sandstone: #e8e3d3
============================================= */
<!--
/**
 * @license
 * MyFonts Webfont Build ID 3170525, 2016-02-12T01:20:43-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Calibri-Italic by Ascender
 * URL: http://www.myfonts.com/fonts/ascender/calibri/italic/
 * 
 * Webfont: Calibri-BoldItalic by Ascender
 * URL: http://www.myfonts.com/fonts/ascender/calibri/bold-italic/
 * 
 * Webfont: Calibri-Bold by Ascender
 * URL: http://www.myfonts.com/fonts/ascender/calibri/bold/
 * 
 * Webfont: Calibri by Ascender
 * URL: http://www.myfonts.com/fonts/ascender/calibri/regular/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3170525
 * Licensed pageviews: 1,000,000
 * Webfonts copyright: &#x00A9; 2007 Microsoft Corporation. All Rights Reserved.
 * 
 * © 2016 MyFonts Inc
*/

-->

/*  onMediaquery */
html {
  font-family: 'desktop'; 
}
* html {
  /* IE6 */
  font-family: "desktop"; 
}
* + html {
  /* IE7 */
  font-family: "desktop"; 
}
@media \0screen {
  html {
    /* IE8 */
    font-family: "desktop"; 
  } 
}
body:after { content: 'mobile'; display: none; }


/* Colours */
/* Fonts */
/* 2. Typography */

body,
h1,
p,
a,
div,
button,
input,
button,
select,
textarea {
      font-family: Calibri, "Trebuchet MS", Helvetica, sans-serif;
    /*text-rendering: optimizeLegibility !important;*/
    -webkit-font-smoothing: antialiased !important;
      font-size: 16px;
}
ul, ol{margin-left:20px;}
h1.left,
h2.left,
p.left {
  text-align: left !important; 
}

h1.right,
h2.right,
p.right {
    text-align: right !important; 
}

.left { float: left; }
.left-80 { width: 65%; float: left; }
.right { float: right; }
.right-20 { width: 35%; float: right; }

.clear { clear: both;line-height: 0;  font-size: 0; }

/* Colours */
.bg_green { background: #2e7b00; }
.bg_dgreen { background: #188a42; }
.bg_applegreen{ background-color: #74b74a;}
.bg_orange { background: #cc6600;  }
.bg_red { background: #990000; }
.bg_ash{ background: #eaeaea; }
.bg_gray{ background-color:#e2e2e2;}
.bg_sandstone{ background-color:#F4EFE6;}
.bg_white{background-color:#fff;}
.c_green { color: #2e7b00; }
.c_orange { color: #cc6600; }
.c_red { color: #990000; }
.c_white { color: #ffffff; }
.s_green, .s_orange, .s_red {
    width: 12px;
    height: 12px;
    margin: 2px 3px 0 5px;
    border-radius: 50%;   
    -moz-border-radius: 50%;   
    -webkit-border-radius: 50%;   
}
.s_green { background: #2e7b00; }
.s_orange { background: #cc6600; }
.s_red { background: #990000; }
.pad10{padding:10px;}
.pad15{padding:15px;}
/* ======================================= 
==========================================
======= [ 1. Defaults/Global ] ===========
==========================================
======================================= */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */ 
}
a { color: #0a1a5c; }
a img { border:0; }

/* Navigation */
#slideNav {
	display: none;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -80px;
	z-index: 11;
}
#slideNav ul {
	list-style: none;
	color: #000000;
	font-size: 13px;
	text-align: center;
}
#slideNav li {
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: rgba(255,255,255,0.70);
	margin-bottom: 1px;
}
.no-rgba  #slideNav li {background-color: #ffffff}
#slideNav a {
	display: block;
	width: 50px;
	height: 50px;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	color: #000000;
}
#slideNav a.disabled {
	cursor: default;
}
.breadcrumbs-spacer {
    height: 55px;
}
.main-spacer {
    margin-top: 68px;
}

a.blue_button { text-decoration: none; }
.blue_button {
    background-color: #0a1a5c;
    background-image: -moz-linear-gradient(center top , #015b74, #0a1a5c);
    border-color: #015b74 #0a1a5c;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #fff;
    cursor: pointer;
    padding: 5px 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    width: 100px;
}
.blue_button:hover, .blue_button:focus {
    background-color: #198a42;
    background-image: -moz-linear-gradient(center top , #74b74a, #198a42);
}
.blue_button:active {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
    outline: medium none;
}
.blue_button::-moz-focus-inner {
    border: medium none;
}

a.back-to-top {
	display: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	/*background: #bfd73b url("../images/up-arrow.png") no-repeat center 43%;*/
    background: #bfd73b url("../images/up-arrow.png") no-repeat scroll center 44% / 55% auto;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a.back-to-bottom {
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 5px;
	bottom: 20px;
	background: #bfd73b url("../images/bottom-arrow.png") no-repeat center 57%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top, a:hover.back-to-bottom {
	background-color: #015b74;
}

.fade { /*opacity: 1; filter: alpha(opacity=100);*/ }
.fade:hover { /*opacity: 0.6; filter: alpha(opacity=60);*/ }

a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

blockquote {
font-family: Georgia, serif;
font-size: 24px;
font-style: italic;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
background: none;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

blockquote p { font-size: 20px; font-family: Calibri;  }

blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: 0;
top: -15px;
color: #7a7a7a;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
font-family: Calibri;
}
 
blockquote cite:before {
content: "\2014 \2009";
}

blockquote:after {
    display: block;
    content: "\201D";
    font-size: 80px;
    position: absolute;
    right: 18px;
    bottom: -30px;
    color: #7a7a7a;
    }
blockquote cite:after {
    /*content: "\2019 \2009";*/
    }


.highlighted_header{
	background-color:#e8e3d3; 
	padding:8px;
	font-size:18px;
	font-weight:bold;
}
.div-40p{
	width:100%;
	padding:0px 20% 0px 20%;	
}
select::-ms-expand {
    display: none;
}
.disabled_link {
   pointer-events: none;
   cursor: default;
}
/* ======================================= 
==========================================
======= [ 2. Typography ] ===========
==========================================
======================================= */
* { margin: 0; padding: 0; }
html,body { margin: 0; padding: 0; height: 100%; width: 100%; color: #555555; font-family: Calibri; }
body {
    transition: 0s linear;
    transition-property: background-position;
}
.logo img {
    /*width: 138px;*/
    width: 220px;
    float: left;
}
/* RE-USABLES*/
h2.bottom_dashed{ font-size:30px; }
.bottom_dashed{
	border-bottom:1px dashed #999999;	
}
.gray_box{
	background-color:#eaeaea;
	padding:20px 10px;	
}
.width_100{width:100%;}
.width_90{width:90%;}
.width_80{width:80%;}
.width_75{width:75%;}
.width_60{width:60%;}
.width_50{width:50%;}
.padding_20_50{padding:20px 50px;}
.centered{margin:0px auto 0px auto;}
.center_text{text-align:center;}
.marginr10{margin-right:10px;}
.marginl10{margin-left:10px;}
/* WRAPPER */
#main-wrapper {
    width: 100%;
    overflow: hidden; /* or overflow:auto; if you want scrollbars */
}
.constrain_width{
	width:900px;
	margin:0px auto 0px auto;
}
.constrain_width ul{
	margin:10px 5px 10px 20px;	
}

.link_overlay {
    height: 258px;
    position: absolute;
    top: 0;   
}
.link_icons {
    background: rgba(0, 0, 0, 0) url("../images/link_icons.png") no-repeat scroll -37px -238px;
    bottom: 15px;
    content: "";
    display: block;
    height: 30px;
    left: 20px;
    position: absolute;
    width: 34px;
    z-index: 1200;
}
.link_icons.photo { background: rgba(0, 0, 0, 0) url("../images/link_icons.png") no-repeat scroll -37px -134px; }
.link_icons.video { background: rgba(0, 0, 0, 0) url("../images/link_icons.png") no-repeat scroll -37px -40px; }
/* ======================================= 
==========================================
============ [ 3. Header ] ===============
==========================================
======================================= */
/* HEADER */
#header {
    width:100%; 
    margin:0 0 0 0;
    overflow: hidden;
}
#top-header {
    width:100%; 
    padding:5px 0 0 0; 
	position: fixed;
    top:0;
    z-index: 999;
    background: #fff;
    border-bottom: 1px solid #808386;
}
#header_fixed{
	width:900px;
	margin:0px auto 0px auto;

}
/* HEADER-TOP-RIGHT NAVIGATION */
.top-right-nav {
    min-height: 28px;
    float: right;
    margin: 3px 0 0 0;
    z-index: 999;
}
/* SOCIAL ICONS (HEADER) */
.social {
    float: left;
    z-index: 999;
}
.social li {
    list-style: none;
    display: inline;
}
.social li a {
    display:inline-block;
    width: 31px;
    height: 28px;
}
/* SOCIAL ICON HOVER (HEADER) */
.social li a.fb { background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll 0 0; }
.social li a.twt { background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll -35px 0; }
.social li a.yt { background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll -69px 0; }
.social li a.ig { background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll -103px 0; }
.social li a.cu { background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll -137px 0; }
/* SOCIAL ICON HOVER (HEADER) */
.social li a.fb:hover { background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll 0 -28px; }
.social li a.twt:hover { background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll -35px -28px; }
.social li a.yt:hover { background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll -69px -28px; }
.social li a.ig:hover { background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll -103px -28px; }
.social li a.cu:hover { background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll -137px -28px; }

.social.sicons2 { margin: 7px 0 0 0; }
.social.sicons2 li a {
    display:inline-block;
    width: 36px;
    height: 36px;   
    text-decoration: none;
}
/* SOCIAL ICONS 2 (HEADER) */
.social.sicons2 li a.fb { background: rgba(0, 0, 0, 0) url("../images/social-icons-sprite.png") no-repeat scroll -246px 0; }
.social.sicons2 li a.twt { background: rgba(0, 0, 0, 0) url("../images/social-icons-sprite.png") no-repeat scroll -123px 0; }
.social.sicons2 li a.yt { background: rgba(0, 0, 0, 0) url("../images/social-icons-sprite.png") no-repeat scroll -185px 0; }
.social.sicons2 li a.ig { background: rgba(0, 0, 0, 0) url("../images/social-icons-sprite.png") no-repeat scroll -61px 0; }
.social.sicons2 li a.in { background: rgba(0, 0, 0, 0) url("../images/social-icons-sprite.png") no-repeat scroll 0 0; }
/* SOCIAL ICONS 2 HOVER (HEADER) */
.social.sicons2 li a.fb:hover { background: rgba(0, 0, 0, 0) url("../images/social-icons-sprite.png") no-repeat scroll -245px -55px; }
.social.sicons2 li a.twt:hover { background: rgba(0, 0, 0, 0) url("../images/social-icons-sprite.png") no-repeat scroll -123px -55px; }
.social.sicons2 li a.yt:hover { background: rgba(0, 0, 0, 0) url("../images/social-icons-sprite.png") no-repeat scroll -185px -55px; }
.social.sicons2 li a.ig:hover { background: rgba(0, 0, 0, 0) url("../images/social-icons-sprite.png") no-repeat scroll -61px -55px; }
.social.sicons2 li a.in:hover { background: rgba(0, 0, 0, 0) url("../images/social-icons-sprite.png") no-repeat scroll 0 -55px; }

/* HEADER SEARCH STYLE */
form#header-search {  
    float:left;
    margin:0 25px;
    position: relative;
}
#header-search label,
#header-search input[type=submit] { display: none; }
#header-search input[type=text] {
    padding: 0;
    margin: 0;
    border: 2px solid #7E8285;
    border-radius: 27px;
    height: 28px;
    width: 28px;
    font-size: 14px;
    background: rgba(0, 0, 0, 0) url("../images/search.png") no-repeat scroll 5px 4px/18px 18px;
    cursor: pointer;
    color: transparent;
    text-indent: -9999px;
    
 	-webkit-transition: all 0.6s ease-out; 
	-moz-transition: all 0.6s ease; 
	-o-transition: all 0.6s ease;   
	transition: all 0.6s ease;   
}
#header-search input[type=text]:focus { 
    background: #fff url("../images/search.png") no-repeat scroll 5px center/18px 18px; 
    width: 180px; 
    padding: 0 16px 0 30px; 
    color: #555555;
    overflow: hidden;
    text-indent: 0;
}
#header-search input[type=text]:hover { 
    background: #808386 url("../images/search.png") no-repeat scroll 5px center/18px 18px;
    color: #ffffff;
}
/* UL Tabs */
ul#tabs {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0;
  border-bottom:2px solid #6AB400;
  width:98%;
   }
  ul#tabs li {
    display: inline-block;
    padding: 5px 30px 5px 0;
    margin-bottom: 4px;
    color: #000;
	font-size:16px;
    cursor: pointer; }
  ul#tabs li:last-child { padding-right:0; }
    ul#tabs li:hover {
      font-weight:bold; }
    ul#tabs li.active {
      font-weight:bold; }

ul#tab {
  list-style-type: none;
  margin: 0;
  padding: 0 50px 0 0; }
  ul#tab li {
    display: none;
    padding: 0;
   }
  ul#tab li  img{ width:200px; height:130px; }
    ul#tab li.active {
      display: block; }
    ul#tab li h2 {
	}		

/* LOGIN STYLE */
.login { float:left; margin: 3px 0 0 0; font-size: 13px;  }
.login span { font-size: 11px; margin: 0 6px; }
.login a { 
    text-decoration: none; 
    color: #555555; 
    font-size: 13px; 
}
.login a:hover { color: #B1D632; }
/* BOTTOM-TOP-RIGHT NAVIGATION */
.bottom-right-nav {
    min-height: 28px;
    float: right;
    margin: -18px 0 0 0;
}
.bottom-right-nav li { 
    display:inline;
    padding: 0 10px;
}
.bottom-right-nav li:last-child { padding-right: 0; }
.bottom-right-nav li a { 
    text-decoration: none;
    color: #0a1a5c;
	font-size:15px;
    text-transform: uppercase;
    font-weight: bold;  
    padding-bottom: 2px;
}
.bottom-right-nav li:hover a,
.bottom-right-nav li:visited a,
.bottom-right-nav li.active a {
    border-bottom: 3px solid #bfd73b;  }
.bottom-right-nav li.subpage-nav.active a {
    border-bottom: none;  }

/* FLOATING RIGHT MENU */
#side-menu {
    width: 100px;
    height: 134px;
    padding: 15px 0 0 0;
    position: fixed;
    top: 150px;
    right: -76px;
    z-index: 1000;

    background-color: rgba(204, 204, 204, 0.75);
    background: rgba(204, 204, 204, 0.75);
    color: #555555;
    
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;   
    
	-webkit-transition: all 0.6s ease-out; 
	-moz-transition: all 0.6s ease; 
	-o-transition: all 0.6s ease;   
	transition: all 0.6s ease;    
}
#side-menu:hover { right: 0; }
#side-menu li {
    list-style: none;
    margin: 0 0 13px -24px;
}
#side-menu li:last-child { margin-bottom: 0; }
#side-menu li a {
    display: block;
    width: 45px;
    height: 45px; 
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    line-height: 11.5px;    
    color: #0a1a5c;
}
#side-menu li a:hover { color:#d34f1d; } 
/* SIDE MENU ICONS */
#side-menu li a.wn { background: rgba(0, 0, 0, 0) url("../images/cta3.png") no-repeat scroll 0 0 / 200% auto; }
#side-menu li a.sgm { background: rgba(0, 0, 0, 0) url("../images/cta3.png") no-repeat scroll 0 -49px / 200% auto; }
/* SIDE MENU ICONS HOVER */
#side-menu li a.wn:hover { background: rgba(0, 0, 0, 0) url("../images/cta3.png") no-repeat scroll -46px 0 / 200% auto; }
#side-menu li a.sgm:hover { background: rgba(0, 0, 0, 0) url("../images/cta3.png") no-repeat scroll -46px -49px / 200% auto; }
#side-menu li a span {  
    position: absolute; 
    display:block;
    left: 27px;
}
#side-menu li a.wn span { margin: 14px 0 0 0; }
#side-menu li a.sgm span { margin: 8px 0 0 0; }


/* HOME BANNER SLIDER STYLE */
#banner_container {  
   	height: 550px;
	margin: 0px 0px 5px 0px;
}
#home-banner {  
    position: relative; 
    width: 100%; 
    height: 550px;
}
#home-banner > div { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 

/*	
    left: 0; 
    right: 0; 
    bottom: 0; */

}
#home-banner > div img { width:100%; }

#home-banner div img { width:100%; }
.hbanner_caption {
    position:relative; 
    display:block;
    z-index: 105;
    bottom: 0;
    top: 71%;
    /*padding: 0 18%;*/
    width: 80%;
    margin: 0 auto;
    color: #fff;
    font-size: 24px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.80);
}
.hbanner_caption ul {
    width: 100%;
    list-style: none;
    margin: auto;
    padding:0px;
}
.hbanner_caption  ul li {
    width: 33.3%;
    margin: 0px !important;
    padding: 0px !important;
    display: block;
    float: left;
    text-align: right;
}
.hbanner_caption  ul li:first-child {text-align: left;}
.hbanner_caption  h4 {
    border-top: 1px solid #fff;
    font-size: 180%;
    line-height: auto;
    margin: 6px 0 0;
    text-align: center;
}

/* ======================================= 
==========================================
======= [ 4. Main Styles ] ===========
==========================================
======================================= */
/* CONTENT STYLE */
/* HEADINGS */
h1.dashed { 
    border-bottom:1px dashed #999999; 
    text-align: center; 
    margin: 15px 0 15px 0;
    padding: 0 0 5px 0;
}
h2.connects-subhead {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 3px;
}
h3.countries-header { 
    font-size: 28px;
    font-weight: 400;
    text-align: center;
}

h1.text_header {
    font-size: 30px; 
}

h3.bottom_dashed { font-size: 30px; } 
h5.fs-16 { font-size: 16px; }

/* About */
#about {
    margin: 0px auto 5px auto;
    padding: 0px 0px 5px 0px;
    /*background: rgba(255, 255, 255, 0.8);*/
    background: #fff;
    z-index: 1;
    min-height: 280px;
}

#about p { margin-bottom:12px 0; }
#about-nav {
    margin: 50px 0 0 0;
    min-height: 45px;
	position:relative;
	z-index:4;
}
.about-nav-bg {
   background: rgba(0, 0, 0, 0) url("../images/about-banner.png") no-repeat scroll center top; 
   min-height: 650px;
   width: 100%;
   background-color: #DFDCD3;   
}
#about-nav ul {
    display: table;
    min-width: 655px;
    margin: 0 auto;
    position: relative;
    top: -13px;
    z-index: 0;
}
#about-nav ul li {
    list-style: none;
    display: inline;
    margin-right: 10px;
}
#about-nav ul li:last-child { margin-right: 0; }
#about-nav ul li a {
    text-decoration: none;
    display: inline-block;
    background: #005D74;
    /*border: 1px solid #fff;*/
    color: #fff;
    padding: 3px 15px;
    
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;    
}
#about-nav ul li a:hover, #about-nav ul li a.active { background: #BFD73B; }
.focus-areas-menu-wrap {
    width: 655px;
    margin: 0 auto;
    margin-top: 30px;
}
.whats-new-menu-wrap {
    width: 460px;
    margin: 0 auto;
    margin-top: 30px;
}
.focus-areas-menu a img, .whats-new-menu a img { width: 113px; }
.focus-areas-menu a, .whats-new-menu a { width: 113px; margin-right: 3.3%; float:left; text-decoration: none; }
.focus-areas-menu a:last-child, .whats-new-menu a:last-child { margin: 0; }
.focus-areas-menu a p, .whats-new-menu a p { text-align: center; line-height: 16px; font-weight: bold; color: #555555; }

.whats-new-menu a { margin-right: 10%; }
.whats-new-menu a h4 { 
    text-align: center;
    font-weight: 400;
    background: #005160 none repeat scroll 0 0;
    border-radius: 5px;
    padding: 9px 5px 10px;
    color: #fff;
    line-height: 16px;
    margin:5px auto;
    width: 93%;
}
.whats-new-menu a:first-child h4 { padding: 5px 5px 9px 5px; }
.whats-new-menu a:nth-child(4n) h4, .whats-new-menu a:nth-child(5n) h4 {
    padding: 16px 5px 19px;
}

/* Our team */
.rounded_image img{
	/*-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border: 2px solid #e2e2e2;
	*/
	box-shadow: 0px 0px 8px #e2e2e2;
}
/* Our Work */
.works-tab{
	
}
#our-work {
    padding: 20px 5% 0px 5%;
	margin: 10px 0 0 0;
	background-color:#fff;
}
#our-work h2 {
    font-size:38px; 
    text-align: center; 
    margin: 15px 0 15px 0;
    padding: 0 0 5px 0;
}
/* Core Values     */
.excellence_box{
	background:url(../images/bg_core_excellence.jpg) no-repeat;
	max-width:290px;
	width:32%;
	height:288px;
	padding:116px 20px 10px 20px;
	text-align:center;
	float:left;
	margin:0px 10px 0px 0px;
	background-size: 100% 100%;
}
.collaborative_box{
	background:url(../images/bg_core_collaborative.jpg) no-repeat;
	max-width:290px;
	width:32%;
	height:288px;
	padding:116px 20px 10px 20px;
	text-align:center;
	float:left;
	margin:0px 10px 0px 0px;
	background-size: 100% 100%;
}
.people_centered_box{
	background:url(../images/bg_core_people_centered.jpg) no-repeat;
	max-width:290px;
	width:32%;
	height:288px;
	padding:116px 20px 10px 20px;
	text-align:center;
	float:left;
	margin:0px 0px 0px 0px;
	background-size: 100% 100%;
}
.excellence_box h4, .people_centered_box h4, .collaborative_box h4{
	font-size:22px;
	margin-bottom:12px;
}
/* Business Units */
#business-units { 
    display: table;   /* Allow the centering to work */
	margin: 0px auto 0px auto;
}
#business-units ul#horizontal-list {
	width: 100%;
	list-style: none;
    margin: 0;
    padding:0;
}
#business-units ul#horizontal-list li {
    display: inline;
    list-style: none;
}
#business-units ul#horizontal-list li a {
    width: 215px;
    height: 200px;
    display: block;

    float :left;
    text-decoration: none;
    padding: 172px 0 0 0;
    margin: 0 10px 0 0;
    background: #cacaca;
    text-align: center;
    font-size: 18px;
    font-weight: bold;    
    
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;   
	transition: all 0.5s ease;     
}
#business-units ul#horizontal-list li:last-child a{
	margin: 0 0 0 0;
	 width: 215px;
    height: 200px;
    display: block;

    float :left;
    text-decoration: none;
    padding: 172px 0 0 0;
    background: #cacaca;
    text-align: center;
    font-size: 18px;
    font-weight: bold;    
    
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;   
	transition: all 0.5s ease;   
}
#business-units ul#horizontal-list li a:hover { 
    color: #bfd73b;  
    -webkit-filter: brightness(1.1);  
}
#business-units ul#horizontal-list li:last-child a { margin: 0; }
#business-units ul#horizontal-list li a.ce { background: #cacaca url("../images/business-units.jpg") no-repeat scroll 0 0; }
#business-units ul#horizontal-list li a.gb { background: #cacaca url("../images/business-units.jpg") no-repeat scroll -254px 0; }
#business-units ul#horizontal-list li a.vc { background: #cacaca url("../images/business-units.jpg") no-repeat scroll -509px 0; }
#business-units ul#horizontal-list li a.obw { background: #cacaca url("../images/business-units.jpg") no-repeat scroll -789px 0; }
#business-units ul#horizontal-list li a.ce:hover, #business-units ul#horizontal-list li a.ce.current { background: #0a1a5c url("../images/business-units.jpg") no-repeat scroll 0 0; color: #bfd73b; }
#business-units ul#horizontal-list li a.gb:hover, #business-units ul#horizontal-list li a.gb.current { background: #198a42 url("../images/business-units.jpg") no-repeat scroll -254px 0; color: #bfd73b; }
#business-units ul#horizontal-list li a.vc:hover, #business-units ul#horizontal-list li a.vc.current { background: #d24f1d url("../images/business-units.jpg") no-repeat scroll -509px 0; color: #bfd73b; }
#business-units ul#horizontal-list li a.obw:hover, #business-units ul#horizontal-list li a.obw.current { background: #363636 url("../images/business-units.jpg") no-repeat scroll -789px 0; color: #bfd73b; }

/* Business Units Dropdown */
#business-units-wrap { 
    display: table;   /* Allow the centering to work */
	margin: 0px auto 0px auto;
}  
.bu-dropbtn {  
    width: 215px;
    height: 200px;
    display: block;

    float :left;
    text-decoration: none;
    padding: 172px 0 0 0;
    margin: 0 13px 0 0;
    background: #cacaca;
    text-align: center;
    font-size: 18px;
    font-weight: bold;    
    
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;   
	transition: all 0.5s ease;      
}
.business-units-wrap .bu-dropdown:last-child .bu-dropbtn {
    margin: 0;
}
.bu-dropbtn.ce { background: #cacaca url("../images/business-units.jpg") no-repeat scroll 0 0; }
.bu-dropbtn.gb { background: #cacaca url("../images/business-units.jpg") no-repeat scroll -254px 0; }
.bu-dropbtn.vc { background: #cacaca url("../images/business-units.jpg") no-repeat scroll -509px 0; }
.bu-dropbtn.obw { background: #cacaca url("../images/business-units.jpg") no-repeat scroll -789px 0; }
.bu-dropbtn.ce:hover, .bu-dropbtn.ce.current, .bu-dropdown:hover .bu-dropbtn.ce { 
    background: #0a1a5c url("../images/business-units.jpg") no-repeat scroll 0 0; color: #bfd73b; }
.bu-dropbtn.gb:hover, .bu-dropbtn.gb.current, .bu-dropdown:hover .bu-dropbtn.gb {
    background: #198a42 url("../images/business-units.jpg") no-repeat scroll -254px 0; color: #bfd73b; }
.bu-dropbtn.vc:hover, .bu-dropbtn.vc.current, .bu-dropdown:hover .bu-dropbtn.vc {
    background: #d24f1d url("../images/business-units.jpg") no-repeat scroll -509px 0; color: #bfd73b; }  
.bu-dropbtn.obw:hover, .bu-dropbtn.obw.current, .bu-dropdown:hover .bu-dropbtn.obw {
    background: #363636 url("../images/business-units.jpg") no-repeat scroll -789px 0; color: #bfd73b; }
.bu-dropdown {
    position: relative;
    display: inline-block;
    float: left;
}

.bu-dropdown-content {
    display: none;
    position: absolute;
    background-color: #dddddd;
    width: 215px;
    top: 0;
    margin-top: 200px;

	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;   
	transition: all 0.5s ease;  
}
.bu-dropdown-content li a, .bu-dropdown-content ul li a {
    color: black;
    padding: 5px 16px;
    text-decoration: none;
    display: block;
}
.bu-dropdown-content li:hover { background-color: #cccccc; }
.bu-dropdown:hover .bu-dropdown-content {
    display: block;
}
.bu-dropdown-content li {
    list-style: none;
}
.bu-dropdown-content ul {
	display:none;
	position:absolute;
	top:0;
	left: 100%;
    right: 0;
	background-color: #eeeeee;
	padding:0;
    margin:0;
    width: 100%;
}
.bu-dropdown-content ul li {
	float:none;
}

.bu-dropdown-content li:hover > ul { display:block }

/* Business Units Countries */
.tabs-container {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}
.countries-menu { 
    margin:0 auto;
    width:100%; 
    background-color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.8);
    display:none;   
}
.business-units-nav {
    margin: 0 auto;
    list-style:none;
    padding: 10px 0 0 0;
    text-align: center;
	width:900px; 
}
.business-units-nav li { display: inline; margin-right: 10px; padding:0px 45px; }
.business-units-nav li:last-child { margin-right: 0; }
.business-units-nav li a {
    display: inline-block;
    width: 119px;
    height: 42px;
    border-style: solid;
    border-width: 42px 59.5px 0 59.5px;
    border-color: #e8e3d3 transparent transparent transparent;  
   
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;   
	transition: all 0.5s ease;     
}
.business-units-nav a.ce-nav:hover,
.business-units-nav a.ce-nav.current { border-color: #0a1a5c transparent transparent transparent; }
.business-units-nav a.gb-nav:hover,
.business-units-nav a.gb-nav.current { border-color: #198a42 transparent transparent transparent; }
.business-units-nav a.vc-nav:hover, 
.business-units-nav a.vc-nav.current { border-color: #d24f1d transparent transparent transparent; }
.business-units-nav a.obw-nav:hover,
.business-units-nav a.obw-nav.current { border-color: #363636 transparent transparent transparent; }
.tab {
    margin: 0 auto;
    margin-bottom: 20px;
    max-width: 1124px;;
}
.tab-content {
    width: auto;
    padding: 20px 0 0 0;
    display: none;
}
#asia-1,#europe-1,#middle_e-1,#north_a-1 {
 display: block;   
}
/* Business Units Countries Work */
.countries-work-row { 
    width: 100%;
    padding: 3px 0 3px 10px;
}
.countries-work-row.gray { background: #eeeeee }
.countries-work {
    float: left;
    width: 30%;
    text-align: center;
    color: #0a1a5c;
    font-weight: bold;
    font-size: 14px;
}
.countries-work a {
    text-decoration: none;
}
.countries-work a:hover { color: #bfd73b; }
.countries-work:first-child { text-align: left; }
.countries-work:nth-child(2) {
    width: 40%;
    color: #555;
    font-weight: 400;
}

.countries-nav { 
    width: 600px;
    margin: 0 auto;
    margin-top: 25px;
    padding: 0 0 5px 17px;
    background: #bfd73b;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;    
}
.countries-nav li { 
    display: inline;
    padding-right: 30px;
}
.countries-nav li:last-child { padding: 0; }
.countries-nav li a {
    color: #555;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
    display: inline-block;
    padding: 3px 10px;
    
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;   
	transition: all 0.3s ease;   
    cursor: default;
}
.countries-nav li a:hover,
.countries-nav li a.current {
    color: #0a1a5c;
    background: #bfd73b;
}

#connect {
    width: 900px;
    min-height: 450px;
    margin: 40px auto 0 auto;
    padding: 0 5%;
    background: rgba(0, 0, 0, 0) url("../images/connect-bg.png") no-repeat scroll 0 0;
}

/* Partners */
#partners{
 width: 100%;
min-height: 550px; 
margin: 10px 0 0px 0;
padding: 0 5% 0 5%;	
background: #cbcbcb;
background: -moz-linear-gradient(top, #cbcbcb 0%, #d4d4d4 12%, #e8e8e8 25%, #ffffff 36%, #ffffff 67%, #e8e8e8 77%, #d4d4d4 88%, #cbcbcb 99%, #cbcbcb 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #cbcbcb), color-stop(12%, #d4d4d4), color-stop(25%, #e8e8e8), color-stop(36%, #ffffff), color-stop(67%, #ffffff), color-stop(77%, #e8e8e8), color-stop(88%, #d4d4d4), color-stop(99%, #cbcbcb), color-stop(100%, #cbcbcb));
background: -webkit-linear-gradient(top, #cbcbcb 0%, #d4d4d4 12%, #e8e8e8 25%, #ffffff 36%, #ffffff 67%, #e8e8e8 77%, #d4d4d4 88%, #cbcbcb 99%, #cbcbcb 100%);
background: -o-linear-gradient(top, #cbcbcb 0%, #d4d4d4 12%, #e8e8e8 25%, #ffffff 36%, #ffffff 67%, #e8e8e8 77%, #d4d4d4 88%, #cbcbcb 99%, #cbcbcb 100%);
background: -ms-linear-gradient(top, #cbcbcb 0%, #d4d4d4 12%, #e8e8e8 25%, #ffffff 36%, #ffffff 67%, #e8e8e8 77%, #d4d4d4 88%, #cbcbcb 99%, #cbcbcb 100%);
background: linear-gradient(to bottom, #cbcbcb 0%, #d4d4d4 12%, #e8e8e8 25%, #ffffff 36%, #ffffff 67%, #e8e8e8 77%, #d4d4d4 88%, #cbcbcb 99%, #cbcbcb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#cbcbcb', GradientType=0 );	

webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}
#partnersxxx {
    width: 100%;
    min-height: 550px; 
    margin: 10px 0 0px 0;
    padding: 0 5% 0 5%;
    background: #cbcbcb; /* Old browsers */
    background: -moz-linear-gradient(top,  #cbcbcb 0%, #d4d4d4 3%, #e8e8e8 8%, #f9f9f9 21%, #ffffff 29%, #ffffff 44%, #f8f8f8 66%, #f3f3f3 76%, #e6e6e6 89%, #dcdcdc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #cbcbcb 0%,#d4d4d4 3%,#e8e8e8 8%,#f9f9f9 21%,#ffffff 29%,#ffffff 44%,#f8f8f8 66%,#f3f3f3 76%,#e6e6e6 89%,#dcdcdc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #cbcbcb 0%,#d4d4d4 3%,#e8e8e8 8%,#f9f9f9 21%,#ffffff 29%,#ffffff 44%,#f8f8f8 66%,#f3f3f3 76%,#e6e6e6 89%,#dcdcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
}
#partners h3 { padding-top: 60px; }
#partners p {
    margin: 16px 0;
}
#partners-nav {  }
#partners-nav ul li {
    list-style: none;
    display: inline;
    margin-right: 8px;
}
#partners-nav ul li:last-child { margin-right: 0; }
#partners-nav ul li a {
    text-decoration: none;
    display: inline-block;
    background: #005D74;
    color: #fff;
    padding: 3px 15px;
	border-radius: 5px;
}
#partners-nav ul li a:hover { background: #BFD73B; }


/* Breadcrumbs */
#breadcrumbs { 
    height: 55px; 
    width: 100%; 
    position: fixed;
    z-index: 998;
    /*background: #fff;*/
    
	/*-webkit-transition: all 1s ease-out; 
	-moz-transition: all 1s ease; 
	-o-transition: all 1s ease;   
	transition: all 1s ease;   
    cursor: default;*/  
    
    background: #97b523;
    background: -moz-linear-gradient(top, #97b523 0%, #aecf2a 9%, #b5d72b 16%, #b3d72b 100%);
    background: -webkit-linear-gradient(top, #97b523 0%,#aecf2a 9%,#b5d72b 16%,#b3d72b 100%);
    background: linear-gradient(to bottom, #97b523 0%,#aecf2a 9%,#b5d72b 16%,#b3d72b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97b523', endColorstr='#b3d72b',GradientType=0 );    
}
#breadcrumbs.scrolledup {
    background: #97b523;
    background: -moz-linear-gradient(top, #97b523 0%, #aecf2a 9%, #b5d72b 16%, #b3d72b 100%);
    background: -webkit-linear-gradient(top, #97b523 0%,#aecf2a 9%,#b5d72b 16%,#b3d72b 100%);
    background: linear-gradient(to bottom, #97b523 0%,#aecf2a 9%,#b5d72b 16%,#b3d72b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97b523', endColorstr='#b3d72b',GradientType=0 );
}
.bc-parent {
    width: 16%;
    height: 55px;
    float: left;
    color: #000;
    background: #c2cd91; /* Old browsers */
    background: -moz-linear-gradient(top, #c2cd91 0%, #cad89b 3%, #d3dfa1 5%, #d8e7a4 8%, #dfeeab 13%, #e3f0ab 15%, #e0efaa 16%, #e3f0ab 19%, #e3f0ab 37%, #e0efaa 38%, #e3f0ab 41%, #e0efaa 70%, #e3f0ab 72%, #e3f0ab 85%, #e0efaa 86%, #e3f0ab 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c2cd91 0%,#cad89b 3%,#d3dfa1 5%,#d8e7a4 8%,#dfeeab 13%,#e3f0ab 15%,#e0efaa 16%,#e3f0ab 19%,#e3f0ab 37%,#e0efaa 38%,#e3f0ab 41%,#e0efaa 70%,#e3f0ab 72%,#e3f0ab 85%,#e0efaa 86%,#e3f0ab 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c2cd91 0%,#cad89b 3%,#d3dfa1 5%,#d8e7a4 8%,#dfeeab 13%,#e3f0ab 15%,#e0efaa 16%,#e3f0ab 19%,#e3f0ab 37%,#e0efaa 38%,#e3f0ab 41%,#e0efaa 70%,#e3f0ab 72%,#e3f0ab 85%,#e0efaa 86%,#e3f0ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2cd91', endColorstr='#e3f0ab',GradientType=0 ); /* IE6-9 */    
}
.bc-parent h2 {
    text-transform: uppercase;
    text-align: right;
    margin: 17px 20px 0 0;
    font-size: 20px;
}
.bc-parent-border {
        width: 69px;
        height: 55px;
        background: url(../images/triangle.png) no-repeat;
        float:left;
}
.bc-title {
    text-align: center;
    font-size: 24px;
    color: #000;
    font-weight: bold;
    padding-top: 12px;
    text-transform: uppercase;
    width: 89%;
}
.bc-flat-header{
	background: #97b523;
    background: -moz-linear-gradient(top, #97b523 0%, #aecf2a 9%, #b5d72b 16%, #b3d72b 100%);
    background: -webkit-linear-gradient(top, #97b523 0%,#aecf2a 9%,#b5d72b 16%,#b3d72b 100%);
    background: linear-gradient(to bottom, #97b523 0%,#aecf2a 9%,#b5d72b 16%,#b3d72b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97b523', endColorstr='#b3d72b',GradientType=0 );
	 text-align: center;
    font-size: 24px;
    color: #000;
    font-weight: bold;
    padding: 13px 0px 14px 0px;
    text-transform: uppercase; 
}
.bc-share { 
    /*margin: -31px 4.2% 0 0; float:right;*/
    width: 900px;
    margin: 0 auto;
    text-align: right;
    margin-top: -31px;
}
/* SOCIAL SHARE ICONS (SUBPAGE) */
.share {
    z-index: 999;
}
.share li {
    list-style: none;
    display: inline;
}
.share li a {
    display:inline-block;
    width: 38px;
    height: 38px;
}
/* SOCIAL SHARE ICONS HOVER (HEADER) */
.share li a.sharethis { background: rgba(0, 0, 0, 0) url("../images/icon-share2.png") no-repeat scroll 0 0 / 100% auto; }
/* SOCIAL SHARE ICONS HOVER (HEADER) */
.share li a.sharethis:hover { background: rgba(0, 0, 0, 0) url("../images/icon-share2.png") no-repeat scroll 0 -39.5px / 100% auto; }

/*HERO BANNER*/
#hero-image { 
    width:100%; 
    /*height: 450px;*/ 
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    background-size: 100%;
    overflow: hidden;
}
.hero-caption {
    background: rgba(25, 138, 66, 0.7);
    color: #fff;
    padding: 12px 0;
    position: absolute;
    bottom: 0;
    font-size: 15px;
    width: 100%;
}
.hero-caption p {
    width: 900px;
    margin: 0 auto;
    padding: 0 15px;
}
#hero-image img { 
    display: block; 
    margin: 0 auto;
    width: 900px;
    max-height: 500px;
}
#hero-image-inner { 
    margin: 0 auto;
    width: 900px;
    min-height: 450px;
    max-height: 500px;
    background-position: center center;
    background-repeat: no-repeat;   
}
/*CONTENT*/
#content {
/*    margin: 0;
    padding: 15px 5% 0 5%;*/
	width:100%;
	padding:0px;
	margin:0px auto 0px auto;
}
#content p { margin: 14px 0; }
/*Content Left*/
.content-left {
    margin: 0;
    padding: 0;
    float: left;
    width:74%
}
.content-left p { margin: 14px 0; }
.content-left span.article-date {
    color: #666666;
}
.content-left h3.article-title {
    margin: 3px 0;
    font-size: 18px;
}
.summary p {
    padding: 15px 5px;
    margin: 5px 0 30px 0;
    font-size: 15px;
}
.summary { color:#969696; font-weight: bold; margin: -25px 0 0 -5px; }
.summary a, .summary p { color:#969696; font-size: 16px; }
/*Content Right*/
.content-right {
    margin: 0;
    padding: 0;
    float: right;
    width:19.5%;
}
.content-right h4 {
    font-size: 16px;
    font-weight: bold;
    color: #555555;
    margin-bottom: 15px
}
.latest-box { margin-bottom: 20px;  }
.latest-box a.a-border {
    border: 1px solid #cfc9c6;
    display: block;
    margin: 0;
}
.latest-box .latest-img {
    max-width: 100%;
    min-height: 118px;
    max-height: 150px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid #fff;
    opacity: 1; 
    /*background-size: cover;*/
	background-size: auto 100%;
	background-color:#262626;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;   
}
.latest-box .latest-img:hover {
    /*background-size: 105% auto;*/
    /*opacity: 0.7; */
}
.latest-box span {
    font-size: 13px;
    color: #666666;
}
.latest-box p.latest-p {
    font-size: 14px;
}
.latest-box a {
    text-decoration: none;
    color: #0a1a5c;
    font-weight: bold;     
}
.latest-box a:hover {
    text-decoration: underline;
}
.latest-box a h5 {
    margin: 5px 0;
    font-size: 15px;
    /*min-height: 38px;*/
}


.fos-box { margin-bottom: 10px;  }
.fos-box:nth-child(3n) { margin-right: 0; }
.latest-box .fos-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 2px solid #fff;
    max-height: 2000px;
    min-height: 190px;
    opacity: 1;
    transition: all 0.5s ease 0s;
    width: 290px;
}
.latest-box .fos-img:hover {
    /*background-size: 102% 102%;
    opacity: 0.7; */
}
.donor_div{
	float:left;
	margin:0px auto 40px auto;
	width:33%;
	text-align:center;
}
.donor_div img {
    width:40%;
}
/* Story Image Caption */
.content-left .image-box {
	border: 5px solid #fff;
	cursor: pointer;
	height: 500px;
	margin: 5px;
	position: relative;
	overflow: hidden;
		-webkit-box-shadow: 1px 1px 1px 1px #ccc;
		-moz-box-shadow: 1px 1px 1px 1px #ccc;
		box-shadow: 1px 1px 1px 1px #ccc;
}
.content-left .image-box img {
	position: absolute;
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}
.content-left .image-box .caption {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	color: #fff;
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left: 0;
}
.content-left .image-box .image-caption {
	height: 30px;
	width: 200px;
	display: block;
	bottom: -30px;
	line-height: 25pt;
	text-align: center;
}
.content-left .image-box:hover .image-caption {
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	opacity: 1;
	transform: translateY(-100%);
}

/* Story Image Box Caption Style */
#story-image { 
    width:660px; 
    height: 320px; 
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    background-size: 100%;
}
.story-caption {
    background: rgba(25, 138, 66, 0.7);
    color: #fff;
    padding: 0 2%;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.story-caption p {
    font-size: 12px;
}

.story-caption2 {
    background: rgba(25, 138, 66, 0.7);
    color: #fff;
    padding: 1px 2%;
    width: 100%;
}
.story-caption2 p {
    font-size: 12px;
}

/* OUR WORK */

.works-menu {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    margin: 0 auto;
    width: 100%;
}
.tab-works { 
    display: none; 
    /*padding: 40px 0 50px 0;*/
    padding: 20px 0 50px 0;
}
.tab-works p {
    text-align: center;
    width:62%;
    margin: 0 auto;    
}
#works-1 { 
    background: #0a1a5c;
    color: #fff;
    background: #E8E3D3;
    color: #000000;
}
#works-2 { 
    background: #198a42;
    color: #fff;
    background: #E8E3D3;
    color: #000000;    
}
#works-3 { 
    background: #d24f1d;
    color: #fff;   
}
#works-4 { 
    background: #363636;
    color: #fff;
}
#works-1, #works-2, #works-3, #works-4 {
    background: #e8e3d3 none repeat scroll 0 0;
    border-top: 8px solid #0a1a5c;
    color: #000000;
}
#works-2 { border-top: 8px solid #198a42; }
#works-3 { border-top: 8px solid #d24f1d; }
#works-4 { border-top: 8px solid #363636; }


#programmes-filter {
    height: 50px;
    /*background: #bfd73b;*/
    background: #dcdcdc;
    padding: 9px 0;
    margin: 0 auto;
    margin-top: 20px;
}
.programmes-filter-wrap { 
    min-width: 890px;
    margin: 0 auto;
    display: table; 
}
#programmes-filter select, select.all-speech-filter {
    margin: 0 0 0 0;
    float: left;
    border: 1px solid #111;
    background: transparent;
    min-width: 220px;
    margin: 0 10px 0 0;
    padding: 4px 35px 4px 10px;
    font-size: 16px;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/arrow-down.png) 96% / 9% no-repeat #333333;
} 
#programmes-filter select:hover, select.all-speech-filter:hover {
    background: url(../images/arrow-down.png) 96% / 9% no-repeat #464545;
} 
select.all-speech-filter {
    float: none;
    margin: 15px 0 0 0;
    min-width: 150px;
}
/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width:0\0) { 
    #programmes-filter select {
        background:none;
        padding: 5px;
    }
}

.search_prog {
    float: right;
    margin-left: 50px;
}
.search_prog input {
    height: 33px;
    margin: -1px 0 0 0;
    padding: 0 10px;
}

#prog-listings {
	width:900px;
	margin:20px auto 0px auto;
}
.programmes { 
    padding: 0 2%;
}
.programmes .prog-img {
    width: 290px;
    height: 250px;
    border: 1px solid #cfc9c6;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    opacity: 1; 
    
    background-size: auto auto;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;   
}
.programmes .prog-img:hover {
    /*background-size: 105% 105%;*/
    /*opacity: 0.7; */
}
.prog-info { 
    float: right;
    width: 64%;
    position: relative;
    /*min-height: 270px;*/
    min-height: 250px;
}
.prog-info h6 {
    font-size: 14px;
    margin: 0 0 3px 0;
}
.prog-info h5 {
    color: #959595;
    border-bottom: 1px solid #959595;
    padding-bottom: 3px;
}
.prog-info h4 {
    font-size: 30px;
    margin: 8px 0 15px 0;
}
.prog-info h4 a {
    text-decoration: none;
    font-size: 30px;
    color: #555555;
}
.prog-info h4 a:hover {
    color: #cc6600;
}
.prog-nav {
    position: absolute;
    bottom: 0;
}
.prog-nav a.prog-btn, a.prog-btn, .prog-btn {
    border-radius: 5px;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 7px 0 0 0;
    padding: 7px 10px;
    text-decoration: none;
    background: #005160;
    transition: all 0.2s ease 0s;
	cursor: pointer;
}
.prog-nav a.prog-btn:hover, .prog-nav a.prog-btn.current,
a.prog-btn:hover, .prog-btn:hover, a.prog-btn.current {
    background: #bfd73b;
}
.prog-nav span.status {
    font-size: 14px;
    font-weight: bold;
}
.prog-spacer {
    border-bottom: 1px dashed #A7A7A7;
    margin: 30px 0;
}
.prog-spacer_2 {
    margin: 30px 0;
}
.volunteer_item h3 {
    margin: 15px 0;
}
.volunteer_item:first-child h3 { margin: -8px 0 0 0; } 
/* PROGRAMMES */

h5.bu-title {
    color: #969696;
    text-transform: uppercase;
    border-bottom: 1px solid #969696;
    font-size: 14px;
    padding-bottom: 3px;
}
h3.programme-title {
    font-size: 24px;
    margin-top: 5px;
}
.programmes_nav {
    margin:0px 0px 40px 0px;
	padding:0px;	
	width:100%;
}
.programmes_nav ul{
	padding:0px;
	margin:0px;	
	width:100%;
}
.programmes_nav ul li {
    list-style: none;
    display: inline;
	border-right:2px solid #969696;
	margin:0px 5px;
	padding-right:8px;
}
.programmes_nav ul li:last-child{
	border-right:0px;	
}
.programmes_nav ul li a {
    text-decoration: none;
    color: #969696;
    font-size: 18px;
}
.programmes_nav ul li span {
   /*
    color: #969696;
    font-size: 18px;
    padding: 0 5px;
	*/
	display: none;
}
.programmes_nav ul li a:hover, .programmes_nav ul li a.active {
    color: #004952;
    text-decoration: underline;
}
.programmes_nav ul li:last-child span {
    display: none;
}


#our-work-menu  { 
    display: table;   /* Allow the centering to work */
	margin: 0 auto;
}
#our-work-menu ul { margin: 0; }
#our-work-menu ul#our-work-list {
	width: 100%;
	list-style: none;
}
#our-work-menu ul#our-work-list li {
    display: inline;
    list-style: none;
}
#our-work-menu ul#our-work-list li a {
    width: 215px;
    height: 35px;
    display: block;
    float :left;
    text-decoration: none;
    padding: 5px 0 0 0;
    margin: 0 10px 0 0;
    background: #cacaca;
    text-align: center;
    font-size: 18px;
    font-weight: bold;    
    
	-webkit-transition: all 0.5s ease-out; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;   
	transition: all 0.5s ease;     
}
#our-work-menu ul#our-work-list li a:hover { 
    color: #bfd73b;  
    -webkit-filter: brightness(1.1);  
}
#our-work-menu ul#our-work-list li:last-child a { margin: 0; }
#our-work-menu ul#our-work-list li a.ce:hover, 
#our-work-menu ul#our-work-list li a.ce.current,
.our-work-line.ce-current { 
    background: #0a1a5c; color: #bfd73b; 
}
#our-work-menu ul#our-work-list li a.gb:hover, 
#our-work-menu ul#our-work-list li a.gb.current,
.our-work-line.gb-current { 
    background: #198a42; color: #bfd73b; 
}
#our-work-menu ul#our-work-list li a.vc:hover, 
#our-work-menu ul#our-work-list li a.vc.current,
.our-work-line.vc-current { 
    background: #d24f1d; color: #bfd73b; 
}
#our-work-menu ul#our-work-list li a.obw:hover, 
#our-work-menu ul#our-work-list li a.obw.current,
.our-work-line.obw-current { 
    background: #000; color: #bfd73b; 
}
.our-work-line {
    width: 100%;
    height: 8px;
}
.countries_select, .prog_select {
    float: left;
    /*background: #005d74 url("../images/br_down.png") no-repeat scroll 114px 7px / 9% auto;*/
    background: #005d74 url("../images/br_down.png") no-repeat scroll 96.5% 7px / 15px auto;
    border: 0;
    border-radius: 5px;
    color: #fff;
    margin: -13px 0 0 0;
    padding: 2px 33px 2px 11px;

    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
}
.countries_select:hover, .countries_select.active, .prog_select:hover, .prog_select.active {
    background: #bfd73b url("../images/br_down.png") no-repeat scroll 96.5% 7px / 15px auto;
}
/*  ARCHIVES  */
#archive_yearsel{
	padding:2px 30px 2px 4px;
	margin:10px 0px 20px 0px;
	background:#000;
	color:#fff;
	font-size:18px;
	font-weight:bold;	
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	background-image:url(../images/sel_down_arrow.png);
	background-position:right;
	background-repeat:no-repeat; 
}
#archive_yearsel::-ms-expand { /* for IE 11 */
    display: none;
}
.archiveblock{
	width:100%;
	padding:0px 0px 10px 0px;
	margin:10px 0px;
	border-bottom:1px solid #ccc;
}
.archivelink{
	color:#0a1a5c;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
/*  GENERAL  */
.subheader_gray_centered{
	font-size:30px;
	margin:5px auto 15px auto;
	color:#555555;
	text-align:center;
}
.subheader_white_centered{
	font-size:28px;
	margin:5px auto 15px auto;
	color:#fffff;
	text-align:center;
}
/*  PARTNERS  */
.partners_intro_bg{
	background-color:#1b8b43;
	color:#fff;
	padding:10px 50px;	
}
.ca_items{
	width:700px;
	margin:5px auto;
	background-color:#fff;
}
.partner_items{
	width:700px;
	margin:5px auto;
	background-color:#ccc;
	padding:5px;
}

/*  MEDIA */

h3.title-media {
    text-align: center;
    border-bottom: 1px dashed #888888;
    font-size: 30px;
    padding-bottom: 4px;
}

.media-box-wrap { 
	width:900px;
	margin-top: 35px; 
}
.media-box {
    width: 28.6%;
    float:left;
    margin-right: 45px;
}
.media-box:last-child { margin-right: 0; }
.media-box .latest-img {
    height: 230px;
}

.media-gallery {
    width: 100%;
	margin:0px auto 20px auto;
    padding: 30px 15px;
    background: #f4efe6;
}
.media-gallery a{color:#0a1a5c;}
.media-gallery-box-wrap { margin-top: 30px; }
.media-gallery-box-wrap .media-gallery-box {
    float: left;
    width: 430px;
}
div.media-gallery-box:last-child  {
    margin-left: 10px;
}
.media-gallery-box .latest-img {
    max-width: 100%;
    min-height: 300px;
    max-height: 350px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid #fff;
    opacity: 1; 
    background-color:#262626;
    background-size: auto 100%;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;   
}
.media-gallery-box .latest-img:hover {
    /*background-size: 105% 105%;*/
    /*opacity: 0.7; */
}
.media-gallery-box a {
    text-decoration: none;
    color: #0a1a5c;
    font-weight: bold;     
}
.media-gallery-box a:hover {
    text-decoration: underline;
}
.media-gallery-box a h5 {
    margin: 5px 0;
    font-size: 15px;
}
h4.gallery-title {
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 5px;
}

.media-text-wrap{
    margin-top: 30px;
}
.media-text-wrap span {
    color: #666666;
    font-size: 13px;
}
#content .media-text-wrap .media-text-left p {
    color: #666666;
    font-size: 13px;
    font-style: italic;
    margin: 5px 0 15px 0;
}
.media-text-wrap a h5 {
    font-size: 15px;
    margin: 5px 0;
}
.media-text-wrap a { text-decoration: none; }
.media-text-wrap a:hover { text-decoration: underline; }
.media-text-left {
    float:left;
    width: 60%;
    padding-bottom: 15px;
}
.media-text {
    border-bottom: 1px solid #000000;
    padding-bottom: 12px;
    margin-bottom: 15px;
}
.media-text-right{
    float: right;
    width: 35%;
    padding-bottom: 15px;
}
#media-speech, .sandstone-box, .white-box {
    background: #F4EFE6;
    display: inline-block;
    padding: 30px 5%;
    width: 100%;
}
.white-box { background: none; }

a.view-all {
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 7px 10px;
    text-decoration: none;
    background: #005160;
    transition: all 0.2s ease 0s;
}
a.view-all:hover {
    background: #bfd73b;
}
.view-all-h4 {
    margin: 30px 0 40px 0;
}
.all-box {
    min-height: 405px;
}
.all-box:nth-child(3n) {
    margin-right: 0;
}
.view-all-h4.ce-sub { 
    margin: 25px 0 -20px 0;
}
.view-all.ce-sub {
    margin-right: 20px;
}
.view-all.ce-sub:last-child {
    margin-right: 0;
}
h3.latest-title { font-size: 24px; margin-bottom: 10px; }

.all-speech { border-bottom: 1px solid #888888; padding: 10px 0; }
.all-speech:last-child { border:0; }
.all-speech span { color: #666666; font-size: 13px; font-weight: 400; }
.all-speech h5 { font-size: 16px; margin: 5px 0; }
.all-speech a { color: #0a1a5c; font-weight: bold; text-decoration: none; }
.all-speech a:hover { text-decoration: underline; }
#content .all-speech p { margin: 0 0 15px 0; font-size: 14px; }
.all-date { float:left; width:18%; padding-top: 5px; }
.all-title { float:left; width:80%; font-size: 16px; margin: 5px 0; clear:right; }

.ce-about {
    width: 100%;
    padding: 30px 5%;
    background: #dcdcdc;
    display: inline-block;
}
h4.sub-ce {
    text-align: center;
    margin-top: 5px;
    font-size: 20px;
}

/*  EVENT */
h3.event_preamble{
	padding:15px 0px 15px 0px;	
}
h3.event_preamble p{
    text-align: center;
    font-size: 20px;
    padding-bottom: 4px;
}

.cont_pagination { margin:0 auto 40px auto; text-align:center; }
.cont_pagination li { display:inline; padding:0 10px 0 10px; line-height:5px; }
.cont_pagination li a { font-weight:400; text-decoration: none; }
.cont_pagination li span { margin:0 0 0 16px; font-size:12px; text-decoration: none; }
.cont_pagination li a:hover, .cont_pagination li a.current { font-weight:bold; text-decoration:underline; color: #D24F1D; }
.cont_pagination li:first-child a.current { text-decoration:none; color: #D24F1D; }		
.cont_pagination li:last-child a.current { text-decoration:none; color: #D24F1D; }		
.cont_pagination li:nth-last-child(2) span { display:none; }

/* ======================================= 
==========================================
============ [ 5. Footer ] ===============
==========================================
======================================= */
/* FOOTER */
.footer-separator {
    height: 1px;
    border-bottom: 1px solid #999999;
}
#footer {
    width:100%;
    background: #dcdcdc;
    margin: 0 0 0 0;
    padding: 50px 5% 10px 5%;
    border-top: 0px solid #fff;
}
.footer-nav-wrap {
    min-height: 420px;
    float:left;
    display: inline-block;
    border-right: 1px solid #999999;
    padding:2px 5px 0 0;
    margin:0 0 0 5px;
}
.footer-nav-wrap:last-child { border-right: 0; }
.footer-nav-wrap h4 {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size:16px;
}
.footer-nav-wrap h5 {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size:16px;
    color: #999999;
}
.footer-nav-wrap:first-child { margin: 0; }
.footer-nav-wrap:nth-last-child(2) { border: 0; }
.footer-nav { }
.footer-nav.inner { padding-top: 20px;  }
.footer-nav li {
    list-style: none;
}
.footer-nav li a {
    text-decoration: none;
    font-size: 14px;
}
.footer-nav li a:hover, .copyright a:hover { color:#d34f1d; }
.footer-nav li a span {
    color: #555555;
    font-weight: bold;
}
.footer-nav li a span.ce_sub {
    color: #999999;
}
.footer-nav li a.prog_sub {
    margin: 0 0 0 8px;
}
.copyright, .copyright a {
    text-align: center;
    background: #fff;
    color: #0a1a5c;
    font-size: 13px;
    padding:3px 0 7px 0;
}
.copyright a { text-decoration: none; }
.copyright span { margin:0 4px; }


.prog_social_media {
    border-bottom: 2px solid #6ab400;
    border-top: 2px solid #6ab400;
    margin: 20px 0;
    padding: 10px 2px;
    width: 100%;
}
.prog_social_icons {
    float:left;
}
.prog_social_icons a {
    display: inline-block;
    height: 28px;
    width: 31px;
}
.prog_social_icons a { text-decoration: none; }
.prog_social_icons a.fb { background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll 0 -28px; }
.prog_social_icons a.twt { background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll -32px -28px; }
.prog_social_icons a.ig { background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll -103px -28px; }
/* SOCIAL ICON HOVER (HEADER) */
.prog_social_icons a.fb:hover { background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll 0 0; }
.prog_social_icons a.twt:hover { background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll -32px 0; }
.prog_social_icons a.ig:hover { background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll -103px 0; }

h6.psm_header, h6.psm_header a { font-size: 14px; margin-bottom:6px; }
.social_link { float:left; margin-left: 30px; }
.social_link a:hover { color:#D24f1D; }
#survey_button a {
    width: 143px;
    height: 32px;
    padding: 3px 11px;
    position: fixed;
    top: 500px;
    right: -58px;
    z-index: 1000;
    
    border: 2px solid #fff;

    background: #D24f1D;
    display: block;
    text-decoration: none;
    color: #fff;    
    
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;   
    
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform: rotate(-90deg);  
    
	-webkit-transition: all 0.4s ease-out; 
	-moz-transition: all 0.4s ease; 
	-o-transition: all 0.4s ease;   
	transition: all 0.4s ease;      
}
#survey_button a:hover { background:#B4D72B; }