@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight: 300;
}
body {
	line-height: 160%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

/* End RESET */

/* --- TAGS --- */

html, body, 
.container,
.cbp-fbscroller,
section { 
	height: 100%; 
	font-family: 'Open Sans', Calibri, Arial, sans-serif;
}

body {
	font-family: 'Open Sans', Calibri, Arial, sans-serif;
	background-color: #eaf4fb;
	color: #32373b;
	font-size: 16px;
	font-weight: 300;
	line-height: 140%;
	transition: all .5s ease-in-out; 
	-o-transition: all .5s ease-in-out; 
	-moz-transition: all .5s ease-in-out; 
	-webkit-transition: all .5s ease-in-out;
}

body.noscroll { overflow: hidden; height: 100% }

strong, .bold {
	font-weight: 400;
}

form > input {
	font-family: 'Roboto', Calibri, Arial, sans-serif;
}

p {
	line-height: 160%;
	margin: 20px auto;
}

div {
	display: block;
}

hr {display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #fe495a;
	margin: 1em auto;
	padding: 0;
}

/* --- CLASSES --- */

.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.stuck {
	position: fixed;
}

.icon {
	background: url(../images/iconsprite.png) no-repeat;
	display: block;
}

.no-text {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

.uppercaseoutline {
	text-transform: uppercase;
	letter-spacing: 1px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.hidden {
	display:none;
}

.pswd, .pswdinput {
	font-family: 'Roboto', Calibri, Arial, sans-serif;
	font-size: 36px;
	font-weight: 300;
	line-height: 140%;
}

/* Colors */

.grey { color: #344b63!important; }
.red { color: #fe495a!important; }
.blue { color: #297fb7!important; }
.green { color: #16a085!important; }
.purple { color: #472b68!important; }

.whitebg { background-color: rgba(255,255,255,0.7)!important; }
.greybg { background-color: rgba(65,76,90,0.7)!important; }
.grey2bg { background-color: rgba(120,120,120,0.5)!important; }
.grey3bg { background-color: rgba(52,73,94,0.95)!important; }
.redbg { background-color: rgba(231,76,60,0.3)!important; }
.red2bg { background-color: rgba(231,76,60,0.7)!important; }
.bluebg { background-color: rgba(38,65,87,0.6)!important; }
.blue2bg { background-color: rgba(34,103,150,0.7)!important; }
.blue3bg { background-color: rgba(65,108,154,0.7)!important; }
.greenbg { background-color: rgba(9,126,131,0.3)!important; }
.purplebg { background-color: rgba(38,15,64,0.3)!important; }
.purple2bg { background-color: rgba(86,99,116,0.95)!important; }

h1, h2, h3, h4 {
	font-family: 'Roboto', Calibri, Arial, sans-serif;
	font-weight: 100;
	line-height: 200%;
	margin: 20px 0;
}

h1 { font-size: 40px; }
h2 { font-size: 32px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }

a {
	color: #fe495a;
	text-decoration: none;
}

a:hover, .darknav span:hover, span.button:hover	{
	color: #ca2c3a;
}
 
a.button:hover{
	color: #c4d9ea;
}

blockquote {
 padding: 10px 20px;
 margin: 0 0 20px;
 line-height: 1.4
 border-left: 5px solid #eee;
}

blockquote p {
 font-size: 95%;
 font-weight: 300;
 line-height: 1.25;
}

/* Header styles and animations */

.ha-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	font-family: 'Roboto', Arial, sans-serif;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 90;
}

.ha-header-perspective {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-perspective: 1100px;
	-moz-perspective: 1100px;
	perspective: 1100px;
	-webkit-perspective-origin: 50% 0;
	-moz-perspective-origin: 50% 0;
	perspective-origin: 50% 0;
}

.ha-header-perspective > div {
	background: rgba(255,255,255,.95);
	text-align: left;
	padding: 0px 20px;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	position: relative;
	/*text-align: justify;*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	border-bottom: 1px solid #90c0d8;
	/*overflow: hidden;*/
}

/*
.downloadspage .ha-header-perspective > div, .searchresultspage .ha-header-perspective > div {
	border-bottom: 1px solid #90c0d8;
}
*/


.ha-header-front {
	z-index: 2;
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

/* Justify inline-block elements (h1 on left side, nav on right) */
.ha-header-perspective > div::after {
	content: '';
	display: inline-block;
	width: 100%;
}

/* Text styling */

.ha-header .logo, .ha-header .globalmenu, .ha-header .ncatitle {
	float: left;
	width: 240px;
	height: 110px;
	z-index: 1000;
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.ha-header .ncatitle {
	width: 340px;
}

.ha-header .ncatitle h3 {
	line-height: 110px;
	margin: 0px;
	color: #096ba3;
	font-weight: 300;
}

.ha-header .globalmenu {
	width:	110px;
	z-index: 1100;
}


/* ------ LARGE HEADER ------ */

.ha-header-large {
	height: 110px;
	top: 0px;
	padding: 0px;
}

/* --- LOGO / SECTION NAV --- */

/* logo */


.ha-header .logo h1, .ha-header .globalmenu h1 {
	background: url(../images/logo-shrink.png) no-repeat;
	background-size: 80px 110px;
	float: left;
	width: 95px;
	height: 110px;
	margin: 0 15px 0 0;
	border-right: 1px solid #90c0d8;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.ha-header .globalmenu h1 {
	background: url(../images/globalmenu.png) no-repeat;
	}

.ha-header .logo h1 a, .ha-header .globalmenu h1 a {
	position: relative;
	display: block;
	width: 80px;
	height: 110px;
}

.ha-header .logo .icon, .ha-header .globalmenu .icon {
	background-size: 275px 1000px; /* half size for retina display */
	background-position: -125px -350px;
	display: block;
	position: absolute;
	bottom: 29px;
	right: 3px;
	width: 13px;
	height: 10px;
	/*-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;*/
}

.ha-header .logo h1 a:hover .icon, .ha-header .globalmenu h1 a:hover .icon {
	background-position: -125px -370px;
}

.homepage .ha-header .logo, .pageviewtemplate .ha-header .logo, .searchresultspage .ha-header .logo, .downloadspage .ha-header .logo, .homepage .ha-header .globalmenu {
	width: 110px;
}

/* section toggle */

.ha-header .section-toggle {
	float: left;
	/*width: 130px;*/
	height: 110px;
	padding: 22px 0 0 0;
}

.section-toggle a {
	display: block;
	float: left;
	clear: both;
	margin: 0 0 8px 0;
	padding: 5px 7px 7px 7px;
	font-size: 15px;
	line-height: 16px;
	font-weight: 400;
	text-transform: uppercase;
	border: 1px solid #656a71;
	color: #656a71;
	min-width:110px;
}

.section-toggle .btn-report {
}

.section-toggle .btn-report:hover {
	border-color: #fe495a;
	color: #fe495a;
}

.section-toggle .btn-highlights {
}

.section-toggle .btn-highlights:hover {
	border-color: #fe495a;
	color: #fe495a;
}

.section-toggle .btn-report.on {
	/*background: #fe495a;
	border-color: #fe495a;*/
	background: #58758c;
	border-color: #58758c;
	color: #fff;
}

.section-toggle .btn-highlights.on {
	background: #096ba3;
	border-color: #096ba3;
	color: #fff;
}

/* pseudo-classes */

.ha-header h1::before,
.ha-header nav::before,
.ha-header #secondary::before {
	content: '';
	height: 100%;
}

/*.ha-header h1,
.ha-header h1::before,
.ha-header h1 span,
.ha-header nav,
.ha-header nav::before,
.ha-header #secondary,
.ha-header #secondary::before {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}*/

/*.ha-header h1::after {
	content: '';
	width: 100px;
	height: 96px;
	background: rgba(255,255,255,0.4);
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	cursor: pointer;
	box-shadow: inset 0 8px #2d383f, inset 0 16px #fff, inset 0 24px #2d383f, inset 0 32px #fff, inset 0 40px #2d383f, inset 0 48px #fff, inset 0 56px #2d383f;
	opacity: 0;
	border: 20px solid #fff;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s;
}*/

/* --- LOGO SOUP --- */

.logosopen, .gohome, .about {
	display: block;
	width: 20px;
	height: 20px;
	/*margin: 20px 10px;*/
	margin: 20px 10px 20px 0;
	float: left;
	cursor: pointer;
	background: url(../images/iconsprite.png) 0px -1500px no-repeat;
	text-indent: -9999px;
	position: relative;
	z-index:1000;
}

.gohome {
	background: url(../images/iconsprite.png) 0px -1550px no-repeat;
}

.about {
	background: url(../images/iconsprite.png) -100px -1500px no-repeat;
}

.ha-header-large #logosoup, .ha-header-small #logosoup {
	background-color: rgba(255,255,255, .95);
	display: none;
	position: absolute;
	top: 109px;
	left: 0;
	width: 340px;
	padding: 30px;
	text-align: center;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	z-index:1000;
	border-bottom: 1px solid #90c0d8;
	border-right: 1px solid #90c0d8;
}

.ha-header-small #logosoup {
	top: 64px;
	left: 0px;
/* 	background-color: rgba(255,255,255,0.8); */
	background-color: #fff;
}

#logosoup p {
	margin: 0 0 20px 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 160%;
	text-align: left;
}

#logosoup #logos, #welcomemessage #logos {
	margin: 20px 0 20px 0;
}

#logosoup #logos img, #welcomemessage #logos img {
	display: inline-block;
	width: 40px;
	height: auto;
	margin: 0 5px;
}

#logosoup #download-pdf a {
	border: 2px solid #f26262;
	color: #f26262;
	background: transparent url(../images/iconsprite.png)  -230px -1285px no-repeat;
	margin: 12px 0px;
	padding: 0px 30px 0px 60px;
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	font-family: 'Roboto', Calibri, Arial, sans-serif;
	line-height: 60px;
}



#welcomemessage #logos img {
	width: 30px;
	height: auto;
	margin: 0 3px;
}

/* --- PRIMARY NAV --- */

.ha-header #primary {
	position: absolute;
	left: 50%;
	width: 100%;
	height: 100%;
	max-width: 640px;
	margin-left: -320px;
	text-align: center;
}

.ha-header #primary > a.report {
	background: url(../images/icon_report.png) 20px 40px no-repeat;
}

.ha-header #primary > a.highlights {
	background: url(../images/icon_highlights.png) 20px 40px no-repeat;
}

.ha-header #primary ul {
	height: 100%;
}

.ha-header #primary li {
	display: inline-block;
	position: relative;
	height: 100%;
	vertical-align: top;
}

.ha-header #primary a {
	display: inline-block;
	height: 100%;
	margin: 0px;
	padding: 40px 20px;
	color: #175b9c;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	outline: none;
	border-bottom: 2px solid transparent;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.ha-header #primary #tealnav a {
	color: #096ba3!important;

}

.ha-header #primary a:last-child {
	margin-right: 0;
}

.ha-header #primary #menu-icon {
	display: none;
}

.ha-header #primary ul ul {
	background: rgba(255,255,255,0.92);
	position: absolute;
	top: 100%;
	left: -9999px;
	width: 250px;
	height: auto;
	padding: 6px;
	z-index: 100;
}

.ha-header #primary ul ul li {
	display: block;
	text-align: left;
}

.ha-header #primary ul ul a {
	display: block;
	float: none;
	padding: 6px 14px;
	line-height: 17px;
	text-align: left;
	border-bottom: none;
	-webkit-transition: background .25s linear;
	-moz-transition: background .25s linear;
	-ms-transition: background .25s linear;
	-o-transition: background .25s linear;
	transition: background .25s linear;
}

/* hover styles */

.ha-header #primary ul li:hover > ul {
	left: 0;
}

.ha-header #primary a.primary-current {
	border-bottom: 4px solid #fe495a;
	background-color: rgba(255,255,255,0.8);
	color: #fe495a;
}

.ha-header #primary :hover > a, .ha-header #secondary a:hover {
	border-bottom: 2px solid #ca2c3a;
	color: #ca2c3a;
	background-color: rgba(255,255,255,0.5);
}

.ha-header #primary ul ul a:hover {
	border-bottom: none;
	background: rgba(255,255,255,0.9);
}

/* --- SECONDARY NAV --- */

#secondary {
	height: 100%;
	width: 350px;
	text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
	vertical-align: middle;
}

#secondary .search, #secondary .chapters {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	height: 100%;
	font-weight: 400;
	padding: 40px 20px 40px 50px;
	margin: 0px;
	font-size: 12px;
	cursor: pointer;
	color: #fe495a;
	outline: none;
	text-decoration: none;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/* ------ SMALL HEADER ------ */

.ha-header-small {
	height: 65px;
/* 	border-bottom: 1px solid #90c0d8!important; */
}

.ha-header-small .ha-header-perspective > div {
	background: rgba(255,255,255,0.9);
}

.ha-header-small h1.welcomelogo {
	width: 220px;
}

/* --- LOGO / SECTION NAV --- */

/* logo */

.ha-header-small .logo, .ha-header-small .globalmenu, .ha-header-small .ncatitle {
	height: 64px;
}

.ha-header-small .logo h1, .ha-header-small .globalmenu h1{
	background-size: 64px 88px;
	background-position: 0 -12px;
	width: 85px;
	height: 64px;
	margin: 0;
}

.ha-header-small .ncatitle h3 {
	height: 64px;
	line-height: 64px;
}

.ha-header-small .logo h1 a, .ha-header-small .globalmenu h1 a {
	background-position: -9px -28px;
	width: 70px;
	height: 64px;
}

.ha-header-small .logo h1 a:hover, .ha-header-small .globalmenu h1 a:hover {
	background-position: -9px -138px;
}

.homepage .ha-header-small .logo, .homepage .ha-header-small .globalmenu {
	width: 95px;
}

.ha-header-small .logo .icon, .ha-header-small .globalmenu .icon {
	bottom: 12px;
	right: 3px;
}

/* section toggle */

.ha-header-small .section-toggle {
	height: 64px;
	padding: 8px 0 0 9px;
}

.ha-header-small .section-toggle a {
	margin: 0 0 7px 0;
	padding: 3px 5px;
	font-size: 12px;
	line-height: 12px;
}

.ha-header-small .section-toggle .btn-report {
}

.ha-header-small .section-toggle .btn-report:hover {
}

.ha-header-small .section-toggle .btn-highlights {
}

.ha-header-small .section-toggle .btn-highlights:hover {
}

.ha-header-small .section-toggle .btn-report.on {
}

.ha-header-small .section-toggle .btn-highlights.on {
}

.ha-header-small	h1.report {
}
.ha-header-small	h1.highlights {
}
.ha-header-small	h1.welcomelogo {
}

/* --- PRIMARY NAV --- */

.ha-header-small #primary a {
	padding: 20px 20px;
}

/* --- SECONDARY NAV --- */

.ha-header-small #secondary a.search {
	background: url(../images/iconsprite.png) 10px -1278px no-repeat;
}
.ha-header-small #secondary a.chapters {
	background: url(../images/iconsprite.png) 10px -1372px no-repeat;
}

.ha-header-small #secondary .search, .ha-header-small #secondary .chapters {
	padding: 20px 10px 20px 50px;
	border-bottom: 2px solid transparent;
}

.ha-header-small #secondary .search:hover, .ha-header-small #secondary .chapters:hover {
	border-bottom: 2px solid #ca2c3a;
	color: #ca2c3a;
	background-color: rgba(255,255,255,0.7);
}

.search {
	background: url(../images/iconsprite.png) 10px -1260px no-repeat;
}
.chapters {
	background: url(../images/iconsprite.png) 10px -1350px no-repeat;
}


/* Hidden Divs */

#searchoptions, #chapteroptions {
	background: none;
	color: #fff;
	height: 100%;
	margin: 20px;
	padding-top: 0;
	display: none;
	position: relative;
	z-index: 5000;
}

#searchoptions h2, #chapteroptions h2, #searchoptions #closesearch {
/*
	margin-left: 20px;
	color: fff;
*/
display: none!important;
}



#searchoptions form {
	width: 100%;
	max-width: 900px;
 	margin: 0 auto; 
/*	height: 300px;
 	background:rgba(255,255,255,0.1); */
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
}


#searchoptions form #edit-search-block-form--2 {
	background: url(../images/iconsprite.png)  -735px 30px no-repeat rgba(9,107,163,0.05);
	width: 100%;
	padding: 20px 20px 20px 70px;
	font-size: 40px;
	font-family: 'Roboto', Calibri, Arial, sans-serif;
	font-weight: 100;
	line-height: 70px;
	color: #096ba3;
}


#searchoptions form #edit-submit {
	border: 2px solid #f26262;
	color: #f26262;
	background: transparent url(../images/iconsprite.png)  15px -1575px no-repeat;
	margin: 15px 0px;
	padding: 0px 70px;
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	font-family: 'Roboto', Calibri, Arial, sans-serif;
	line-height: 70px;
	font-weight: 400;
	float: right;
}








/* The nav is fixed on the right side	and we center it by translating it 50% 
(we don't know it's height so we can't use the negative margin trick) */
.cbp-fbscroller > nav {
	position: fixed;
	z-index: 8000;
	right: 40px;
	top: 50%;
	/*width: 200px;*/
	width: 26px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: right;
}

/*
.cbp-fbscroller > nav a {
	display: block;
	position: relative;
	z-index: 9999;
	color: transparent;
	width: 18px;
	height: 18px;
	outline: none;
	margin: 25px 0;
	border-radius: 50%;
	border: 3px solid #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;

}
*/

.cbp-fbscroller > nav a {
	display: block;
	position: relative;
	z-index: 9999;
	color: #fff;
	width: 13px;
	height: 13px;
	outline: none;
	margin: 25px 0;
	border-radius: 50%;
	border: 2px solid #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	/*behavior: url(PIE.htc.html);*/
}

.cbp-fbscroller > nav a span {
	position: relative;
	display: block;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	top: -5px;
	left: -160px;
	width: 150px;
	display:none;
}

.darknav {
	border: 2px solid #2980b9!important;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	transition: all 0.25s;
}

.darknav span {
	color: #2980b9;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/*
.lightnav {
	border: 2px solid #fff!important;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
*/

.no-touch .cbp-fbscroller > nav a:hover {
	background: rgba(255,255,255,0.6);
}

.cbp-fbscroller > nav a.cbp-fbcurrent {
	background: #fe495a;
	border: 2px solid #fe495a!important;
}

.cbp-fbscroller > nav a.cbp-fbcurrent span {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	color: #fe495a;
	font-weight: 700;
}

/* background-attachment does the trick */
section {
	/*position: relative;*/
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 1px;
	color: #e9f0f5;
	height: 100%;
	margin: 0px;
}

.no-touch section {
	background-attachment: fixed;
}


#fbsection1 {
	background: #58758c;
}

#fbsection1.highlights {
	background: #096ba3;
}

#fbsection2 {
	color: #2980b9;
}

#fbsection3 {
}

#fbsection4 {
	color: #2980b9;
}

#fbsection5 {
	/*margin-bottom: -30px;*/
}

#fbsection6, #fbsection10 {
	min-height: 100%;
	height: 1280px;
}

	/* Highlights Sections */
	
#fbsection7 {
	color: #096ba3;
	text-align:center;
}

#fbsection8 {
}

#fbsection9 {
	color: #435a6d;
}

div#footer {
	clear:both;
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 10px;
	color: #e9f0f5;
	margin: 0px;
	background-image: url(../images/6footercane.jpg);
	min-height: 100%;
	height: 1280px;
}

#welcomefooter, #welcomefooter-report, #welcomefooter-highlights {
	background: url(../images/6footercane.jpg) no-repeat fixed bottom center #374455;
	background-size: 100% auto;
	height: auto;
	padding: 80px 0;
}

h2.intro, h2.climate, h2.sectors, h2.regions, h2.responses, h2.subscribe {
	font-size: 44px;
	line-height: 140%;
	text-align: center;
	position: relative;
	max-width: 560px;
	margin: 20px auto;
	z-index: 1;
}

/*h2.intro {
	font-size: 60px;
}
*/
/* --- SECTION HEADER --- */

#cs-header {
	background: #34495e;
	position: absolute;
	text-align: left;
	width: 100%;
	height: auto;
	color: #fff;
	z-index: 80;
}

#cs-header.stuck {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000;
}

/* header logo */

#cs-header a {
	color: #fff;
}

/* logo */

#cs-header .logo, #cs-header .globalmenu {
	background: url(../images/logo-small-rev.png) no-repeat 0 7px;
	float: left;
	width: 70px;
	height: 64px;
	margin: 8px 14px 0 20px;
}

 #cs-header .globalmenu {
	background: url(../images/globalmenu-small-rev.png) no-repeat 0 7px;
	 }

#cs-header .logo h1, #cs-header .globalmenu h1 {
	margin: 0;
}

#cs-header .logo a, #cs-header .globalmenu a {
	display: block;
	position: relative;
	width: 70px;
	height: 64px;
}

#cs-header .logo a .icon, #cs-header .globalmenu a .icon {
	background-size: 275px 1000px; /* half size for retina display */
	background-position: -125px -350px;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 2px;
	width: 13px;
	height: 10px;
}

#cs-header .logo a:hover .icon, #cs-header .globalmenu a:hover .icon {
	background-position: -125px -390px;
}

/* subheading */

#cs-header h2.subheading {
	position: relative;
	float: left;
	height: 80px;
	margin: 0;
	padding: 20px;
	font-size: 26px;
	font-weight: 200;
	line-height: 140%;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.usgcrpbg-blue {
	background-color: #096ba3!important;	
}
.usgcrpbg-blue2 {
	background-color: #005381!important;	
}
h2#cs-main-heading a { color: #fff;font-weight: 200; }
h2#cs-main-heading a:hover { color: #ebeef0; }



/*
#go-home { float: left; }
#go-home a {
	display: block;
	width: 100px;
}
h2#go-home { margin-top: 0; }
*/

/* key message links */

#keymessages-links {
	float: left;
	height: auto;
	border-right: 1px solid #fff;
}

.keymessages-number, .keymessages-intro {
	position: relative;
	float: left;
	height: 80px;
	margin: 0;
	padding: 29px 20px 0 20px;
	font-size: 26px;
	line-height: 140%;
}

.keymessages-intro {
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 200%;
	font-size: 14px;
}

.keymessages-number {
	line-height: 220%;
	font-size: 14px;
}

#keymessages-links a:last-child:after,
#keymessages-links a:last-child:before {
	content: " ";
	display: table;
}

#keymessages-links a:last-child:after {
	clear: both;
}

#keymessages-links a.on {
  background: rgba(255,255,255,0.2);
}

/* tooltips */

.ui-tooltip {
	background: #fff;
	position: absolute;
	top: -10px;
	left: 0;
	padding: 10px;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	z-index: 5001;
}

.ui-tooltip:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 13px;
	top: -12px;
	border: 6px solid;
	border-color: transparent transparent #fff #fff;
}

/* footnotes in captions */
.ui-tooltip-captions {
	background-color: #34495E !important;
	color: #fff;
	width: 30em !important;
	text-transform: none !important;
	font-size: 13px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	z-index: 9999 !important;	/* fancybox z-index is pretty high */
}
.ui-tooltip-captions:before {
	border: none;
	border-color: transparent transparent #34495E #34495E !important;
}
.ui-tooltip-captions .biblio-authors,
.ui-tooltip-captions .biblio-title {
	color: #fff;
}

/* report index page */

.reportpage .ui-tooltip:before, .highlightspage .ui-tooltip:before {
	left: auto;
	right: -6px;
	top: 45%;
	border-width: 3px;
	border-color: #fff transparent transparent #fff;
}

.homepage #fbsection1 {
	background-size: auto 100%;
}

.welcome {
	padding: 0px;
}

#welcomelettercontainer {
	position: absolute;
	top: 25%;
	left: 50%;
	width: 254px;
	height: 254px;
	margin-left: -127px;
	overflow: hidden;
	z-index: 3;
}

#welcomelettercontainer .letterimage {
	background:	url(../images/welcomeletter.jpg) top center no-repeat;
	background-size: 254px 254px;
	display: block;
  margin: 0;
  width: 254px;
  height: 254px;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	behavior: url(../media/PIE.htc);
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

#welcomelettercontainer .lettertext	{
  display: none;
}

#welcomelettercontainer a:hover	{
	color: #fff!important;
}

.welcomereport, .welcomehighlights{
	font-size: 16px;
	font-weight: 300;
	line-height: 160%;
	text-align: center;
	position: relative;
	width: 50%;
	height: 100%;
	margin: 0px auto;
	padding: 110px;
	float:left;
	background-color: rgba(18,68,96,0.4)!important;
}

.welcomehighlights{
	background-color: rgba(9,107,163,0.6)!important;
}

.welcomemain {
	position: relative;
	top: 25%;
	width: 80%;
	margin: 0 auto;
}

.intromain, .climatemain, .sectorsmain, .regionsmain, .responsesmain, .subscribemain, .findingsmain, .overviewmain {
	font-size: 18px;
	font-weight: 300;
	line-height: 150%;
	text-align: center;
	position: relative;
	max-width: 640px;
	margin: 0px auto;
	top: 25%;
/*	height: 70%;*/
}

.findingsmain {
	max-width: 100%;
	}

.subscribemain {
	top: 10%;
}

#welcomemessage, #welcomeletter {
	background: #fff;
	display: none;
	overflow: hidden;
	padding: 30px;
}

#welcomemessage {
	background: url(../images/bg-welcomehurricane.jpg) center center no-repeat #096ba3;
	color: #fff;
	text-align: center;
	padding: 0px;
	max-width: 680px;
}

#welcomemessage .backtousgcrp, #ha-header .backtousgcrp {
	background: url(../images/iconsprite.png) -230px -1890px no-repeat;
	font-family: 'Roboto', Calibri, Arial, sans-serif;
	font-size: 14px;
	text-align:left;
	padding: 10px 0px 10px 50px;
	font-weight: 300;
}

#ha-header .backtousgcrp{
	background: url(../images/iconsprite.png) -250px -1930px no-repeat;
	padding:18px 0px 10px 30px;
	display: block;
	float: left;
}

#welcomemessage .backtousgcrp a {
	color:#e2eef5;
	display: block;
	width: 120px;
	line-height: 150%;
}

#welcomemessage h3 {
	font-size: 36px;
	line-height: 150%;
	font-weight: 300;
	padding: 10px 90px;
	margin: 0px;
}

#welcomemessage p {
	font-size: 14px;
	line-height: 150%;
	font-weight: 400;
	margin: 10px 50px;
}


#findingsnav ul {
	position: relative;
	width: 100%;
	height: 60px;
	display: block;
	padding: 0px;
	clear: both;
}

#findingsnav ul li {
	display: block;
	float: left;
	/*width: 25%;*/
}

#findingsnav ul li a {
	display: block;
	margin: 19px;
	text-align: center;
}

/* ------ GLOBAL MENU ------ */

.fancy-menu {
	background: #f6f7fb;
	display: none;
	overflow: hidden;
	padding: 0px;
}

/* --- TAB STYLING --- */

/* home button */

#global-menu .global-menu-home, #global-menu .backtousgcrp {
	position: absolute;
	top: 15px;
	right: 80px;
	width: 39px;
	height: 37px;
	padding: 10px;
	font-size: 0;
	text-indent: -9999px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.global-menu-home:hover, #global-menu .backtousgcrp:hover {
	background-color: #dfedf7;
}

.global-menu-home .icon {
	background-position: -250px -1800px;
	display: block;
	width: 18px;
	height: 17px;
}

#global-menu .backtousgcrp {
	display: none;
	background: url(../images/iconsprite.png) -250px -1940px no-repeat;
	padding: 10px 10px 10px 30px;
}


/* global */

#global-menu .ui-tabs-nav li {
	display: inline-block;
	vertical-align: top;
}

#global-menu a {
	display: block;
	font-family: 'Roboto', Calibri, Arial, sans-serif;
}

/* top level */

#tabs-toplevel-menu {
	padding: 15px;
	text-align: center;
}

#tabs-toplevel-menu li {
	margin: 0 10px;
}

#tabs-toplevel-menu a {
	display: block;
	position: relative;
	border: 1px solid #656a71;
	padding: 10px 30px;
	color: #656a71;
	font-size: 15px;
	line-height: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 300;
}

#tab-report.ui-state-hover a {
	border-color: #124460;
	color: #124460;
}

#tab-report.ui-state-active a {
	background: #124460;
	border-color: #124460;
	color: #fff;
}

#tab-report.ui-state-active a:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #124460 transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -10px;
	bottom: -10px;
	left: 50%;
}

#tab-highlights.ui-state-hover a {
	border-color: #096ba3;
	color: #096ba3;
}

#tab-highlights.ui-state-active a {
	background: #096ba3;
	border-color: #096ba3;
	color: #fff;
}

#tab-highlights.ui-state-active a:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #096ba3 transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -10px;
	bottom: -10px;
	left: 50%;
}

#appendices{
    background: #f6f7fb;
}

.appendices-submenu-list li {
    float: left;
    width: 50%;
    height: 40px;
    border-bottom: none !important;
}

.appendices-submenu-list a {
    display: block;
    padding: 6px;
    height: 39px;
    font-size: 15px;
    font-weight: 400;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.appendices-submenu-list a:hover {
    border-bottom: none !important;
}

/* section */

.section-menu {
	margin: 0 15px;
	text-align: center;
}

.section-menu li {
	width: 23%;
	height: 140px;
}

.section-menu a {
	position: relative;
	height: 140px;
	padding: 20px;
	font-size: 12px;
	line-height: 15px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
}

.section-menu .icon {
	background: url(../images/iconsprite.png) no-repeat;
	width: 47px;
	height: 60px;
	margin: 0 auto 10px auto;
}

/* report tabs */

/* default */

#section-menu-report-our-changing-climate .icon {
	background-position: -450px -400px;
}

#section-menu-report-sectors .icon {
	background-position: -450px -500px;
	width: 48px;
}

#section-menu-report-regions .icon {
	background-position: -450px -600px;
	width: 65px;
}

#section-menu-report-response-strategies .icon {
	background-position: -450px -700px;
}

/* active */

#section-menu-report-our-changing-climate.ui-state-active .icon {
	background-position: -450px 0px;
}

#section-menu-report-sectors.ui-state-active .icon {
	background-position: -450px -100px;
	width: 48px;
}

#section-menu-report-regions.ui-state-active .icon {
	background-position: -450px -200px;
	width: 65px;
}

#section-menu-report-response-strategies.ui-state-active .icon {
	background-position: -450px -300px;
}

/* highlights */

/* default */

#section-menu-highlights-report-findings .icon {
	background-position: -750px -300px;
}

#section-menu-highlights-regions .icon {
	background-position: -750px -500px;
	width: 65px;
}

#section-menu-highlights-overview .icon {
	background-position: -750px -400px;
}

/* active */

#section-menu-highlights-report-findings.ui-state-active .icon {
	background-position: -750px 0px;
}

#section-menu-highlights-regions.ui-state-active .icon {
	background-position: -750px -200px;
	width: 65px;
}

#section-menu-highlights-overview.ui-state-active .icon {
	background-position: -750px -100px;
}

.section-menu .ui-state-active a {
	background: #e9f0f8;
	color: #34495f;
}

.section-menu .ui-state-active a:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 13px 13px 0;
	border-color: #e9f0f8 transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -13px;
	bottom: -13px;
	left: 50%;
}

#section-menu-climate-science.ui-state-active .icon {
	background-position: -350px 0;
}

#section-menu-sectors.ui-state-active .icon {
	background-position: -350px -100px;
	width: 48px;
}

#section-menu-regions.ui-state-active .icon {
	background-position: -350px -200px;
	width: 65px;
}

#section-menu-response-strategies.ui-state-active .icon {
	background-position: -350px -300px;
}

#section-menu-report-findings.ui-state-active .icon {
	background-position: -650px 0px;
}

#section-menu-regionsh.ui-state-active .icon {
	background-position: -650px -200px;
}

#section-menu-overview.ui-state-active .icon {
	background-position: -650px -100px;
}

#menu-report a {
	color: #124460;
}

#menu-highlights a {
	color: #096ba3;
}

/* submenu */

.submenu-list {
	background: #fff;
	padding: 15px;
}

.submenu-list li {
	float: left;
	width: 50%;
	height: 40px;
	border-bottom: 1px solid rgba(52,73,95,0.25);
}

.submenu-list a {
	display: block;
	padding: 6px;
	height: 39px;
	font-size: 15px;
	font-weight: 400;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.submenu-list a:hover {
	border-bottom: 2px solid #ca2c3a;
}

/*#submenu-toplevel {
	position: relative;
	height: 220px;
	padding: 20px;
}

#submenu-toplevel li.active ul {
	display: block;
}

#submenu-toplevel li {
	display: block;
	float: left;
}

#submenu-toplevel .tab {
	background: #34495e;
	position: relative;
	width: auto;
	height: 50px;
	line-height: 20px;
	padding: 10px;
	margin: 0 5px 0 0;
	border: 1px solid #415f7e;
	z-index: 2;
}

#submenu-toplevel .active .tab {
	border-bottom: none;
}

#submenu-toplevel ul {
	display: none;
	position: absolute;
	left: 20px;
	top: 69px;
	width: 672px;
	padding: 5px;
	border: 1px solid #415f7e;
	z-index: 1;
}

#submenu-toplevel ul li {
	display: block;
	float: left;
	width: 25%;
}

#submenu-toplevel ul li a {
	display: block;
	height: 120px;
	padding: 10px 30px;
	font: 12px/12px 'Roboto', Calibri, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

#submenu-toplevel .icon {
	background-image: url(../images/iconsprite.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 47px;
	height: 60px;
	margin: 0 auto 10px auto;
}

#submenu-topics .icon {
	background-position: 0 -100px;
}

#submenu-regions .icon {
	background-position: 0 -200px;
	width: 65px;
}

#submenu-responses .icon {
	background-position: 0 -300px;
}*/

.cs-header #go-home {
	width: 80px;
	height: 80px;
	margin: 0;
}

.cs-header #go-home a {
	background: url(../images/logo_rev.png) no-repeat center;
	background-size: 60% auto;
	width: 80px;
	height: 80px;
	margin: 0;
}

.subsection-menu {
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	padding: 40px;
	position: absolute;
	top: 0px;
	left: 85px;
	background:	url(../images/icon_menu.png) 20px center no-repeat;
	margin: 0px;
	z-index: 4000;
	border-left: 1px solid #415f7e;
	border-right: 1px solid #415f7e;
}

/*#climatescience,*/ .subsection {
	background: #fff;
	padding: 0px;
	text-align: center;
	position: relative;
	width: 100%;
	margin: 0px auto;
	clear: both;
}

.subsection-content p {
	text-align: center;
	font-weight: 300;
	font-size: 20px;
	line-height: 170%;
}

.close {
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	padding: 40px;
	position: absolute;
	background: #f26262 url(../images/iconsprite.png) 26px -975px no-repeat;
	margin: 0px;
	top: 80px;
	right: 0px;
	z-index: 4000;
	border: 0px solid transparent!important;
	border-left: 1px solid #fff!important;
}

#closesearch, #closechapters {
	top: 0;
	right: 0px;
}

.closetraceableaccounts, .closemetadata, .closetable {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	padding: 25px;
	position: absolute;
	background: 
	#90c0d8 url(../images/iconsprite.png) 11px -990px no-repeat;
	margin: 0px;
	margin-right: -360px ;
	top: 0px;
	right: 50%;
}
.closetable {
	top: 14px;
	margin-right: 0px ;
	right: 0px;
}

.zoom img {
	display: block;
	margin: 0px auto;
	z-index: 2;
}

.down, .up {
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	padding: 40px;
	position: absolute;
	background: url(../images/iconsprite.png) -222px -480px no-repeat;
	bottom: 20px!important;
	right: 50%;
	margin: 0px -40px 0px 0px;
	margin-right: -40px;
	}

.up {
	background: url(../images/iconsprite.png) 30px -580px no-repeat;
	right: 17px;
	top: 20%;
	margin: 0px;
	z-index: 9999;
	position: fixed;
	display: none!important;
}

.arrow {
	display: block;
	width: 60px;
	height: 30px;
	margin: -10px auto 0px auto;
	position: relative;
	text-indent: -9999px;
}

#iconnavr,#iconnavh	{
	text-align: center;
	position: relative;
	width: 560px;
	margin: 0px auto;
	clear: both;
}

#iconnavh	{
	width: 420px;
	}

.iconclimate, .iconsectors, .iconregions, .iconresponses, .iconfindings, .iconoverview {
	font-size: 12px;
	color: #ccdceb;
	line-height: 140%;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-decoration: none;
	display: block;
	width: 100px;
	height: 10px;
	text-align: center;
	margin: 20px;
	padding: 70px 10px 10px 10px;
	position: relative;
	float: left;
	background: url(../images/iconsprite.png) 30px 0px no-repeat;
}

.iconclimate:hover, .iconsectors:hover, .iconregions:hover, .iconresponses:hover, .iconfindings:hover, .iconoverview:hover {
	color: #a9c3d8;
}

.iconsectors {
	background: url(../images/iconsprite.png) 30px -100px no-repeat;
}

.iconregions {
	background: url(../images/iconsprite.png) 20px -200px no-repeat;
}

.iconresponses {
	background: url(../images/iconsprite.png) 30px -300px no-repeat;
}

.iconfindings {
	background: url(../images/iconsprite.png) -520px -5px no-repeat;
}

.iconoverview {
	background: url(../images/iconsprite.png) -525px -100px no-repeat;
}


/* Subsection Styles */

.chaptercontainer {
	position: static;
	height: auto;
}

.chaptercontainer article p a,
.chaptercontainer article li a {
  color: #297fb7;
  font-weight: 400;
  text-decoration: underline;
}

.chaptercontainer article p a:hover,
.chaptercontainer article li a:hover {
  color: #236d9e;
}

.chaptercontainer article p a.footnote-button,
.chaptercontainer article li a.footnote-button {
  text-decoration: none;
}

.chaptercontainer article .footnote-content .footnote-url {
  color: #329ee5;
}

article {
	/*position: relative;*/
	clear: both;
	width: 100%;
	padding: 50px 0;
	text-align: center;
	/*border: 0px solid transparent!important;*/
	border-bottom: 1px solid #90c0d8!important;
	z-index: 3000;
}

.templatepage #intro-section-2 {
  position: relative;
  z-index: 70;
}

#intro-section-2-none { padding: 0; height: 10px; }

.subsection-content {
	width: 860px;
	margin: 200px auto 60px auto;
}

div.subsection-introduction-content {
	width: 860px;
	text-align:left;
	margin: 100px auto 60px auto;
}

div.subsection-introduction-content p,
div.subsection-introduction-content h2,
div.subsection-introduction-content h3,
div.subsection-introduction-content ul,
div.subsection-introduction-content ol {
	margin-right: 300px;
}

.subsection-keymessage-light .gotomore,
.subsection-keymessage-dark .gotomore{
	width: 840px;
	margin: 0 auto;
	text-align: center;
	display: block;
}

.subsection-keymessage-light .gotomore a,
.subsection-keymessage-dark .gotomore a{
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 5px 7px 7px 7px;
	line-height: 25px;
	text-transform: uppercase;
	border: 1px solid #fff;
	color: #fff;
	font-family: 'roboto';
	font-size: 18px;
	font-weight: 300;
	max-width:450px;
	background: url(../images/icon_go.png) 15px center no-repeat;
	padding: 20px 20px 20px 70px;
}

.subsection-keymessage-dark .gotomore a{
border: 1px solid #297fb7;
color: #297fb7;
}

/*	 Accordion 	*/

.authors {
	width: 300px;
	min-height: 60px;
	display: block;
	position: absolute;
	margin-left: 600px;
	font-size:13px;
	line-height: 120%;
	padding: 0px;
}

.accordionButton {
	float: left;
	cursor: pointer;
	clear: both;
	margin: 0px;
	width: 300px;
	height: 50px;
	padding: 10px 0px;
	border-bottom: 1px solid #90c0d8;
}

.accordionButton:before {
	font-size: 22px;
	content: "+";
	float: right;
	color: #90c0d8;
	padding-left: 20px;
}

.accordionButton.active {
	color: #fe495a;
}

.accordionButton.active:before {
	font-size: 22px;
	content: "-";
	float:right;
	padding-left: 20px;
	color:#fe495a;
}

 
.accordionContent {
	display: none;
	float: left;
	text-align:left;
	padding: 10px 0px;
	margin: 0px;
	width: 300px;
	border-bottom: 1px solid #ccdceb;
}

.accordionContent p,
.accordionContent li {
	font-size: 13px;
	line-height: 130%;
	margin: 5px auto;
	margin-right: auto !important;
}

article.subsection-keymessage {
	background-size:cover;
	background-attachment:fixed;
	font-size:24px;
}

article.subsection-keymessage-reverse {
	color: #fff;
	font-size: 24px;
	height: 100%;
	background-size: cover;
	background-attachment: fixed;
}

article.subsection-keymessage-dark,
article.subsection-keymessage-light {
    background-size: cover;
    background-attachment: fixed;
    font-size:24px;
    min-height: 840px;
}


article.subsection-keymessage-light {
    color:#fff;
}
 
.subsection-interactive {
	background-color: #fff;
}

.subsection-imagegallery, .subsection-video {
/* 	background-color: #fff; */
	background-color: transparent;
	width: 100%;
	margin: 50px 0;
	padding: 30px 0;
	border-top: 1px solid #90c0d8!important;
	border-bottom: 1px solid #90c0d8!important;
	clear: both;
}

.subsection-photo {
	float: right;
	width: 400px;
	margin: 0px 0px 0px 30px;
	padding: 0;
	border: none!important;
	clear: both;
}
#standalone .standalone-photo {
    float: none;
    width: 400px;
    margin: 60px 175px;
    padding: 0;
    clear: both;
}

.subsection-image-title {
  display: block;
  margin: 0 0 20px 0;
}

#standalone .subsection-image-title {
    display: block;
    margin:0px;
    text-align: center;
}

.subsection-imagegallery.large h3 {
  width: 730px;
  text-align: left;
}

.subsection-imagegallery.large .image-wrap,
.subsection-imagegallery.large .Figure-wrap,
.subsection-imagegallery.large .Photo-wrap,
#standalone .subsection-imagegallery.large .image-wrap,
#standalone .subsection-imagegallery.large .Figure-wrap,
#standalone .subsection-imagegallery.large .Photo-wrap,
#standalone .standalone-figure.large .Figure-wrap,
#standalone .subsection-photo.large .Photo-wrap{
  position: relative;
  width: 100%;
}

.subsection-imagegallery.large .Photo-wrap,
#standalone .subsection-photo.large .Photo-wrap {
  height: 200px;
}

.subsection-imagegallery.large .image-wrap,
.subsection-imagegallery.large .Figure-wrap,
#standalone .subsection-imagegallery.large .image-wrap,
#standalone .subsection-imagegallery.large .Figure-wrap,
#standalone .standalone-figure.large .Figure-wrap{
  height: 0;
  margin: 0 0 50px 0;
  padding: 0 0 67% 0;
  overflow: hidden;
}

/*
#standalone .standalone-figure.large,
#standalone .standalone-photo.large{
    margin: 0 260px!important;
}
*/

#standalone .subsection-imagegallery.large .Figure-wrap{
    margin: 0px !important;

}

.subsection-imagegallery.large table {
  position: relative;
  width: 100%;
  margin: 0 0 20px 0;
}
.subsection-table.large table {
    position: relative;
    width: 100%;
    margin: 25px 0 20px 0;
}

.subsection-imagegallery.large .image-wrap img,
.subsection-imagegallery.large .Figure-wrap img,
.subsection-imagegallery.large .Photo-wrap img,
#standalone .subsection-imagegallery.large .image-wrap img,
#standalone .subsection-imagegallery.large .Figure-wrap img,
#standalone .subsection-imagegallery.large .Photo-wrap img {
  width: 100%;
  height: auto;
  max-width: 850px;
}
.subsection-imagegallery.large .image-wrap img,
.subsection-imagegallery.large .Figure-wrap img,
#standalone .subsection-imagegallery.large .image-wrap img,
#standalone .subsection-imagegallery.large .Figure-wrap img,
#standalone .standalone-figure.large .Figure-wrap img{
  position: absolute;
  left: 0;
  top: -6.5%;
}

.subsection-expand {
	display: block;
	background: url(../images/zoom.png) top right no-repeat;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	position: relative;
	margin-left: 222px;
	text-align: center;
	left: 50%;
}

.subsection-image {
	border: 2px solid #f26262;
}

.subsection-narrative {
	background:#fff;
}

.subsection-narrative-content, .section-footnotesmain {
	width: 860px;
	text-align:left;
	margin: 60px auto;
	padding-right: 0;
}

.subsection-narrative-content p,
.subsection-narrative-content h1,
.subsection-narrative-content h2,
.subsection-narrative-content h3,
.subsection-narrative-content h4,
.subsection-narrative-content h5,
.subseciont-narrative-content ol,
.subseciont-narrative-content ul,
.section-footnotesmain p {
	margin-right: 250px;
}

.subsection-narrative-callout {
	/*background:url(../images/bg-narrative-callout.png) 0 10px no-repeat;*/
	float: right;
	display: block;
	clear: both;
	width: 250px;
	margin: 0;
	padding: 0 0 0 50px;
	font-size: 13px;
	line-height: 150%;
	color: #32373b;
	text-align: center;
}

.subsection-narrative-callout .copyright {
	width: 200px!important;
	margin: 0px auto 30px auto!important;

}

.subsection-narrative-callout img {
	width: 100%;
	height: auto;
	margin: 10px 0;
	border: 1px solid #297fb7;
}

.subsection-caption, .subsection-metadata, .subsection-metadata-reverse, .subsection-traceableaccounts, .subsection-traceableaccounts-reverse, .subsection-download, .subsection-skiptonarrative, .download-chapter{
	font-size: 12px;
	line-height: 25px;
	font-weight: 400;
	color: #566473;
	text-align: left;
	display: inline-block;
	margin: 10px;
	padding: 10px 0px 10px 35px;
	/*min-width: 140px;*/
	min-height: 40px;
	vertical-align: middle;
	cursor: pointer;
}
.subsection-table{
    padding: 10px;
    border-top: 1px solid #90c0d8!important;
    border-bottom: 1px solid #90c0d8!important;
    clear: both;
}
.standalone-table{
    padding-top: 0px!important;
    border:none!important;
    clear: both;
}

div.subsection-caption,
span.subsection-caption {
	color: #1f3038;
	font-weight: 300;
	text-align: left;
	padding: 30px 30px 20px 30px;
	display: block;
	clear: both;
	max-width: 540px;
	margin: 30px auto;
	background-color: #dfedf7;
	position: relative; 
	cursor: default;
	font-size: 12px;
	line-height: 20px;
}

div.subsection-caption p,
span.subsection-caption p {
	line-height: inherit;
	margin: 0 0 10px 0;
}

div.subsection-caption:before,
span.subsection-caption:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 80px;
	top: -20px;
	border: 10px solid;
	border-color:	transparent #dfedf7 #dfedf7 transparent;
}

.subsection-metadata {
	background: url(../images/iconsprite.png) no-repeat -250px -1390px;
}
.subsection-metadata-reverse {
	background: url(../images/iconsprite.png) no-repeat -250px -1440px;
	color: #fff;
}
	
.subsection-traceableaccounts {
	background: url(../images/iconsprite.png) no-repeat -250px -1490px;
}

.subsection-traceableaccounts-reverse {
	background: url(../images/iconsprite.png) no-repeat -250px -1540px;
	color: #fff;
}

.opentable {
    text-align: center;
    width: 100%;
    border-top: 1px solid #90c0d8!important;
    border-bottom: 1px solid #90c0d8!important;
}
.opentable h3{
    background: url(../images/iconsprite.png) no-repeat -450px -1795px;
    margin: 0px!important;
	padding: 0 80px 0 30px;
    line-height: 140%!important;
    text-align: left;
    width: auto;
    cursor: pointer;
}
	
.subsection-download {
	background: url(../images/iconsprite.png) no-repeat -250px -1290px;
	position: absolute;
	top: 10px;
	right: 0px;
	/*font-weight: 400;*/
	/*color: #f8fcff;*/
}

.subsection-skiptonarrative {
	background: url(../images/iconsprite.png) no-repeat -250px -1640px;
	padding-left: 55px;
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: 400;
	color: #f8fcff;
}

.download-chapter {
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: 400;
	color: #f8fcff;
}

.download-chapter .icon {
	background: url(../images/iconsprite.png) no-repeat -250px -1350px;
	display: block;
	float: left;
	width: 19px;
	height: 33px;
	margin: -2px 20px 0 0;
}	

.subsection-skiptonarrative:hover {
	color: #ccdceb;
}

.subsection-skiptonarrative:active {
	color: #434a5c;
}

.subsectioncontent-metadata, .subsectioncontent-traceableaccounts {
	border: 1px solid #90c0d8 transparent #90c0d8 transparent !important;
	background: #fafdff url(../images/bg-div_top.png) no-repeat center top;
	color: #1f3038;
	/*height: 400px;*/
	margin: 0px;
	padding: 80px 0px 0px 0px;
	display: none;
	position: relative;
	/*overflow: hidden;*/
}
.subsectioncontent-table{
    border: 1px solid #90c0d8 transparent #90c0d8 transparent !important;
    color: #1f3038;
    /*height: 400px;*/
    margin: -58px 0px 0px 0px;
    padding: 80px 0px 0px 0px;
    display: none;
    position: relative;
    /*overflow: hidden;*/
}

.nca3-box .subsectioncontent-table{
    margin-top: -64px;
}


.subsectioncontent-metadata {
	width: 850px;
	display: block;
	margin: 0 auto;
}

.subsectioncontent-metadata p, .subsectioncontent-traceableaccounts p, .subsectioncontent-table p {
	text-align: left;
	font-size: 13px;
}

.shadow-bottom {
	background: url(../images/bg-div_bottom.png) no-repeat center bottom;
	width: 100%;
	height: 85px;
	display: block;
}

/* --- METADATA TABS --- */

.metadata-h7 {
	background: #fafdff url(../images/bg-div_top.png) top center no-repeat;
	padding-top: 30px;
	padding-bottom: 30px;
}

ol.meta-list {
	list-style: upper-alpha;
	margin: 0 20px;
}

div.tab1-table {
    margin: 20px auto;
}
div.tab1-table .row { margin-left: 0; margin-right: 0; }

#figure-with-images, #figure-with-no-images {
	padding: 0 20px;
}

#figure-with-no-images { display: none; }

div.gcis-figure {
    margin-top: 20px;
    margin-bottom: 20px;
}
span.ranking-star { font-size: 2em; }
div.gcis-figure img { width: 100%; }
div.gcis-figure p {
    padding: 10px;
    background-color: #f7f5fa;
    text-align: justify;
    font-size: 90%;
}
.tooltip-inner { background-color: #428bca; }
.tooltip-inner span { color: #000; }

p.no-info { margin-top: 20px; margin-left: 20px; }

#close-images-div {
    top: 0;
    right: 0;
}
div#image-info {
    background: #fafdff url(../images/bg-div_top.png) top center no-repeat;
    position: relative;
    display: none;
}

/* For pretty-printed JSON, override Bootstrap defaults */
.td-r pre, pre.json {
	background-color: #fff;
	border: none;
	margin: 0;
	word-break: keep-all;
	word-wrap: break-word;
}
.td-r pre {
	font-family: 'Open Sans', calibri, arial, sans-serif;
}
.string { color: #000; }
.number { color: #0a0; }
.boolean { color: magenta; }
.null { color: #f00; }
.key { color: blue; }

/* intro */

.metadata-intro {
	background: #dcebf3;
	width: 850px;
	margin: 0 auto 30px auto;
	padding: 30px;
	text-align: left;
	color: #1f3038;
}

.metadata-intro-content {
	margin: 0 0 0 185px;
}

sup.gcis-tooltip {
	cursor: pointer;
}

.metadata-intro h4 {
	margin: 0 0 5px 0;
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
}

.metadata-intro h3 {
	margin: 0 0 25px 0;
	padding: 0 0 20px 0;
	font-size: 24px;
	line-height: 32px;
	font-weight: 400;
	border-bottom: 1px solid #90c0d8;
}
.metadata-intro h3 span {
	display: inline-block;
	font-size: 14px;
	line-height: 1.5;
}

.metadata-intro .download {
	margin: 0;
	font-size: 13px;
	line-height: 140%;
}

.metadata-intro .download a {
	font-weight: 400;
}

.metadata-intro .download .icon {
	background-position: -250px -1300px;
	display: block;
	float: left;
	width: 18px;
	height: 33px;
	margin: -5px 15px 0 0;
}

.metadata-intro .thumbnail {
	float: left;
	margin: 0 20px 0 0;
}

.metadata-intro .thumbnail img {
	width: 150px;
	height: auto;
	border: 5px solid #90c0d8;
}

/* data completion */

.metadata-completion {
	display: none;
	float: right;
	margin: 17px 0 0 0;
}

.metadata-completion h5 {
	float: left;
	margin: 0 10px 0 0;
	font-size: 13px;
	line-height: 13px;
}

.metadata-completion .completion-bar-container {
	float: left;
	width: 150px;
	height: 11px;
	margin: 3px 0 0 0;
	padding: 2px;
	border: 1px solid #90c0d8;
}

.metadata-completion .completion-bar {
	background: #fe495a;
	height: 5px;
}

.metadata-completion .completion-bar.percent-10 {
	width: 10%;
}

.metadata-completion .completion-bar.percent-20 {
	width: 20%;
}

.metadata-completion .completion-bar.percent-30 {
	width: 30%;
}

.metadata-completion .completion-bar.percent-40 {
	width: 40%;
}

.metadata-completion .completion-bar.percent-50 {
	width: 50%;
}

.metadata-completion .completion-bar.percent-60 {
	width: 60%;
}

.metadata-completion .completion-bar.percent-70 {
	width: 70%;
}

.metadata-completion .completion-bar.percent-80 {
	width: 80%;
}

.metadata-completion .completion-bar.percent-90 {
	width: 90%;
}

.metadata-completion .completion-bar.percent-100 {
	width: 100%;
}

/* container */

.metadata-tabs {
	width: 850px;
	margin: 0 auto;
	text-align: left;
}

/* menu */

.metadata-tabs-menu {
	margin: 0 0 0 30px;
}

.metadata-tabs-menu li {
	float: left;
	margin: 0 10px 0 0;
}

.metadata-tabs-menu a {
	display: block;
	padding: 10px 15px;
	font-size: 16px;
	border: 1px solid #90c0d8;
	border-bottom: none;
}

.metadata-tabs-menu .ui-state-active a {
	background: #fff;
}

/* panes */

.metadata-tabs-content {
	margin-top: -1px;
	background: #fff;
	padding: 20px;
	border: 1px solid #90c0d8;
	font-size: 13px;
	line-height: 21px;
}

.glyphicon {
	background: #34495e;
	display: inline-block;
	margin: 3px 0 0 6px;
	width: 12px;
	height: 12px;
	font-size: 10px;
	line-height: 11px;
	font-weight: 600;
	color: #fff;
	vertical-align: top;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.glyphicon:before {
	content: '\003F';
	display: block;
	margin-left: 4px;
}

/* table */

.row {
	border-bottom: 1px solid #dcebf3;
}

.row:last-child {
	border-bottom: none;
}

.td-l {
	float: left;
	width: 150px;
	padding: 10px 0;
	font-weight: 600;
}

.td-r {
	margin-left: 170px;
	padding: 10px;
}

.td-r:after {
	content: " ";
	display: table;
	clear: both;
}

/* image meta */

.metadata-img {
	background: #ebf4f9;
	float: left;
	width: 255px;
	margin: 7px;
	padding: 20px 20px 15px 20px;
	text-align: center;
}

.metadata-img .thumbnail {
	margin: 0 0 15px 0;
}

.metadata-img .thumbnail img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

/*
.metadata-img .view-options a,
span.view-options a,
*/
.view-options { text-align: center; }
.view-options a {
	display: inline-block;
	margin: 0 5px;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #566473;
}

/*
.metadata-img .view-options .icon,
span.view-options .icon,
*/
.view-options .icon {
	display: block;
	float: left;
	height: 19px;
	margin: 0 6px 0 0;
}

/*
.metadata-img .view-options .img-zoom .icon,
span.view-options .img-zoom .icon,
*/
.view-options .img-zoom .icon {
	background-position: -250px -1850px;
	width: 18px;
}

/*
.metadata-img .view-options .img-meta .icon,
span.view-options .img-meta .icon,
*/
.view-options .img-meta .icon {
	background-position: -250px -1400px;
	width: 27px;
}

/* hidden divs for fancybox */

article#gcis-metadata-display {
	display: none;
}

#metadata-hidden {
	display: none;
}

.metadata-fancybox {
	padding: 50px 0;
	color: #1f3038;
}

/* --- TRACEABLE ACCOUNTS --- */

.subsectioncontent-traceableaccounts .process {
  background: #eaf4fb;
  width: 850px;
  margin: 0 auto 20px auto;
  padding: 10px 20px;
}

.subsectioncontent-traceableaccounts .process h3,
.subsectioncontent-traceableaccounts .process h4 {
  margin: 10px 0 20px 0;
  font-weight: 400;
  font-size: 18px;
}

.subsectioncontent-traceableaccounts .process p {
  margin: 0 0 15px 0;
}

.traceable-accounts-table {
	width: 850px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	line-height: 21px;
}

.traceable-accounts-table h3 {
	float: left;
	clear: both;
	width: 150px;
	margin: 0;
	padding: 10px 0 10px 20px;
	font-size: 13px;
	line-height: 21px;
	font-weight: 600;
}
 
.traceable-accounts-table p {
	margin: 0 0 10px 170px;
	padding: 10px 20px 10px 0;
	width: auto;
	font-size: 13px;
	line-height: 21px;
}
 
/* confidence levels */
 
.confidence-meter {
	background: #dcebf3;
	width: 850px;
	margin: 0 auto;
	padding: 30px;
	text-align: left;
}
 
.confidence-meter .column {
	float: left;
	width: 25%;
	padding: 0 3% 0 0;
}
 
.confidence-meter .column:last-child {
	padding: 0;
}
 
.confidence-meter .column h4 {
	margin: 0 0 12px 0;
	font-weight: 400;
}
 
.confidence-meter .column p {
	width: auto;
	margin: 0;
}

/* End Subsection Styles */

.homecallout, .climatecallout, .sectorscallout, .regionscallout, .responsescallout, .subscribecallout, .findingscallout {
	padding: 15px;
	min-height: 200px;
}

.findingscallout {
	max-width: 600px;
	margin: 0 auto;
}

.findingsbg {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: -1;
	opacity: 0.4;
	}

.homecallout p	{
	font-weight: 400;
}

.sectionbuttons {
	clear: both;
	width: 100%;
	height: 100px;
}

.button {
 	padding: 25px;
	border: 2px solid #eaf4fb;
	margin: 15px 5px;
	display: inline-block;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	font-family: 'Roboto', Calibri, Arial, sans-serif;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.button:active, #climateLeft:active {
	background-color: rgba(41,128,185,0.7)!important;
}

.button.dark {
	border: 2px solid #2980b9;
	color: #2980b9;
}

.button.dark:hover {
	background-color: rgba(41,128,185,0.1);
	color: #2e91d1;
}

.button.dark:active {
	background-color: rgba(41,128,185,0.7);
	color: #fff;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.button.darkteal {
	border: 2px solid #096ba3;
	color: #096ba3;
}

.button.light {
	border: 2px solid #eaf4fb;
	color: #eaf4fb
}

.button.light:hover {
	background-color: rgba(0,0,0,0.1);
	color: #fff;
}

.button.light:active {
	background-color: rgba(41,128,185,0.7);
	color: #fff;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.expand {
	background: url(../images/icon_expand.png) 16px 16px no-repeat;
	padding-left: 80px;
}

.next,.next-h {
	background: url(../images/icon_next.png) 21px 16px no-repeat;
	padding-left: 50px;
}

/*.next-h{
	background: url(../images/icon_next.png) 21px 16px no-repeat;
	padding-left: 50px;
	position: absolute;
	bottom: 20px;
	left:50%;
	margin-left: -100px;
	width: 220px;
	text-align:center;
}*/

.go {
	background: url(../images/icon_go.png) 15px center no-repeat;
	padding-left: 70px;
	min-width: 80%;
}

/* --- SOCIAL --- */

/* define blocks of shareable content */

.shareable {
	position: relative;
}

.social, #standalone .social {
	width: 40px;
	position: absolute;
	bottom: 35px;
	right: 35px;
	/*overflow: hidden;*/
	display: block;
}

.social a, #standalone .social a {
  background-image: url(../images/iconsprite.png);
  background-repeat: no-repeat;
  background-size: 425px 1000px;
}

.facebook, .twitter, .facebookdark, .twitterdark, .downloaddark, .metadata-view-dark {
	display: block;
	width: 40px;
	height: 40px;
	clear: both;
	cursor: pointer;
	margin: 10px 0px;
	text-indent: -9999px;
}

.facebook-inline, .twitter-inline, .download-inline, .metadata-view-inline {
	display: inline-block;
	clear: none;
	margin: 0;
}

.facebook {
	background-position: -35px -540px;
}

.twitter {
	background-position: -39px -588px;
}

.facebooklight {
	background-position: -35px -400px;
}

.twitterlight {
	background-position: -39px -438px;
}

.facebookdark {
	background-position: -35px -540px;
}

.twitterdark {
	background-position: -39px -588px;
}

/* chapter */
 
.templatepage .social {
	bottom: auto;
	top: 150px;
	right: 10px;
}

.templatepage #intro-section .social {
	top: 50%;
	margin-top: -80px;
}


article.subsection-keymessage-dark .social,
article.subsection-keymessage-light .social {
	top: 40%;
	right: 10px;
}

/* image gallery social */

.subsection-imagegallery.large .social {
  width: 120px;
  top: 40px;
  bottom: auto;
  right: 0;
}

.nca3-box .subsection-imagegallery.large .social{
  top: 20px;
}

.subsection-imagegallery.large .subsectioncontent-table .social {
  top: 20px;
  right: 50px;
}



.subsection-imagegallery.large .social a {
  float: right!important;
  clear: none!important;
}

.subsection-imagegallery.large .social .url-copy {
  float: right;
}

.downloaddark {
	background: url(../images/icon-downloaddark.png) 0 0 no-repeat;
}

.metadata-view-dark {
	background: url(../images/iconsprite.png) no-repeat -250px -1390px;
}

div.close-h7-div {
    position: relative;
    width: 100%;
    margin: 0 auto;
    min-height: 80px;
}
.close-h7 {
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    padding: 40px;
    background: #f26262 url(../images/iconsprite.png) 26px -975px no-repeat;
    margin: 0px;
    position: absolute;
    top: 0;
    right: 4px;
    z-index: 4000;
    border: 0px solid transparent!important;
    border-left: 1px solid #fff!important;
    color: rgb(254, 73, 90);
}
a.close-h7 {
    color: #fe495a;
    text-decoration: none;
}
a.close-h7:hover {
    color: #ca2c3a;
}
#close-images-div {
    top: 0;
    right: 0;
}

/* Region Icons */

#northeast-title,
#southeast-title,
#midwest-title,
#great-plains-title,
#southwest-title,
#southeast-and-the-caribbean-title,
#northwest-title,
#alaska-title,
#hawaii-title,
#hawaii-and-the-us-affiliated-pacific-islands-title {
	background: url(../images/iconsprite.png) ;
	background-repeat: no-repeat;
}

#northeast-title {
	background-position: -650px -900px;
}
#southeast-title {
	background-position: -650px -1000px;
}
#midwest-title {
	background-position: -650px -1100px;
}
#great-plains-title {
	background-position: -650px -1200px;
}
#southwest-title {
	background-position: -650px -1300px;
}
#southeast-and-the-caribbean-title {
	background-position: -750px -1000px;
	max-width: 100%;
}
#northwest-title {
	background-position: -650px -1400px;
}
#alaska-title {
	background-position: -650px -1500px;
}
#hawaii-title {
	background-position: -650px -1595px;
	line-height: 110%!important;
}
#hawaii-and-the-us-affiliated-pacific-islands-title {
	background-position: -750px -1590px;
	line-height: 110%!important;
	max-width: 100%;
	padding-left:20px;
}



/* url copy popup */

.url-copy {
	position: relative;
}

.url-copy a {
	background-image: url(../images/iconsprite.png);
	background-repeat: no-repeat;
	background-size: 425px 1000px;
	background-position: -91px -588px;
	display: block;
	width: 40px;
	height: 40px;
	margin: 10px 0;
}

.dark-icons .url-copy a {
	background-position: -91px -538px;
}

.url-popup {
	background: #3599dc;
	display: none;
	position: absolute;
	right: 55px;
	top: 2px;
	width: 210px;
	height: 41px;
	color: #333;
}

.url-popup:after {
	content: '';
	display: block;
	position: absolute;
	right: -10px;
	top: 15px;
	width: 0;
	height: 0;
	border: 5px solid #3599dc;
	border-color: #3599dc transparent transparent #3599dc;
}

.url-field {
	background: #fff;
	width: 190px;
	padding: 2px;
	margin: 10px;
	color: #1f3038;
	font: 12px/12px 'Roboto', Calibri, Arial, sans-serif;
	border: 1px solid #297fb7;
}

.url-field:focus {
	background: #fff;
	border: 1px solid #3599dc;
}

.video-wrap {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
	opacity: 1;
}

#video_background {
	position: absolute;
	top: 0px;
	right: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	opacity: 0.6;
}

.reportpage #intro-section,
.reportpage .video-wrap {
  background-color: #58758c;
}

.highlightspage #intro-section,
.highlightspage .video-wrap {
  background-color: #096ba3;
}

.templatepage #intro-section,
.templatepage .video-wrap {
  background-color: #58758c;
}

.pageviewtemplate #intro-section,
.pageviewtemplate .video-wrap {
    background-color: #58758c;
}

.device-ipad #video_background,
.device-mobile #video_background {
	display: none!important;
}

.hidden {
	display: none;
}

#climate-observed-change {
	background-size:cover;
	background-attachment:fixed*/;
}

/* callout boxes */

.nca3-box {
	background-color: #eaf4fb;
	position: relative;
/* 	width: 850px; */
	width: 100%;
	margin: 30px 0;
	padding: 20px;
	font-size: 15px;
	line-height: 22px;
}

.nca3-box:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 20px;
	top: -20px;
	border: 10px solid;
	border-color: transparent #eaf4fb #eaf4fb transparent;
}

.nca3-box p {
  line-height: inherit;
  margin: 0 0 20px 0 !important;
}

.nca3-box h3 {
	color: #297fb7;
	margin: 0 0 20px 0 !important;
}

.nca3-box .closetable { right: 0px; top: 0px; }

.nca3-box article.subsection-imagegallery { width: 100%; }
/* text styling */

ul.list {
	list-style: square;
	margin: 0 250px 20px 30px;
}

ol.list {
	list-style-type: decimal;
	margin: 0 250px 20px 30px;
}

.nca3-box ul, .nca3-box ol {
	margin: 0 0 20px 30px;
}

ul.list li, ol.list li {
  margin-bottom: 10px;
}

table ul.list, table ol.list {
	margin-right: 0;
}

/* next chapter link */

#next-chapter {
  background-color: #58758c;
	padding: 40px 20px;
	text-align: center;
	clear: both;
	border-bottom: 1px solid #90c0d8!important;
}

#next-chapter .button {
	display: inline-block;
	width: auto;
	min-width: 0;
}

/*	Subscribe	*/

h2.smalllogo {
	padding-top: 100px;
	font-size: 36px;
	line-height: 140%;
	background: url(../images/logo_rev.png) top center no-repeat;
}

#subscribe-form {
	display: block;
	clear: both;
	width: 640px;
	margin: 20px auto;
	overflow: hidden;
	display: none;
}

#subscribe-form .field {
	float: left;
	width: 470px;
	height: 80px;
	margin: 0 10px 0 0;
	border-bottom: 2px solid #eaf4fb;
}

#subscribe-form .icon {
	background-position: 5px -1695px;
	float: left;
	width: 55px;
	height: 55px;
	margin: 15px 5px;
}

input, select {
	/*-webkit-appearance: none;*/
	border-radius: 0;
}

input, input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
	border: none;
	clear: both;
	color: #110037;
	font-weight: 400;
	display: inline-block;
}

#subscribe-form input {
	background-color: transparent;
	display: block;
	float: left;
	clear: none;
	position: relative;
	height: 80px;
	margin: 0;
 	padding: 25px 50px;
	color: #fff;
	font: 400 16px/16px 'Roboto', Calibri, Arial, sans-serif;
	cursor: pointer;
}

#subscribe-form .subscribe {
	width: auto;
	padding: 15px;
	border: 0px;
	font-weight: 300;
	letter-spacing: 0px;
	text-transform: none;
}

#subscribe-form .button {
	background: url(../images/iconsprite.png) 10px -1570px no-repeat;
	width: 160px;
	letter-spacing: 1px;
	text-transform: uppercase;
	
}

/* Footer */

#footerlogos {
	margin: 50px 0px 20px 0px;
}

#footerlogos-welcome {
	margin: 20px 0px;
} 

.copyright {
	display: block;
	font-size: 11px;
	font-weight: 300;
	width: 640px;
	clear: both;
	margin: 50px auto;
}
#standalone .copyright{
    margin: 50px auto;
}

.copyright p {
	font-size: 12px;
	line-height: 120%;
}

div.copyright, #standalone div.subsection-caption div.copyright{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

/* Footnotes */

sup a {
	font-weight: 400;
	padding: 5px;
	text-decoration: none;
	color: #fe495a;
	font-size: 9px;
	top:-10px;
	position: relative;
}

#footnote_box {
	font-size: 14px;
	background: white;
	padding: 0 10px;
	margin: 10px;
	border: 1px solid #fe495a;
	-moz-box-shadow: 0px 0px 5px #eee;
	-webkit-box-shadow: 0px 0px 5px #eee;
	box-shadow: 0px 0px 5px #eee;
	}

#footnote_box > p {
margin: 10px;
}

.footnotes{
	/*font-size: 12px;
	line-height: 130%;*/
}

/* Fancybox styling for assets */

/*.fancybox-wrap {
	border: 2px solid #90c0d8!important;
}
*/

div.nca-fancy-title:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 80px;
	top: -15px;
	border: 8px solid;
	border-color: transparent #eaf4fb #eaf4fb transparent;
}


div.nca-fancy-title {
/*
	line-height: 40px;
	border: 1px solid #333;
	color: #333;
*/
	line-height: 24px;
	background: #eaf4fb;
	max-height: 200px;
	min-height: 100px;
	padding: 20px;
	overflow-y: scroll;
	/* position: relative; */
}

div.nca-fancy-title p {
  margin: 0 100px 20px 0;
	font: 400 13px/20px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.nca-fancy-title .social {
	position: absolute;
	width: 120px;
	top: 0;
	bottom: auto;
	right: 10px;
}

div.nca-fancy-title .social a {
	float: right;
	clear: none;
}

.footnotes h2 { color: #297fb7; }

/* Tame those long URL's */
.footnotes ol, .footnotes p {
  overflow: hidden;
  font-size: 85%;
}

.section-footnotes {
    background-color:#fff;
    border-top: 1px solid #90c0d8;
    margin: 0px;
    padding: 0 0 60px 0;
    clear: both;
}

.section-footnotes-standalone {
    background-color:#eaf4fb;
    border-top: 1px solid #90c0d8;
    margin: 0px;
    padding: 110px 0 60px 0;
}

/* --- SEARCH RESULTS --- */

.searchresultspage #skip-link {
  display: none;
}

/* header */

#search-header {
  padding: 150px 0 50px 0;
  background-color: #58758c;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin: 0px;
  background-image: url(../images/bg-searchresults.jpg);
}

#search-header h1 {
  color: #fff!important;
  text-align: center;
}

#search-header form {
  max-width: 605px;
  margin: 0 auto;
}

/* field */

.searchresultspage #edit-search-api-views-fulltext-wrapper label {
  display: none;
}

.searchresultspage #edit-search-api-views-fulltext {
  background: url(../images/iconsprite.png) no-repeat rgba(93,121,143,0.7);
  background-position: -440px -1685px;
	max-width: 380px;
	width: 93%;
	margin: 0px 10px 10px 15px;
  padding: 15px 0px 15px 46px;
  border: 1px solid #fff;
  font: 300 20px/20px 'Roboto';
  color: #fff;
}

/* advanced */

.searchresultspage .views-exposed-form .views-exposed-widget {
  padding: 0;
}

.searchresultspage .views-exposed-form .views-reset-button {
  display: none;
}

#search-header fieldset.collapsible .fieldset-legend,
#search-header fieldset.collapsed .fieldset-legend {
  background: none;
}

#search-header #edit-advanced-options .fieldset-title {
  background: rgba(93,121,143,0.7);
  display: block;
  width: 190px;
  height: 58px;
  padding: 18px 15px 0 15px;
  border: 1px solid #fff;
  color: #fff;
  font: 300 20px/20px 'Roboto';
  text-transform: uppercase;
  letter-spacing: 1px;
}

#search-header #edit-advanced-options .fieldset-title:after {
  content: '–';
  display: inline-block;
  float: right;
  width: 20px;
  margin: 0 0 0 20px;
  text-align: center;
}

#search-header #edit-advanced-options.collapsed .fieldset-title:after {
  content: '+';
}

#search-header #edit-advanced-options .summary {
  display: none;
}

#search-header #edit-advanced-options .fieldset-wrapper {
  position: absolute;
  top: 64px;
  left: -50px;
  width: 300px;
  z-index: 500;
  /* background-color: #eaf4fb; */
	padding: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#search-header #edit-advanced-options .fieldset-wrapper:before {
  content: '';
  position: absolute;
  border: 10px solid #eaf4fb;
  border-color: transparent transparent #eaf4fb transparent;
  display: block;
  width: 0;
  z-index: 1;
  margin-left: -10px;
  top: -10px;
  left: 50%;
}

#search-header #edit-advanced-options .fieldset-wrapper select {
  width: 100%;
  padding: 10px;
  margin: 0;
  font: 300 18px/18px 'Roboto';
  border: 1px solid #2980b9;
  color: #246aa4;
  line-height: 22px;
  
  background: url(../images/icon-selectmenu.png) 240px 6px no-repeat transparent;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
}

#search-header #edit-advanced-options .form-item {
  background: #eaf4fb;
  padding: 10px 15px;
  color: #fff;
}

#search-header #edit-advanced-options .form-item.form-type-checkbox {
  padding: 0 15px 10px 15px;
}

#search-header .form-item-field-pub-outline-region {
  margin: 10px 0 0 0;
}

#search-header .views-exposed-form label {
  font-weight: normal;
  font: 300 15px/15px 'Roboto';
  color: #246aa4;
}

#search-header #edit-advanced-options #edit-submit-nca3-database-search, #search-header #edit-advanced-options #edit-reset {
	width: 100%;
	height: 60px;
	margin: 0px;
	border: 2px solid #f26262;
	color: #f26262;
	background-color: #eaf4fb;
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	font-family: 'Roboto', Calibri, Arial, sans-serif;
	font-weight: 300;
	-webkit-appearance: none;
}

#search-header #edit-advanced-options #edit-reset {
	width: 50%;
	float: right;
	border: 2px solid #fff;
	color: #fff;
	background-color:#f26262;
	margin-top: 10px;
}


/* content */

.searchresultspageview {
  background: #fff;
  padding: 0 0 60px 0;
}

.searchresultspageviewmain, .downloadspageviewmain {
  background: #fff;
}


.searchresultspageviewmain .view-content{
  max-width: 850px;
  margin: 0 auto;
  padding: 40px 20px;
  clear: both;
}

.searchresultspageviewmain .view-header {
  max-width: 850px;
  margin: 40px auto;
}

/* summary / filter */

#search-results-summary {
  display: block;
  float: right;
  padding: 10px 20px 0px 0px;
}

#search-tabs {
  float: left;
  width: 40%;
  padding-left: 20px;
}

#dl-tabs {
  max-width: 850px!important;
  height: 50px;
  margin: 40px auto;
  padding-left: 20px;
  display: block;
}

#search-tabs ul:before, #dl-tabs ul:before{
  content: 'Filter';
  display: block;
  float: left;
  padding: 10px 20px 0 0;
}

#dl-tabs ul:before{
  content: 'Jump to';
}


#search-tabs li, #dl-tabs li{
  background: #eaf4fb;
  display: block;
  position: relative;
  float: left;
  padding: 10px 15px;
  border-bottom: 1px solid #eaf4fb;
  border-right: 1px solid #d2dbe1;
}

#search-tabs li:last-child, #dl-tabs li:last-child{
  border-right: none;
}

#search-tabs #selected-search-tab {
  border-bottom: 1px solid #58758c;
}

#selected-search-tab:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 8px 8px 0;
  border-color: #58758c transparent;
  display: block;
  width: 0;
  z-index: 1;
  margin-left: -8px;
  bottom: -8px;
  left: 50%;
}

/* results */

.searchresultspageviewmain .node-asset {
  background: transparent;
  border: none;
  padding: 0;
}

.result {
}

.result h3 {
  margin: 0 0 20px 0;
}

.result p {
  margin: 0 0 30px 0;
  font-size: 16px;
  line-height: 26px;
}

.result-image {
  float: right;
  width: 25%;
  height: auto;
}

.result-image img {
  border: 2px solid #fe495a;
}

.result-content {
  width: 70%;
  padding: 0 0 0 20px;
  border-left: 2px solid;
}

.result-type-graphic .result-content {
  border-color: #fe495a;
}

.result-type-text .result-content {
  border-color: #096ba3;
}

.result-type-text a {
  color: #096ba3;
}

/* file */

.result-content .file {
  display: block;
  margin: 0 0 20px 0;
}

.result-content .file .file-icon {
  display: block;
  float: left;
}

.result-content .file a {
  display: block;
  margin: 0 0 0 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* breadcrumb */

.result .breadcrumb {
  padding-bottom: 0;
}

.result .show-in-content {
  display: block;
  font-size: 14px;
}

.result .icon {
  background-size: 425px 1000px;
  background-position: -150px -550px;
  display: block;
  width: 22px;
  height: 16px;
  float: left;
  margin: 5px 15px 0 0;
}

.result-type-text .icon {
  background-position: -100px -550px;
}

.breadcrumb-block{
    background-color: #fff;
    padding: 10px 5px 10px 260px;
    border-top: 1px solid #90c0d8!important;
    position: relative;
}

/* border */

.result-border {
  clear: both;
  width: 70%;
  height: 1px;
  margin: 50px 0 50px 20px;
  border-bottom: 1px solid #cacbd0;
}

/* --- DOWNLOADS --- */

/* header */

#downloads-header {
  padding: 150px 0 115px 0;
  background-color: #58758c;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin: 0px;
  background-image: url(../images/bg-downloads.jpg);
}

#downloads-header h1 {
  color: #fff!important;
  text-align: center;
}

.downloadspageviewmain {
  background: #fff;
  padding: 0 0 50px 0;
}

.downloadspageviewmain p { 
position: relative;
max-width: 640px;
text-align: center;
padding: 20px;
background: #eaf4fb;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.downloadspageviewmain p:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 10px 0;
border-color: #eaf4fb transparent;
display: block;
width: 0;
z-index: 1;
bottom: -10px;
left: 96px;
}

.downloadspageviewmain table {
  width: 95%;
  max-width: 850px;
  margin: 40px auto;
}

.downloadspageviewmain th {
  text-align: center;
  padding: 15px 10px;
  border-bottom: 1px solid #aaa;
  font: 300 12px/12px 'Roboto';
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fe495a;
}

.downloadspageviewmain td {
  width: 60%;
  padding: 10px 0;
  border-bottom: 1px solid #aaa;
  border-right: 1px dotted #eaf4fb;
}

.downloadspageviewmain td.dl-screen,
.downloadspageviewmain td.dl-print,
.downloadspageviewmain td.dl-kit{
  width: 20%;
  padding: 0px 10px;
  text-align: center;
}
#table-media td{
  width: 40%;
  padding: 10px 0;
  border-bottom: 1px solid #aaa;
  border-right: 1px dotted #eaf4fb;
}

#table-media td.dl-screen,
#table-media td.dl-print,
#table-media td.dl-kit {
  width: 20%;
  padding: 0px 10px;
  text-align: center;
}

.downloadspageviewmain .dl-publication-title,
.downloadspageviewmain .dl-section-title{
  font: 300 22px/22px 'Roboto';
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #246aa4;
  padding: 20px 0px;
}

.downloadspageviewmain .dl-section-title{
  font: 300 18px/18px 'Roboto';
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #096ba3;
  padding: 15px 20px;
}

.downloadspageviewmain .dl-subsection-title{
  padding: 10px 40px;
}


.downloadspageviewmain .dl-publication td.dl-screen,
.downloadspageviewmain .dl-publication td.dl-print,
.downloadspageviewmain .dl-publication td.dl-kit{
  border-right: 0px;
}



/* Slider */

#findingsslide {
top: 20%;
position:relative;
margin: 0px auto;
/*overflow:hidden;*/
}


#findingsslide h2 {
/*color: #dfe5e7;
font-family: 'indelabs_light';
padding: 0px 40px 0px 20px;*/
}

#findingsslide h4{
width: 420px;
padding: 0px 40px 0px 20px;
}

.finding-image {
width: 491px;
height:467px;
overflow:hidden;
float:right;
}





ul.bjqs{
position:relative;
list-style:none;
padding:0;
margin:0 0 40px 0;
overflow:hidden;
display:none;
padding-top: 0px;
height: 100%;
}
li.bjqs-slide {
text-align:center;
position:absolute;
display:none;
margin-top: 0px;
}
ul.bjqs-controls{list-style:none;margin:0;padding:0;}
ul.bjqs-controls.v-centered { display: block;}
ul.bjqs-controls.v-centered li a{position:absolute;z-index:9999; }
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{
z-index:8999;
text-align: center;
position:relative;
bottom: 0px;
margin: 20px auto;
display: none;
}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

ul.bjqs-controls.v-centered li.bjqs-next a{
	right:-40px;
	top: 50%!important;
	background-image: url(../images/arrow-next.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	width: 50px;
	height: 40px;
	display:block;
	
}
ul.bjqs-controls.v-centered li.bjqs-prev a{
	left:-40px; 
	top: 50%!important;
	background-image: url(../images/arrow-prev.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	width: 50px;
	height: 40px;
	display:block;
}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:0px;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

ol.bjqs-markers li a{
	border: 2px solid #e3f5f6;
	padding:5px 10px;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	border: 2px solid #096ba3;
	color: #096ba3;
	opacity:0.9;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

.pullquote {
	text-align: center;
	font-style: italic;
}