/**
*
* Imports
*
*/
@import url('/css/c/reset');
@import url('/css/c/grid');
@import url('/c/pages');

/* ---------------------------------------------------------------------------------------------------------------------- */

/**
*
* HTML tags
*
*/
body {background-color:black;padding-bottom:66px;overflow-y:scroll;overflow-x:hidden;}
body.home {background-color:#44a4ff;background-image:url('/images/layout/home-bg.jpg');background-repeat:no-repeat;}
body#news { background: black url('/images/layout/blue-sky.jpg') no-repeat top center fixed; }

a {text-decoration:none;outline:none;}
a:hover {text-decoration:underline;}

nav {}
nav ul {list-style:none;}
nav ul li {display:block;float:left;}
nav ul li a {}

/* ---------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------- */

/**
*
* Header
*
*/
#header {height:70px;margin-bottom:65px;position:relative;z-index:100;background: transparent url('/images/layout/nav-bg.png') repeat-x 0 0;}
#header #logo {}
#header #logo a {width:210px;height:116px;position:absolute;margin:0 18px;text-indent:-9999px;font-size:12px;background-image:url('/images/layout/logo.png');background-repeat:no-repeat;background-color:transparent;}
#header nav#main-nav {margin-left:250px;}
#header nav#main-nav ul {}
#header nav#main-nav ul li {line-height: 30px; margin-right: 40px; margin-top: 20px;}
#header nav#main-nav ul li a {display:block;color:#4d0a02;font-family:Cantarell, arial, sans-serif;font-size:16px;}
#header nav#main-nav ul li.menu {padding: 0px 10px 0; width:210px; margin-right:10px;}
#header nav#main-nav ul li.menu a {position:relative;padding-right:25px;}
#header nav#main-nav ul li.menu a span.arrow{width:15px;height:8px;background-image:url('/images/layout/home-sprites.png');background-position:0 -37px;display:block;position:absolute;right:30px;top:13px;}
#header nav#main-nav ul li.menu.active {
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.29, #FFC641), color-stop(0.83, #FBB719)); background-image: -moz-linear-gradient( center top, #FFC641 29%, #FBB719 83%); -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; margin-right:10px;
}

/* ---------------------------------------------------------------------------------------------------------------------- */

/**
*
* Home Section
*
*/
#main .home {background-image:url('/images/layout/home-clouds-bottom.jpg');background-repeat:no-repeat;background-position:bottom center;}

#home-main-top {min-height:350px;}

/* ---------------------------------------------------------------------------------------------------------------------- */

/**
*
* Sidebar
*
*/
.container aside {width:220px;position:relative;z-index:20;margin:0 10px;float:left;}
.container aside article {padding:20px 20px 10px;color:white;margin-bottom:15px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.container aside article h1 {font-size:15px;line-height:15px;text-transform:uppercase;margin-bottom:5px;cursor:pointer;}
.container aside article ul {list-style:none;display:none;}
.container aside article ul li {font-style:italic;line-height:1.7em;}
.container aside article ul li a {color:white;}

.container aside ul.news-list {background:white;list-style:none;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.container aside ul.news-list li {padding:20px;border-bottom:1px solid #ccc;position:relative;}
.container aside ul.news-list li:last-child {border:0;}
.container aside ul.news-list li.active {}
.container aside ul.news-list li.active a:before {content:'\0020';display:block;background-image:url('/images/layout/home-sprites.png');background-position:-31px -18px;height:19px;width:10px;position:absolute;top:40%;right:-10px;}

.container aside ul.news-list li a {color:black;text-decoration:none;font: 16px Cantarell,arial,sans-serif;display:block;margin-bottom:5px;}
.container aside ul.news-list li time {color:#eaa402;}
.container aside ul.news-list li .author {}

.container aside.news {width:300px}

.container aside#programs article.business_impact {
	background: #E37513; /* old browsers */
	background: -moz-linear-gradient(left, #E37513 0%, #E5950C 50%, #EFB226 100%); /* firefox */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#E37513), color-stop(50%,#E5950C), color-stop(100%,#EFB226)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E37513', endColorstr='#EFB226',GradientType=1 ); /* ie */
	border: 1px solid #e5950c;
}

.container aside#programs article.community {
	background: #B92114; /* old browsers */
	background: -moz-linear-gradient(left, #B92114 0%, #CF3C2A 50%, #B7564D 100%); /* firefox */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#B92114), color-stop(50%,#CF3C2A), color-stop(100%,#B7564D)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B92114', endColorstr='#B7564D',GradientType=1 ); /* ie */
	border: 1px solid #cf3c2a;
}

.container aside#programs article.wellbeing {
	background: #410723; /* old browsers */
	background: -moz-linear-gradient(left, #410723 0%, #6A0841 50%, #883569 100%); /* firefox */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#410723), color-stop(50%,#6A0841), color-stop(100%,#883569)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#410723', endColorstr='#883569',GradientType=1 ); /* ie */
	border: 1px solid #6a0841;
}

/* ---------------------------------------------------------------------------------------------------------------------- */

/**
*
* Map
*
*/
#map {background-image:url('/images/layout/continents.png');background-repeat:no-repeat;width:822px;height:398px;position:absolute;top:-70px;left:135px;z-index:10;}
#equator {height:1px;width:822px;background:#000;top:240px;position:absolute;}
#prime {height:398px;width:1px;background:#000;left:405px;position:absolute;}
#map .pin {position:absolute;width:14px;height:18px;background-color:transparent;background-image:url('/images/layout/home-sprites.png');background-position:0 0;}
#map .pin:hover {width:22px;height:27px;background-position:0 -72px;}
#map .pin.large {}

#map .map-item {width:160px;padding:10px 20px 10px 20px;color:white;position:absolute;-webkit-border-radius: 10px;-webkit-border-top-left-radius: 0;-moz-border-radius: 10px;-moz-border-radius-topleft: 0;border-radius: 10px;border-top-left-radius: 0;display:none;z-index:1000;}
#map .map-item:before {content:'\0020';display:block;background-image:url('/images/layout/home-sprites.png');background-position:0 -18px;height:19px;width:10px;position:absolute;left:-10px;top:0;}
#map .map-item.business_impact:before {background-position:0 -18px;}
#map .map-item.community:before {background-position:-10px -18px;}
#map .map-item.wellbeing:before {background-position:-20px -18px;}
#map .map-item h1 {font-size:14px;font-weight:bold;line-height: 15px;margin-bottom: 8px;}
#map .map-item span {font-size:11px;display:block;}
#map .map-item span.location {font-style:italic;}
#map .map-item span.description {margin:1em 0;}
#map .map-item a {font-size:11px;display:block;text-align:right;text-decoration:none;color:white;}
#map .map-item a:hover {text-decoration:underline;}

/* ---------------------------------------------------------------------------------------------------------------------- */

/**
*
* Home News Blocks
*
*/

#home-news {}
#home-news .grid {width:340px;min-height:350px;margin:0 10px;}
#home-news .grid h2 {color: #091a90;font-family: arial;font-size: 14px;padding: 10px;}
#home-news .grid .list-more {display:block;height:27px;width:60px;background-image:url('/images/layout/home-sprites.png');background-position:0 -45px;text-align:center;font-size:10px;line-height:10px;color:#80abcb;position:relative;top:-6px;left:240px;}
#home-news .grid .list-more:hover {text-decoration:none;}

#home-news .left-col {}
#home-news .right-col {}

#home-news .news-list {background:#eff7fd;border:6px solid #a4d8ff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; min-height: 264px;}
#home-news .news-list article {padding:20px 20px 10px 20px;border-bottom:2px solid #a4d8ff;}
#home-news .news-list article:last-child {border-bottom:0;}
#home-news .news-list article h1 {font-family:arial;font-size:18px;}
#home-news .news-list article h1 a {color:black;}
#home-news .news-list article time,
#home-news .news-list article .url,
#home-news .news-list article .url a {color:#eaa402;line-height:18px;}
#home-news .news-list article figure {text-align:center;margin:10px 0;}
#home-news .news-list article figure img { border: 1px solid #A4D8FF;}
#home-news .news-list article p {line-height:18px; color:#333;}
#home-news .news-list article .learn-more {color:#9d9d9d;display:block;text-align:right;margin-top:10px;font-size:11px;}

#home-child {background-image:url('/images/layout/home-child.png');background-repeat:no-repeat;height:485px;width:259px;position: absolute;bottom: 66px;right:30px;z-index:-1;display:none;}
body.home #home-child {display:block;}

/* ---------------------------------------------------------------------------------------------------------------------- */

/**
*
* PAGES 
*
*/

.page-wrapper {padding-top:65px;margin-top:-65px;padding-bottom:20px;}

.page-content {width:500px;padding:40px;background:white;background:rgba(255,255,255,0.88);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0 0 10px #666;-webkit-box-shadow:0 0 10px #666;box-shadow:0 0 10px #666;margin-bottom:50px;}
.page-content.right {float:right;}
.page-content h1 {font-size:32px;}
.page-content h2 {margin-bottom:1em;}
.page-content nav {margin:1em 0 25px 0;}
.page-content nav ul {}
.page-content nav ul li {}
.page-content nav ul li a {
	/*
	color:#BF3C27;
	text-decoration:none;
	font-weight:bold;
	display:block;
	margin-right:20px;
	*/
	background-color: #BF3C27;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
	border: 1px solid #BF3C27;
	color: white;
	margin-right: 10px;
	font-weight: bold;
	text-decoration: none;
	}
.page-content nav ul li a:hover {
	background-color: #fff;
	border-color: #bbb;
	color: #BF3C27;
	}
	
.page-content p {margin-bottom:1em;line-height:1.4em;}

.page-content .page-sub-page {display:none;min-height:350px;}
.page-content .page-sub-page.active {display:block;}
.page-content .page-sub-page p {font-size: 14px; padding: 0 20px; font-style:italic;line-height: 20px; text-align: justify; color: #333;}
.page-content .page-sub-page h2 {padding: 10px 20px 0;}

.page-content .page-sub-page-partner {margin:30px 0;}
.page-content .page-sub-page-partner figure {background:white;min-height:100px;border:1px solid #ddd;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;text-align:center;margin:0 auto;width:480px;}
.page-content .page-sub-page-partner figure img {margin:0 auto;max-width:500px;}
.page-content .page-sub-page-partner-desc {padding:0 20px;}
.page-content .page-sub-page-partner-desc p{font-size: 13px; line-height: 20px; color: #333; padding: 10px 0 10px; margin: 0;font-style:normal;}
.page-content .page-sub-page-partner-url {text-align:right;display:block;color:#E5950C;}

.page-content .contact-form {margin-right:10px;}

.page-content span.logotext {
	font-family: 'Cantarell', arial, helvetica, sans-serif;
/*
	line-height: 100px;
*/
	line-height: 23px;
	font-size: 23px;
	color: #e5950c;
	font-variant: small-caps;
	padding: 40px 0px 35px 0px;
	display: block;

/*
	text-shadow: 1px 1px 1px #fff,-1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff, 1px 1px 5px #000;
	-webkit-text-shadow: 1px 1px 1px #fff,-1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff, 1px 1px 5px #000;
	-moz-text-shadow: 1px 1px 1px #fff,-1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff, 1px 1px 5px #000;
*/
	}
	
.staff_photo { margin: 0px 20px 20px 20px; float: left; }

/* ---------------------------------------------------------------------------------------------------------------------- */
/**
*
* Footer
*
*/
#footer {background:#2f2a2b;color:#fbb619;height:66px;text-align:center;position: absolute;bottom: 0;width:100%;border-top:2px solid #666666;}
body.home #footer {border-color:#78c5fd;}
#footer p {line-height:66px;}
/* ---------------------------------------------------------------------------------------------------------------------- */
   
/**
*
* Navigation
*
*/
#sub-nav{ 
	display:none;
	margin-left:250px;
	width:662px;
	border:solid 8px #ffb713;
	background-color:#eff6fc;
	-moz-border-radius-bottomright: 16px
	-webkit-border-bottom-right-radius: 16px;
	border-bottom-right-radius: 16px;
	-moz-border-radius-bottomleft: 16px;
	-webkit-border-bottom-left-radius: 16px;
	border-bottom-left-radius: 16px;
	border-top:none;
	z-index:100;
	position:absolute;
}
#sub-nav ul { list-style:none;}
#business_impact_nav {border-right: 1px solid #dce1e7; background: transparent url('/images/layout/nav-color.png') no-repeat 0 0;}
#wellbeing_nav {background: transparent url('/images/layout/nav-color.png') no-repeat -220px 0;}
#community_nav {border-left: 1px solid #dce1e7; background: transparent url('/images/layout/nav-color.png') no-repeat -440px 0;}
.nav-programs {width:180px; padding:10px 20px 20px; float:left; color:#000; font-size:15px; font-family:Cantarell, arial, sans-serif; text-transform:uppercase;}
.nav-programs li {float: none;}
.nav-programs li.title {padding: 10px 0;}
.nav-programs a, .nav-projects a {color:#000;}
.nav-projects{color:#000; font-size:13px; font-family:Cantarell, arial, sans-serif; padding:0; text-transform:none;}
.nav-projects li {padding: 5px 0 5px;}
.nav-partners{color:#666; font-family: arial, sans-serif; font-style:italic; font-size:11px; padding: 0 0 0 10px;}
.nav-partners li {padding: 0 0 5px; clear:both;}
.nav-partners a {color:#666;}
#sub-nav ul li ul {padding:0;}
#sub-nav ul li ul li ul {padding-left:10px;}
/* ---------------------------------------------------------------------------------------------------------------------- */

/*
 * For preloading project backgrounds
 */

#backgrounds-container {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	}

#backgrounds-container img {
	width: 1px;
	height: 1px;
	float: left;
	overflow: hidden;
	border-width: 1px;
	}