@charset "UTF-8";
@import url("/css/navigation.css");
@import url("/webfonts/ACaslonPro/stylesheet.css");
@import url("/webfonts/ACaslonProItalic/stylesheet.css");
@import url("/webfonts/ACaslonProSemibold/stylesheet.css");
@import url("/webfonts/ACaslonProBold/stylesheet.css");
@import url("/webfonts/ACaslonProBoldItalic/stylesheet.css");
@import url("/webfonts/MyriadPro/stylesheet.css");
@import url("/webfonts/MyriadProSemibold/stylesheet.css");
@import url("/webfonts/MyriadProBold/stylesheet.css");
@import url("/webfonts/Wingdings3/stylesheet.css");
html {-webkit-text-size-adjust: 100%;}
body {
	font-family: ACaslonPro,serif;
	font-size: 24px;
	line-height: 1.5em;
	background-color: #fffae5;
	margin:0;
}
h1 {font-size: 1.5em; color:#dd6503;margin-bottom: .2em;font-family: ACaslonProBold,serif;font-weight: normal;}
h3,h4,strong {font-family: ACaslonProBold,serif;font-weight: normal;}
h3 {font-family: ACaslonPro,serif;font-weight: normal;}
h4 {font-size: 1.25em; color:#dd6503;margin-bottom: .2em;}
em {font-family: ACaslonProItalic,serif;font-style: normal;}
strong em, em strong {font-family: ACaslonProBoldItalic,serif;}
p {margin-bottom:.8em;}
sub {font-size: .5em;}

.top {
	height: 42px;
	background-image: url(/images/gradient_top.png);
	background-repeat: repeat-x;
	border-bottom:1px solid #f7d3a2;
	position:relative;
}
.masthead {
height: 132px;
background-image: url(/images/gradient_masthead.png);
background-repeat: repeat-x;
background-size:contain;
overflow: hidden;
text-align: center;
position: relative;
}
.masthead a {display:block;position: absolute;width:100%; height:100%;text-decoration: none;}
.masthead h1 {
text-indent: -9999px;
background-image: url(/images/title.png);
height: 132px;
width: 1142px;
margin: 0 auto;
background-repeat: no-repeat;
background-size:contain;
}
.masthead h2 {
text-indent: -9999px;
}
section.intro{
background-image: url(/images/intro_gradient.png);
background-repeat: repeat-x;
background-color: #fffae5;
padding-top:.5em;
}
section.intro .margin {
padding-bottom:0;
}
section.intro .margin h3 {
font-size:1em;
line-height: 1.5em;
margin: 0 0 20px;
font-family: ACaslonPro, serif;
}

section.photo {
width:100%;
height: 596px;
background-repeat: no-repeat;
background-position: center top;
background-size:auto 100%;
background-color: #F89701;
}
.solutions section.photo {background-image: url(/images/topphoto_home.jpg);}
.results section.photo {background-image: url(/images/topphoto_results.jpg);}
.partners section.photo {background-image: url(/images/topphoto_partners.jpg);}
.help section.photo {background-image: url(/images/topphoto_help.jpg);}
.research section.photo {background-image: url(/images/topphoto_research.jpg);}
.aboutus section.photo {background-image: url(/images/topphoto_aboutus.jpg);}
.contact section.photo {background-image: url(/images/topphoto_contact.jpg);}
.subscribe section.photo {background-image: url(/images/topphoto_subscribe.jpg);}
.donate section.photo {background-image: url(/images/topphoto_donate.jpg);}
.dlf section.photo {background-image: url(/images/topphoto_dlf.jpg);}

.margin h3:first-of-type::first-letter {
font-size: 3.1em;
line-height:  .5em;
display:block;
float:left;
margin:.24em .04em 0 0;
color:#dd6503;
}

.margin {max-width:1000px;width:100%;margin:0 auto;padding:50px 0;}
section .margin p a {color:#dd6503;}
.accordion .margin {padding:0 0 20px;}
.margin.npadb {padding-bottom:0;}
.margin.npad {padding:0;}
.home .intro{
background-image: url(/images/gradient_partner.png);
background-repeat: repeat-x;
}
a.more {
color:#dd6503;
text-transform: uppercase;
text-decoration: none;
font-size: .8em;
font-family: MyriadProSemibold,sans-serif;
white-space: nowrap;
}
a.more::after {
content: '\00DA';
margin-left: .2em;
font-family: "Wingdings3";
}
h4 + ul {
margin-top:-.4em;
}
section.accordion p + ul,
section.accordion p + ol {
margin-top:-.8em;
}
p span.n {color:#dd6503;text-transform: uppercase;}
ul {
font-size:1em;
line-height: 1.5em;
margin: 0 0 .8em;
padding: 0 0 0 2em;
list-style: disc;
}
ul li {
margin: 0;
}
ol {
list-style-type: none;
padding:0;
margin:0 0 1em;
}
section.accordion .margin ol {
padding: 0 0 0 2em;
}
ol li {
counter-increment: step-counter;
text-indent: -1.3em;
margin-left:1.3em;
}
ol li.db {
text-indent: -3em;
}
ol li::before {
content: counter(step-counter)'.';
margin-right: .5em;
font-family: ACaslonProBold,sans-serif;
}
section.accordion .margin ol li::before {
font-family: ACaslonPro,sans-serif;
color: #dd6503;
}
span.scroll  {
display: block;
text-align: center;
}
span.scroll.sp {
margin-top:20px;
}
span.scroll.rl {
border-top:1px solid #fd150a;
margin-top:20px;
padding-top:6px;
}
span.scroll a {
display: inline-block;
text-align: center;
width: 64px;
height: 64px;
background-repeat: no-repeat;
background-position: center center;
background-size: 62.5%;
}
span.scroll a.dn {
background-image: url(/images/arrow-down.png);
}
span.scroll a.dnwh {
background-image: url(/images/arrow-down-white.png);
}
span.scroll a.up {
background-image: url(/images/arrow-up.png);
}
span.scroll a.circle {
border:2px solid #FF3204;
border-radius: 50%;
}
span.scroll a.ko {
background-color:#fff;
border-radius: 50%;
}
.accordion .toggle {
display:block;
color:#000;
text-decoration: none;
}
.accordion .toggle span {
font-size:1em;
color:#dd6503;
font-family: ACaslonProSemibold,serif;
padding-top:18px;
margin-top:18px;
border-top: 1px solid #dd6503;
cursor: pointer;
display:block;
margin-bottom: 6px;
}
.accord_sub {padding:0 0 0 .5em;}
.accord_sub div {padding:0 0 0 1.5em;}
.accord_sub .togg span {cursor: pointer;font-family: ACaslonProSemibold,serif;}
.accord_sub .togg span::after,
.accordion .toggle span::after {
content: '\00DA';
margin-left: .2em;
color:#fb3102;
font-size: .9em;
font-family: "Wingdings3";
}
.accord_sub .togg.selected span::after,
.accordion .toggle.selected span::after {
content: '\00DC'; /* Wingding3 arrow down UNICODE */
}
.accordion .toggle + div {
border-top: 1px solid #dd6503;
padding-top:18px;
margin-top:18px;
}
.accordion .toggle + div h4,
.form.accordion h4 {
font-size:1em;
color:#dd6503;
font-family: ACaslonProSemibold,serif;
font-weight: normal;
margin-bottom: 6px;
}
.form.accordion h4 {
border-top: 1px solid #dd6503;
padding-top:18px;
margin-top:18px;
}
.research .accord_sub ul {list-style: none;margin:0;padding:0;}
.research .accord_sub ul li {margin:0 0 .35em;}
/*.accordion .toggle + div p:first-of-type::first-letter {
font-family: ACaslonProSemibold,serif;
font-size: 3.1em;
line-height:  .5em;
display:block;
float:left;
margin:.41em .06em 0 0;
color:#dd6503;
}
.accordion .toggle + div p {
margin:0 0 .8em;
}*/
.accordion .chart {
text-align: center;
margin:12px 0;
}
.accordion .chart.rule  {
border-top: 1px solid #dd6503;
border-bottom: 1px solid #dd6503;
padding:18px 0 0;
margin:18px 0 24px;
}
.accordion .chart.ruletop {
border-top: 1px solid #dd6503;
padding:18px 0 0;
margin:18px 0 0;
}
.accordion .toggle + div .table p:first-of-type::first-letter,
.accordion .toggle + div .chart h3:first-of-type::first-letter,
.accordion .toggle + div .chart p:first-of-type::first-letter {
font-family: inherit;
font-size: inherit;
line-height:  inherit;
display:inline;
float:none;
margin:0;
color:inherit;
}
.accordion .chart h2 {margin: .8em 0 1em;font-family: ACaslonProSemibold,serif;}
.accordion .chart h2 span.brd {
display:inline-block;
padding:10px 15px 0;
border:1px solid #999;
}
.accordion .chart h2 span.bl {color:#1f70b6;}
.accordion .chart h2 span.red {color:#ce1b05;}
.accordion .chart h3 {
color:#2e4986;
text-transform: uppercase;
font-size: 1em;
line-height:  1.2em;
letter-spacing: .01em;
margin: 0 0 .2em;
}
.accordion .toggle + div .chart h4 {
color:#2e4986;
font-size: .9em;
line-height: 1.3em;
margin: 0;
}
.accordion .chart h3 span {display:block;text-transform: none;font-size: .8em;}
.accordion .chart p {color:#2e4986;font-size: .9em;line-height: 1.2em;}
.accordion .chart .coherence {text-align:left;max-width:394px;width:100%;margin:0 auto;color:#2e4986;font-size:.9em;}
.accordion .chart img {display: inline-block;width:100%;padding:.5em 0;}
.accordion .table {
border-top: 1px solid #dd6503;
padding:18px 0 0;
margin:18px 0 9px;
overflow: hidden;
display: table;
}
.accordion .table .row.header {
font-family: ACaslonProSemibold,serif;
color:#dd6503;
}
.accordion .table .row.header div {
vertical-align: bottom;
display: table-cell;
}
.accordion .table .row {
border-bottom: 1px solid #dd6503;
padding-bottom:12px;
margin-bottom:9px;
overflow: hidden;
display: table-row;
}
.accordion .table .row div {
vertical-align: top;
display: table-cell;
border-bottom: 1px solid #dd6503;
padding:5px 0;
}
.accordion .table .row div + div{
padding-left:3%;
}
.accordion .table .row div.c01 {width:18%;}
.accordion .table .row div.c02 {width:11%;}
.accordion .table .row div.c03 {width:15%;}
.accordion .table .row div.c04 {width:12%;}
.accordion .table .row div.c05 {width:12%;}
.accordion .table .row div.c06 {width:10%;white-space: nowrap;}
.accordion .table .row.header span {display:none;}
.accordion p.table-cap {margin-bottom:20px!important;border-bottom: 1px solid #dd6503;}

footer .cr {
background-color:#dd6503;
padding:40px 0;
text-align: center;
font-family: MyriadPro, sans-serif;
font-size:.75em;
}
footer .cr p {
max-width:1000px;
width:90%;
margin:0 auto;
}
@media (min-width:2001px){
section.photo {background-position: center;background-size:100%;}
}
@media (max-width:2000px){
section.photo {background-position: center top;background-size:auto 100%;}
}
@media (max-width:1200px){
.masthead {height: 0;padding-bottom:11.55866%;}
.masthead h1 {width: 95%;}
.margin {width:92%;padding:20px 4%;}
section.photo {height: 450px;}
}
@media (max-width:1024px){
body {font-size: 22px;}
.accordion .toggle + div p:first-of-type::first-letter {margin-top:.44em;}
}
@media (max-width:900px){
body {font-size: 20px;}
section.photo {height: 280px;}
}
@media (max-width:800px){
span.scroll a {width: 50px;height: 50px;}
footer .cr {padding:20px 0;font-size:.75em;}
}
@media (max-width:700px){
section .margin {padding-top:10px;}
section.photo {height: 220px;}
.accordion .table .row.header {font-size:.65em;line-height: 1.2em;}
.accordion .table .row.header span {display:inline-block;}
.accordion .table .row div.c01 {width:12%;line-height: 1.2em;}
.accordion .table .row div.c06 {width:15%;}
section.accordion .margin ol {padding-left: 1em;}
}
@media (max-width:550px){
body {font-size: 16px;line-height: 1.5em;}
.accordion .table .row {font-size: .9em;}
span.scroll a {width: 40px;height: 40px;}
}
@media (max-width:450px){
section .margin h2 {font-size: 2.5em;}
section .margin .chart h2 span.brd {font-size: .5em;}
.accordion .chart.tr h2 {margin: 0em 0 .5em;}

section.photo {height: 140px;}
}
@media (max-width:400px){
section .margin .chart h2 span.brd {font-size: .4em;margin:0;}

}