/* @media screen { */

@charset "UTF-8";
h1,
h2,
h3,
h4,
h5,
h6,
p {
	text-align: left;
}

/* @font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans/OpenSans-Regular-webfont.eot');
	src: url('../fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'),
url('../fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'),
url('../fonts/OpenSans/OpenSans-Regular-webfont.svg#OpenSans') format('svg');
} */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300italic,300,600,600italic,700,700italic,800,800italic&subset=latin,greek,latin-ext,greek-ext);

body {
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 13px;
	line-height: 1.8;
/*	color: inherit;
	background-color: white; */
}

h1.headline,
h2.headline,
h3.headline,
h4.headline {
	color: black;
}
h2.carousel,
h3.carousel,
h4.carousel,
a.carousel,
a.carousel:focus {
	color: white;
	line-height: 1;
}
a.carousel:hover,
a.carousel:active {
	color: #e2e3bc;
	line-height: 1;
}

.navbar,
.navbar-default {
	background-color: #ffffff;
	border-bottom: 0px solid #a52a4d;
}
p.breadcrumbs {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	color: #404041;
	background-color: #e6e7e8;
	padding: 3px 0px 3px 20px;
	text-align: left;
}

hr.thickrule {
	border-top: 6px solid #a52a4d;
}
hr.greyrule {
	border-top: 1px solid #ffffff;
}
p.feature {
	padding: 10px 20px 0px 20px;
}
/*	.material-icons.md-24 { font-size: 24px; } */
.navbar-brand {
	float: left;
	height: 40px;
	padding: 10px 10px;
	font-size: 10px;
	line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
	text-decoration: none;
}
.navbar-brand > img {
	display: block;
}


/* topic search by exclusion */

a.KeywordTags,
a.KeywordTags:focus,
a.KeywordTags:hover {
	color: rgba(0,0,0,0);
	font-size: 0.2em;
	cursor: default;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 0;
}

#TopicSearch {
	width: 77%;
	color: black;
	background-color: lightgrey;
	background-image: none;
	line-height: 2em;
	font-size: 1em;
	padding: 8px;
	margin: 0px;
	border: none;
}
#TopicSearch:hover,
#TopicSearch:focus {
	background-color: white;
	background-image: none;
	border: none;
}
#TopicSearch.active:focus,
#TopicSearch.active {
	border: none;
}

.keywordsearch {
	cursor: default;
	background-color: lightgrey;
	padding: 0;
	width: 100%;
	text-align: left;
	border: 1px solid #999;
	outline: none;
}
.keywordsearch:hover {
	background-color: lightgrey;
	text-decoration: none;
}
.keywordsearch.a {
	text-decoration: none;
}
.keywordsearch.a:hover {
	text-decoration: none;
}
.keywordsearch.active {
	background-color: white;
	border: 1px solid lightgrey;
}
.keywordsearch.active:hover {
	background-color: white;
	text-decoration: none;
	border: 1px solid white;
}

.cancelsearch {
	background-color: lightgrey;
	width: 21%;
	height: 2em;
	font-size: 0.8em;
	display: inline-block;
	text-align: right;
	text-decoration: none;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}

a.nofeatures {
	color: black;
	vertical-align: middle;
}
a.nofeatures:hover,
a.nofeatures:focus{
	color: grey;
	text-decoration: none;
}

#TopicMenu {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#TopicMenu li a {
	text-decoration: none;
	display: block;
}
#TopicMenu li a:hover {
	background-color: white;
}


/* styles to make responsive embedded Youtube video window */
/* x-reference ~line 790+, media query, max-width: 800px */
.video-responsive {
	display: block; 
	overflow: hidden;
	margin-right: 38%; /* bigger number makes a narrower window */
	padding-bottom: 32%; /* smaller number makes a shorter window */
	position: relative;
	height: 0;
}
.video-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	border: 0;
	bottom: 0;
}


/* these styles define a button that shows up when the page scrolls 95px away from the top of the web page (the logo and last update bars) */

#totopbtn {
	display: block;
	width: 0;
	-webkit-transition: width 0.3s;
	transition: width 0.3s;
	position: fixed;
	right: 0;
	padding: 0;
	margin: 0;
	bottom: 0;
	z-index: 99;
	outline: none;
	cursor: pointer;
	border-top: 1px solid grey; /* #efe3bc */
	border-right: 1px solid #831c3a; /* #948100 */
	border-bottom: 3px solid #831c3a; /* #948100 */
	border-left: 1px solid grey; /* #efe3bc */
	background-color: whitesmoke; /* #e2cf85 */
}
.sidebutton {
	width: 120px;
	height: 35px;
	padding: 0 0 0 5px;
	margin: 0;
	background-color: #a52a4d; /* #e2cf85 */
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
	color: white;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	text-align: left;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #831c3a; /* #948100 */
	border-left: 0;
}
/* #totopbtn .sidebutton:focus, */
#totopbtn .sidebutton:hover {
	background-color: whitesmoke; /* #c5aa00 */
	color: black;
}

/* #totopbtn .sidebutton:active {
	background-color: #e6e7e8;
	color: black;
} */

a.sidebutton {
	padding: 0;
	margin: 0;
}

/* #totopbtn a.sidebutton:focus, */
#totopbtn a.sidebutton:hover {
	background-color: whitesmoke; /* #c5aa00 */
	color: black;
}

/* #totopbtn a.sidebutton:active {
	background-color: #e6e7e8;
	color: black;
} */

/* tooltip for hovering text over mouse-over elements */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.citizenform {
	float: left;
	display: block;
	width: 100%;
}
#citizen {
	float: left;
	display: block;
	padding: 0;
	width: 100%;
}
.formcolumnwide {
	float: left;
	display: block;
	margin: 20px 0 0 0;
	padding: 0 2px 2px 0;
	width: 100%;
}
.formcolumnnarrow {
	float: left;
	display: inline;
	margin: 20px 0 0 0;
	padding: 0px 2px 2px 0;
	width: 50%;
}
.formcolumninline {
	float: left;
	display: inline;
	margin: 20px 0 0 0;
	padding: 0px 2px 2px 0;
	width: 100%;
}
.formcolumnsubmit {
	float: left;
	display: block;
	margin: 10px 0 0 0;
	padding: 0px 2px 2px 0;
	font-size: 0.9em;
	border-style: groove;
	width: 120px;
	background-color: #efe3bc;
}
.citizenform label {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 20px;
	font-weight: 400;
	font-size: 0.9em;
	color: black;
	width: 100%;
}
.citizenform input {
	float: left;
	display: block;
	margin: 0;
	padding: 0 0 0 3px;
	line-height: 50px;
	background-image: none;
	background-color: whitesmoke;
	width: 100%;
}
.citizenform .formcolumninline input {
	float: left;
	display: inline;
	vertical-align: text-bottom;
	margin: 0 5px 0 0;
	padding: 0;
	height: 20px;
	background-image: none;
	background-color: whitesmoke;
	width: 20px;
}
.citizenform .formcolumninline label {
	float: left;
	display: inline;
	vertical-align: text-bottom;
	margin: 0;
	padding: 0;
	line-height: 20px;
	font-weight: 400;
	font-size: 0.9em;
	color: black;
	width: 80%;
}
.citizenform .formcolumnsubmit input {
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 20px;
	background-image: none;
}
.citizenform textarea {
	width: 100%;
	height: 100px;
}

.subscribeform {
	float: left;
	display: block;
	width: 100%;
}
#subscribe {
	float: left;
	display: block;
	padding: 0;
	width: 100%;
}
.subscribeform label {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 20px;
	font-weight: 400;
	font-size: 0.9em;
	color: black;
	width: 100%;
}
.subscribeform input {
	float: left;
	display: block;
	margin: 0;
	padding: 0 0 0 3px;
	line-height: 50px;
	background-image: none;
	background-color: whitesmoke;
	width: 100%;
}
.subscribeform .formcolumninline input {
	float: left;
	display: inline;
	vertical-align: text-bottom;
	margin: 0 5px 0 0;
	padding: 0;
	height: 20px;
	background-image: none;
	background-color: whitesmoke;
	width: 20px;
}
.subscribeform .formcolumninline label {
	float: left;
	display: inline;
	vertical-align: text-bottom;
	margin: 0;
	padding: 0;
	line-height: 20px;
	font-weight: 400;
	font-size: 0.9em;
	color: black;
	width: 80%;
}
.subscribeform .formcolumnsubmit input {
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 20px;
	background-image: none;
}

.arvolumebutton {
	color: maroon; 
	background-color: gainsboro; 
	border-radius: 3px; 
	padding: 3px 9px 3px 9px;
}
.arvolumebutton:hover,
.arvolumebutton:focus,
.arvolumebutton:active {
	background-color: whitesmoke; 
}

.arvolumetitle {
	margin: 18px 0px 12px 0px; 
	font-weight: bold;
}

.archapterbutton {
	margin: 6px 0px 12px 0px;
	background-color: grey;
	border-radius: 3px;
	padding: 3px 9px 3px 9px;
}
.archapterbutton a {
	color: white;
}
.archapterbutton:hover,
.archapterbutton:focus,
.archapterbutton:active {
	background-color: dimgrey; 
}
.archapterbutton a:hover,
.archapterbutton a:focus,
.archapterbutton a:active {
	color: white;
}
.archapterreflex {
	margin: 24px 0px 18px 0px;
}
.archapterreflectionsbutton {
	color: white; 
	background-color: grey; 
	border-radius: 3px; 
	padding: 3px 9px 3px 9px;
}
.archapterreflectionsbutton:hover,
.archapterreflectionsbutton:focus,
.archapterreflectionsbutton:active {
	color: white; 
	background-color: dimgrey; 
}

.archaptertitle {
	margin-bottom: 12px; 
	color: #a52a4d;
	font-weight: bold;
}

.arreportbutton {
	color: white; 
	margin: 6px 0px 12px 0px; 
	background-color: firebrick; 
	border-radius: 3px; 
	padding: 3px 9px 3px 9px;
}
.arreportbutton a {
	color: white;
}
.arreportbutton:hover,
.arreportbutton:focus,
.arreportbutton:active {
	color: white; 
	background-color: maroon; 
}
.arreportbutton a:hover,
.arreportbutton a:focus,
.arreportbutton a:active {
	color: white; 
}

.arreportsupplementbutton {
	background-color: khaki;
	font-size: 15px;
	border-radius: 3px;
	padding: 3px 9px 3px 9px;
}
.arreportsupplementbutton:hover,
.arreportsupplementbutton:focus,
.arreportsupplementbutton:active {
	background-color: lemonchiffon; 
}



@media (min-width: 801px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
	margin-left: 0px;
}
}

.navbar-toggle {
	position: fixed; 
	float: left;
	padding: 5px 4px 5px 4px;
	margin: 8px 15px 0px 20px;
	background-color: #a52a4d;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 0px;
	z-index: 1035;
}

ul {
	padding-left: 20px;
}
ul.bullet {
	margin-top: -5px;
	list-style-type: disc;
}
ul.nobullet {
	margin-left: -10px;
	list-style-type: none;
}
ul.gold-bullet {
	margin-top: -8px;
	list-style-type: none;
}
li.gold:before {
	content: "•";
	color: #948100;
	padding: 0px 10px 0px 0px;
	font-weight: bold;
	font-size: 24px;
	line-height: 1;
}
li.gold {
	text-indent: -20px;
}
li.hanging-indent {
	text-indent: -10px;
}
li.second-level {
	font-size: 90%;
	line-height: 1.5;
	color: #a52a4d;
}

.footer-index-column1,
.footer-index-column2 {
	position: relative;
	width: 50%;
	line-height: 1.25;
	height: auto;
	float: left;
}
a.footer {
	color: #e6e7e8;
	line-height: 1;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
}
a.footer:hover,
a.footer:focus {
	color: #e2cf85;
	line-height: 1;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
}
ul.footer {
	color: transparent;
	margin-left: -20px;
	margin-bottom: 0px;
}
li.footer-inline {
	color: white;
	display: inline;
	padding: 20px 5px 20px 0px;
	margin-left: 0px;
	text-align: left;
}
li.footer-list {
	padding: 5px;
	margin: -10px 0px -10px 10px;
	text-align: left;
}
p.footer {
	color: white;
	line-height: 1;
	font-size: 11px;
	margin: 10px 0px 10px 0px;
	text-align: left;
}
h4.footer,
h5.footer,
h6.footer {
	color: #e2cf85;
}

.image-fill {
	width: 100%;
}
.image-left {
	margin-right: 10px;
}
.image-right {
	margin-left: 10px;
}
img.align-left {
	float: left;
	margin-right: 20px;
}
img.align-right {
	float: right;
	margin-left: 20px;
}

#clearmenu {
	display: block;
	position: relative;
	margin-top: 121px;
}
.clear {
	clear: both;
}

#wrapper {
	width: 100%;
	height: auto;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #cccccc;
	background-image: -moz-linear-gradient(#939597, #e6e7e8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#939597), to(#e6e7e8));
}
#header-wrapper {
	position: fixed;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 121px;
	background-color: white;
	border-bottom: 6px solid #831c3a;
	-moz-box-shadow: 0px 1px 24px #333333;
	-webkit-box-shadow: 0px 1px 24px #333333;
	z-index: 1030;
}
#logo {
	position: relative;
	clear: left;
	float: left;
	padding: 5px 0px 0px 15px;
	height: 50px;
	width: 45%;
}
#site-search {
	position: relative;
	float: left;
	padding: 42px 11px 0px 0px;
	width: 33%;
}
.btn-search {
	height: 22px;
	width: 22px;
	background-image: none;
	color: white;
	background-color: #a52a4d;
	border-color: #a52a4d;
}
.btn-search:hover,
.btn-search:focus,
.btn-search:active,
.open > .dropdown-toggle.btn-search {
	background-image: none;
	color: white;
	background-color: #c5aa00;
	border-color: white;
}
#main-nav {
	position: relative;
	float: left;
	height: 46px;
	width: 100%;
}

#footer-wrapper {
	position: relative;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	clear: left;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 20px;
	border-top: 6px solid #404041;
	background-color: #626366;
	-moz-box-shadow: 1px 1px 24px 1px #666666;
	-webkit-box-shadow: 1px 1px 24px 1px #666666;
	z-index: 10;
}
#footer-main {
	position: relative;
	padding-right: 20px;
	float: left;
	width: 50%;
	height: auto;
}
#footer-index {
	position: relative;
	padding-right: 20px;
	float: left;
	width: 50%;
	height: auto;	
}
#footer-title {
	position: relative;
	padding-left: 20px;
	text-indent: -20px;
	width: 100%;
	height: 30px;
	margin-right: 20px;
	color: #c6c8ca;
	clear: both;
}

/* search field moves to nav bar at 800 pixels */

@media screen and (max-width: 800px) {
#logo {
	width: 100%;
	clear: right;
}
#site-search {
	padding: 11px 6px 0px 0px;
	float: right;
	height: 40px;
	width: 33%;
	background-color: #a52a4d;
}
#main-nav {
	width: 67%;
}
.btn-search {
	border-color: #a52a4d;
}


/* styles to make responsive embedded Youtube video window */
.video-responsive{
	overflow:hidden;
	margin-right:0%;
	padding-bottom:50%;
	position:relative;
	height:0;
}
.video-responsive iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}


}

/* navbar becomes hamburger menu at 800 pixels */

@media (max-width: 800px) {
.navbar-default .navbar-nav > li > a {
	border-right: 0px;
	border-bottom: 1px solid white;
}
}

#highlights-wrapper {
	position: relative;
	background-color: #666666;
	height: auto;
	border-bottom: 6px solid #76787a;
	-moz-box-shadow: 3px 3px 24px 3px #666666;
	-webkit-box-shadow: 3px 3px 24px 3px #666666;
}
#slideshow-wrapper {
	position: relative;
	width: 80%;
	height: auto;
	float: left;
}
#hero-image {
	position: relative;
	width: 80%;
	height: auto;
	float: left;
}
#quicklinks-wrapper {
	width: 20%;
	height: auto;
	float: left;
}
#quick-explore {
	float: left;
	height: 60px;
	width: 100%;
	border-top: 1px solid #efe3bc;
	border-right: 1px solid #948100;
	border-bottom: 1px solid #948100;
	border-left: 2px solid #efe3bc;
	background-color: #e2cf85;
	background-image: -moz-linear-gradient(#efe3bc, #e2cf85);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efe3bc), to(#e2cf85));
}
#quick-explore:hover,
#quick-explore:focus {
	background-color: #efe3bc;
	background-image: none;
}
#quick-explore .btn {
	font-size: 18px;
	color: black;
	text-shadow: 1px 1px 6px white;
	padding: 0px 0px 0px 10px;
	line-height: 1;
	width: 100%;
	text-align: left;
	height: 60px;
	background-color: transparent;
	border: 0px;
}



@media (max-width: 1215px) {
#quick-explore {
	height: 57px;
}
#quick-explore .btn {
	font-size: 17px;
	padding: 0px 0px 0px 10px;
	height: 57px;
}
}
@media (max-width: 1160px) {
#quick-explore {
	height: 54px;
}
#quick-explore .btn {
	font-size: 16px;
	padding: 0px 0px 0px 10px;
	height: 54px;
}
}
@media (max-width: 1100px) {
#quick-explore {
	height: 51px;
}
#quick-explore .btn {
	font-size: 15px;
	padding: 0px 0px 0px 10px;
	height: 51px;
}
}
@media (max-width: 1040px) {
#quick-explore {
	height: 48px;
}
#quick-explore .btn {
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	height: 48px;
}
}

@media (max-width: 980px) {
#quick-explore {
	height: 45px;
}
#quick-explore .btn {
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	height: 45px;
}
}

@media (max-width: 920px) {
#slideshow-wrapper {
	width: 75%;
}
#hero-image {
	width: 75%;
}
#quicklinks-wrapper {
	width: 25%;
}
#quick-explore {
	height: 42px;
}
#quick-explore .btn {
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	height: 42px;
}
}

@media (max-width: 915px) {
#quick-explore {
	height: 40px;
}
#quick-explore .btn {
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	height: 40px;
}
}
@media (max-width: 875px) {
#quick-explore {
	height: 38px;
}
#quick-explore .btn {
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	height: 38px;
}
}

@media (max-width: 830px) {
#quick-explore {
	height: 36px;
}
#quick-explore .btn {
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	height: 36px;
}
}

@media (max-width: 785px) {
#quick-explore {
	height: 34px;
}
#quick-explore .btn {
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	height: 34px;
}

.formcolumnnarrow {
	float: left;
	display: block;
	margin: 20px 0 0 0;
	padding: 0px 2px 2px 0;
	width: 100%;
}

}

@media (max-width: 800px) {
#highlights-wrapper {
	border-bottom: transparent;
}
#slideshow-wrapper {
	width: 100%;
	border-bottom: 6px solid #898b8e;
}
#hero-image {
	width: 100%;
	border-bottom: 6px solid #898b8e;
}
#quicklinks-wrapper {
	width: 100%;
	border-top: 1px solid #c6c8ca;
}
#quick-explore {
	height: 30px;
	width: 50%;
}
#quick-explore .btn {
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	height: 30px;
}
}

@media (max-width: 480px) {
#logo {
	padding: 10px 0px 0px 5px;
}
#quick-explore {
	width: 100%;
	height: 30px;
}
#quick-explore .btn {
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	height: 30px;
}
}

#main-wrapper {
	position: relative;
	max-width: 1200px;
	margin-left: auto;
	margin-bottom: 6px;
	margin-right: auto;
	height: auto;
}
#content-wrapper {
	position: relative;
	overflow: auto;
	margin: 6px auto auto 0px;
	height: auto;
	min-height: 600px;
	background-color: white;
	border: 1px solid #939597;
}
#biline {
	position: relative;
	width: 100%;
	height: auto;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	background-color: white;
}
#biline-text {
	position: relative;
	width: 75%;
	clear: left;
	height: auto;
	padding-top: 10px;
	padding-left: 20px;
	margin-bottom: 20px;
	background-color: white;
}

.biline-text { /*new 2019-08 */
	position: relative;
	width: 75%;
	clear: left;
	height: auto;
	padding-top: 10px;
	padding-left: 20px;
	margin-bottom: 20px;
	background-color: white;
}

.executive {
	clear: left;
	border-bottom: solid 5px #d6d6d6;
	width: 100%;
}

#first-column {
	float: left;
	margin: 0px 0px 20px 0px;
	width: 25%;
	border: 0px solid #c6c8ca;
}
#mini-index {
	float: left;
	margin: 0px 0px 20px 0px;
	width: 15%;
	border: 0px solid #c6c8ca;
}
#feature-content {
	float: left;
	width: 75%;
	margin: 0px 0px 20px 0px;
	border: 0px solid #c6c8ca;
}
#publications-list {
	float: left;
	margin: 0px 0px 20px 0px;
	width: 85%;
	border: 0px solid #c6c8ca;
}
#headline {
	vertical-align: middle;
	font-weight: bold;
	height: auto;
	padding: 8px 0px 8px 10px;
	background-color: white;
	border-right: 0px solid white;
	border-bottom: 0px solid #cccccc;
	border-left: 20px solid #404041;
}


/* added 2019-09-17 */
.blackheadline {
	vertical-align: middle;
	font-weight: bold;
	height: auto;
	padding: 8px 0px 8px 10px;
	background-color: white;
	border-right: 0px solid white;
	border-bottom: 0px solid #cccccc;
	border-left: 20px solid #404041;
}


#headlineECO1 {
	vertical-align: middle;
	font-weight: bold;
	height: auto;
	padding: 8px 0 8px 0;
/*	background-color: white; */
	background-color: #f2e5ff; /* light purple */
/*	border-right: 0px solid white;
	border-bottom: 0px solid #cccccc;
	border-left: 0px solid white; */
}
#headlineECO2 {
	vertical-align: middle;
	font-weight: bold;
	height: auto;
	padding: 8px 0 8px 0;
	margin-bottom: 28px;
	background-color: white; 
	border-right: 0px solid white;
	border-bottom: 0px solid white;
	border-left: 0px solid white;
}
#headlineECO3 {
	vertical-align: middle;
	font-weight: bold;
	height: auto;
	padding: 0 0 0 0;
	margin-top: 18px;
	margin-bottom: 0;
	margin-left: 0;
	background-color: white; 
	border-right: none;
	border-bottom: thick solid white; 
	border-left: none;
}
#welcome {
	float: left;
	margin: 0px 0px 20px 0px;
	width: 75%;
}
#welcomeOAGO-ECO {
	float: left;
	padding-right: 0;
	margin: 0 0 0 0;
	width: 100%;
}
#welcomeOAGO {
	float: left;
	margin: 0 0 20px 0;
	width: 50%;
}
#welcomeECO1 {
	float: left;
	margin: 0 0 20px 0;
	padding-bottom: 32px;
	width: 50%;
	background-color: #f2e5ff; /* light purple */
	border-top: none;
	border-bottom: thick solid #d9b3ff;
	border-left: thick solid #d9b3ff;
}
#welcomeECO1 p {
	color: black;
}
#welcomeECO1 a {
	color: purple;
}
#welcomeECO2 {
	float: left;
	margin: 0 0 20px 0;
	padding-bottom: 8px;
	width: 50%;
	background-color: peachpuff;
	border-top: none;
	border-bottom: thick solid gray;
	border-left: none;
}
#welcomeECO2 p {
	color: black;
}
#welcomeECO2 a {
	color: firebrick;
}
#welcomeECO3 {
	float: left;
	margin: 0 0 0 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	width: 50%;
	background-color: white;
	border-top: none;
	border-bottom: none;
	border-left: none;
}
#content-bodyECO3 {
	padding-top: 28px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-left: 20px solid dimgray;
	background-color: cornsilk;
}
#welcomeECO3 #content-bodyECO3 p {
	padding-bottom: 14px;
	margin-bottom: 0;
	color: darkslategray;
}
#welcomeECO3 #content-bodyECO3 a {
	color: maroon;
}
#whatsnew {
	float: left;
	margin: 0px 0px 20px 0px;
	clear: left;
	width: 75%;
}
.importantalert {
	background-color: "cornsilk";
}

#content-body {
	overflow: auto;
	padding: 0px 20px 0px 20px;
	height: auto;
	width: 100%;
}

/* new 2019-08 */

.whatsnewswide {
	margin: 0px 0px 20px 0px;
	clear: left;
	width: 100%;
}

.contentcolumnleft {
	float: left;
	display: inline;
	padding: 0px 20px 0px 0px;
	height: auto;
	width: 40%;
}
.contentcolumnright {
	float: left;
	display: inline;
	padding: 0px 20px 0px 0px;
	height: auto;
	width: 60%;
}

.whatsnews {
	float: left;
	margin: 0px 0px 20px 0px;
	clear: left;
	width: 75%;
}

.content-body {
	display: block;
	overflow: auto;
	padding: 0px 20px 0px 20px;
	height: auto;
	width: 100%;
}

.summary {
	clear: left;
	padding: 20px 0px 15px 0px; 
	margin: 0px 0px 0px 0px; 
	border-bottom: solid 5px #d6d6d6; 
	/*#e6e6e6*/
	width: 100%;
}
.summaryalternative { /* 2020-03-19 */
	clear: left;
	padding: 20px 5px 15px 10px; /* 2020-03-19 */
	margin: 20px 0px 0px 0px; /* 2020-03-19 */
	border-top: solid 1px #d6d6d6; /* 2020-03-19 */
	border-right: solid 1px #d6d6d6; /* 2020-03-19 */
	border-bottom: solid 4px #d6d6d6; /* 2020-03-19 */
	border-left: solid 1px #d6d6d6; /* 2020-03-19 */
	background-color: #fbfbfb; /* 2020-03-19 */
	width: 100%;
}
.summary p {
	clear: left;
	margin: 0px 0px 10px 0px;
}
.summary h5 {
	font-weight: 700;
	color: #a52a4d;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.report {
	clear: left;
	padding: 20px 0px 15px 0px; 
	margin: 0px 0px 0px 0px; 
	border-bottom: solid 5px #d6d6d6; 
	/*#e6e6e6*/
	width: 100%;
}
.reportalternative { /* 2020-03-19 */
	clear: left;
	padding: 20px 5px 15px 10px; /* 2020-03-19 */
	margin: 20px 0px 0px 0px; /* 2020-03-19 */
	border-top: solid 1px #d6d6d6; /* 2020-03-19 */
	border-right: solid 1px #d6d6d6; /* 2020-03-19 */
	border-bottom: solid 4px #d6d6d6; /* 2020-03-19 */
	border-left: solid 1px #d6d6d6; /* 2020-03-19 */
	background-color: #fbfbfb; /* 2020-03-19 */
	width: 100%;
}

.report p {
	margin: 0px 0px 0px 0px;
}
.report img {
	margin: 5px 15px 0px 0px;
}
/* .report h4 { 
	color: #534a19;
} added 2020-03-09 */
.report h5 {
	font-weight: 700;
	color: #948100; 
/*	color: #534a19; /* added 2020-03-09 */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.reportmultivolume {
	clear: left;
	padding: 20px 0px 15px 0px; 
	margin: 0px 0px 0px 0px; 
/*	border-bottom: solid 5px #d6d6d6; */
	width: 100%;
}
.reportmultivolume p {
	margin: 0px 0px 0px 0px;
}
.reportmultivolume img {
	margin: 5px 15px 0px 0px;
}
.reportmultivolume h5 {
	font-weight: 700;
	color: #948100; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


@media (max-width: 1040px) {
#first-column {
	width: 30%;
}
#mini-index {
	width: 20%;
}
#feature-content {
	width: 70%;
}
#publications-list {
	width: 80%;
}
}

@media (max-width: 980px) {
.contentcolumnleft {
width: 100%;
}
.contentcolumnright {
width: 100%;
}
}


@media screen and (max-width: 800px) {
#welcome {
	width: 100%;
	padding-right: 0px;
}
#whatsnew {
	width: 100%;
	padding-right: 0px;
	clear: left;
}

.whatsnews {
	width: 100%;
	padding-right: 0px;
	clear: left;
}

#first-column {
	width: 50%;
	min-width: 300px;
}
#mini-index {
	width: 25%;
}
#feature-content {
	width: 100%;
	min-width: 300px;
}
#publications-list {
	width: 75%;
}
#biline-text {
	width: 100%;
	padding-right: 20px;
}

.biline-text { /*new 2019-08 */
	width: 100%;
	padding-right: 20px;
}

}

@media screen and (max-width: 618px) {
#welcomeOAGO {
	float: left;
	margin: 0 0 20px 0;
	width: 100%;
}
#welcomeECO1 {
	float: left;
	margin: 0 0 42px 0;
	padding-bottom: 0;
	width: 100%;
	border-top: thick solid #d9b3ff;
	border-bottom: thick solid #d9b3ff;
	border-left: none;
}
#welcomeECO2 {
	float: left;
	margin: 0 0 42px 0;
	padding-top: 0;
	padding-bottom: 8px;
	width: 100%;
	border-top: 0 solid gray;
	border-bottom: thick solid gray;
	border-left: none;
}
#welcomeECO3 {
	float: left;
	margin: 0 0 42px 0;
	padding-top: 0;
	padding-bottom: 0;
	width: 100%;
	border-top: 0 solid gray;
	border-bottom: 0 solid gray;
	border-left: none;
}
#headlineECO1 {
	height: 10px;
	padding: 8px 0 8px 10px;
	border-left: 0 solid #404041;
}
#headlineECO2 {
	height: 0;
	padding: 0 0 0 10px;
	border-left: 0 solid #404041;
}
#headlineECO3 {
	height: 0;
	padding: 0 0 0 0px;
	border-left: 0 solid #404041;
}
#first-column {
	width: 100%;
}
#mini-index {
	width: 100%;
}
#feature-content {
	width: 100%;
	clear: left;
}
#publications-list {
	width: 100%;
	clear: left;
}
}

/* scroll nav-bar on small screens */

@media (max-width: 618px) and (orientation: landscape) {
#header-wrapper {
	position: static;
}
#clearmenu {
	display: none;
}
#header-wrapper {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#highlights-wrapper {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#footer-wrapper {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
a.topnav,
a.topnav-fr {
	position: relative;
}
.navbar-toggle {
	position: static;
}
.navbar-brand {
	position: relative;
}
form.sizer {
	position: relative;
}
}

@media screen and (max-width: 960px) {
#footer-main {
	width: 100%;
}
#footer-index {
	width: 100%;
}
}

/* hide footer-index on small screens */

@media screen and (max-width: 525px) {
#footer-title {
	height: auto;
}
#footer-index {
	height: 5px;
	width: 0px;
	z-index: 1;
	overflow: hidden;
}
.footer-index-column1,
.footer-index-column2 {
	height: 0px;
	width: 0px;
}
}

/* language picker */

a.topnav {
	position: fixed;
	float: right;
	top: 0px;
	right: 6px;
	padding: 0px;
	width: 100%;
	height: 20px;
	background-image: url("../images/topnav-sprite.png");
	display: inline;
	margin: 0px 6px 0px 6px;
	z-index: 17;
}
a.topnav-fr {
	position: fixed;
	float: right;
	top: 0px;
	right: 6px;
	padding: 0px;
	width: 100%;
	height: 20px;
	background-image: url("../images/topnav-sprite-fr.png");
	display: inline;
	margin: 0px 6px 0px 6px;
	z-index: 17;
}
a#rss {
	width: 100px;
	background-position: 0px 0px;
}
a#language {
	width: 70px;
	background-position: -30px 0px;
}
a#rss:hover {
	width: 100px;
	background-position: 0px -30px;
}
a#language:hover {
	width: 70px;
	background-position: -30px -30px;
}
a#rss:active {
	width: 100px;
	background-position: 0px -60px;
}
a#language:active {
	width: 70px;
	background-position: -30px -60px;
}

/* slideshow */

.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
			transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
 			transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/* font size picker */

input {
	color: #404041;
	padding: 0px 3px 0px 3px;
	border: 0px;
	background-image: -moz-linear-gradient(#efe3bc, #e2cf85);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efe3bc), to(#e2cf85));
}
input:hover,
input:focus {
	background-color: #efe3bc;
	background-image: none;
}
button, html input[type="button"] {
	font-size: 100%;
	margin-right: 0px;
	color: #ffffff;
	font-weight: bold;
}
button-sizer, html input[type="button-sizer"] {
	cursor: pointer;
	margin-right: 3px;
	width: 24px;
	color: #a52a4d;
	background-color: transparent;
	font-weight: bold;
}
form.sizer {
	position: fixed;
	float: right;
	top: 16px;
	right: 10px;
	width: auto;
	padding: 0px;
	background-color: transparent;
	height: 20px;
	display: inline;
	margin: 0px 0px 0px 0px;
	z-index: 1050;
}
input.sizer {
	padding: 0px 0px 0px 0px;
	line-height: 1;
	font-size: 90%;
	border: 0px;
	background-color: transparent;
	background-image: none;
}
input.sizer-big {
	padding: 0px 0px 0px 0px;
	line-height: 1;
	font-size: 110%;
	border: 0px;
	background-color: transparent;
	background-image: none;
}
input.sizer:hover,
input.sizer-big:hover,
input.sizer:focus,
input.sizer-big:focus {
	color: #c5aa00;
	background-color: transparent;
	background-image: none;
}

/* accordions - all the accordions */

button.accordion {
	background-color: white;
	color: #404041;
	cursor: pointer;
	padding: 6px 20px 6px 10px;
	width: 100%;
	text-align: left;
	border-top: none;
	border-right: none;
	border-bottom: thin solid #e6e7e8;
	border-left: none;
	outline: none;
	font-size: 20px;
	transition: 0.4s;
}
button.falseaccordion {
	background-color: white;
	color: #404041;
	cursor: pointer;
	padding: 6px 20px 6px 10px;
	width: 100%;
	text-align: left;
	border-top: none;
	border-right: none;
	border-bottom: thin solid #e6e7e8;
	border-left: none;
	outline: none;
	font-size: 20px;
	transition: 0.4s;
}
button.accordion:hover,
button.falseaccordion:hover {
	background-color: #e2cf85;
	color: #948100;
}
button.accordion.active {
	background-color: #ccc;
	color: #5a5a5a;
}
button.accordion.active:hover {
	background-color: #e2cf85;
	color: #948100;
}
button.accordion:after {
	float: right;
	margin-left: 12px;
	padding-top: 5px;
	content: "\25bc";
	font-size: 15px;
	color: #5a5a5a;
	transform: scaleY(0.7);
}
button.accordion.active:after {
	float: right;
	margin-left: 12px;
	padding-top: 5px;
	content: "\2715";
	font-size: 15px;
	color: #5a5a5a;
	transform: scaleY(1);
}
button.accordion2 {
	background-color: white;
	color: #a52a4d;
	cursor: pointer;
	padding: 0px 18px 0px 10px;
	width: 100%;
	text-align: left;
	border-top: none;
	border-right: none;
	border-bottom: thin solid #e6e7e8;
	border-left: none;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
}
button.accordion2:hover {
	background-color: #e2cf85;
	padding: 0px 18px 0px 10px;
	color: #a52a4d;
	border-bottom: thin solid #e6e7e8;
}
button.accordion2.active {
	background-color: #e6e7e8;
	color: #a52a4d;
	border-bottom: none;
}
button.accordion2.active:hover {
	background-color: #e2cf85;
	color: #a52a4d;
	border-bottom: thin solid #e6e7e8;
}
button.accordion2:after {
	vertical-align: baseline;
	padding: 0 0 0 12px;
	content: "\25ba"; /* original down-arrow 25bc */
	font-size: 12px;
	color: #a52a4d;
	transform: scaleY(1);
}
button.accordion2.active:after {
	vertical-align: baseline;
	padding: 0 0 0 12px;
	content: "\2715"; /* original up-arrow */
	font-size: 12px;
	color: #a52a4d;
	transform: scaleY(1);
}
button.accordion3 {
	background-color: white;
	color: #948100;
	cursor: pointer;
	padding: 9px 20px 9px 10px;
	width: 100%;
	text-align: left;
	border-top: none;
	border-right: none;
	border-bottom: thin solid #e6e7e8;
	border-left: none;
	outline: none;
	font-size: 24px;
	transition: 0.4s;
}
button.accordion3:hover {
	background-color: #f3efd4;
	color: #948100;
}
button.accordion3.active {
	background-color: white;
	color: #948100;
	border-bottom: none;
}
button.accordion3.active:hover {
	background-color: #f3efd4;
	color: #948100;
}
button.accordion3:after {
	float: right;
	padding-top: 10px;
	margin-left: 12px;
	content: "\25bc";
	font-size: 15px;
	color: #ccc;
	transform: scaleY(0.7);
}
button.accordion3.active:after {
	float: right;
	padding-top: 9px;
	margin-left: 12px;
	content: "\2715";
	font-size: 15px;
	color: #808284;
	transform: scaleY(1);
}
div.slidingpanel {
	padding: 0px 20px 0px 9px;
	background-color: white;
	border-bottom: none;
	max-height: 0;
	overflow: hidden;
	transition: 0.4s ease-in-out;
	opacity: 0;
/*	display: none; */
}
div.slidingpanel.show{
	padding: 12px 20px 0px 9px;
	background-color: #f3efd4;
	border-bottom: thick solid white;
	opacity: 1;
	max-height: 5000px;
/*	display: block;
	transition: 0.8s ease-in-out; */
}
div.slidingpanel3 {
	padding: 0px 10px 0px 10px;
	background-color: white;
	border-bottom: none;
	max-height: 0;
	overflow: hidden;
	transition: 0.4s ease-in-out;
	opacity: 0;
}
div.slidingpanel3.show{
	padding: 12px 10px 0px 9px;
	background-color: white;
	border-bottom: thin solid #e6e7e8;
	opacity: 1;
	max-height: 5000px;
}

video {
	border: thin solid #e6e7e8;
}

/* Twitter no-JS style */

a.twitter-follow-button,
p.twitter-follow-button {
	height: 30px;
	color: #e2cf85;
}
a.twitter-follow-button:hover,
a.twitter-follow-button:focus {
	color: white;
}
a.twitter-button {
	vertical-align: middle;
	height: 30px;
	background-image: url("../images/TwitterLogo_sprite_small.png");
	display: inline-block;
}
a#twitter-logo {
	width: 30px;
	background-position: -30px 0px;
}
a#twitter-logo:hover,
a#twitter-logo:focus {
	width: 30px;
	background-position: 0px 0px;
}

/* } */

@media print {

/*	@font-face {
	font-family: 'Open Sans', sans-serif;
	src: url('../fonts/OpenSans/OpenSans-Regular-webfont.eot');
	src: url('../fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'),
url('../fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'),
url('../fonts/OpenSans/OpenSans-Regular-webfont.svg#OpenSans') format('svg');
}	*/

#site-search,
#main-nav,
#highlights-wrapper,
#footer-index,
#language,
#mini-index,
form.sizer,
p.breadcrumbs {
	display: none;
}
#header-wrapper {
	position: relative;
	height: 105px;
	border-bottom: 6px solid #831c3a;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#welcome,
#whatsnew,
#biline-text,
#first-column,
#mini-index,
#feature-content,
#publications-list,
.whatsnews {
	width: 100%;
}

ul.footer {
	display: none;
}
#clearmenu {
	display: none;
}
#content-wrapper {
	border: 0px;
	margin: 0px;
}
@page {
	margin: 1cm;
}
h4 a:after {
	display: none; /* added 2019-09-06 to prevent URLs showing on printouts */
	font-size: 75%;
	padding: 0px 6px 0px 6px;
	word-wrap: break-word;
}
p a:after {
	display: none; /* added 2019-09-06 to prevent URLs showing on printouts */
	font-size: 75%;
	padding: 0px 6px 0px 6px;
	word-wrap: break-word;
}
pre,
  blockquote {
	border: none;
	font-style: italic;
	page-break-inside: avoid;
  }
img.align-left {
	float: left;
	margin-top: 9px;
	margin-right: 18px;
}
img.align-right {
	float: right;
	margin-top: 9px;
	margin-left: 18px;
}
#headline {
	vertical-align: middle;
	font-weight: bold;
	height: auto;
	margin-top: 18px;
	margin-bottom: 6px;
	padding: 8px 0px 8px 10px;
	border-left: 20px solid;
}


/* added 2019-09-17 */
.blackheadline {
	vertical-align: middle;
	font-weight: bold;
	height: auto;
	margin-top: 18px;
	margin-bottom: 6px;
	padding: 8px 0px 8px 10px;
	border-left: 20px solid;
}


/* a {
	color: #a52a4d;
} */
/* h2,
h3 {
	color: #948100;
} */
}

.pubyear {
	display: block;
	padding-bottom: 40px;
	overflow: hidden;
	clear: left;
	border-bottom: solid thick #d6d6d6;
}
.pubyearnoborder {
	display: block;
	padding-bottom: 6px;
	overflow: hidden;
	clear: left;
	border-bottom: 0px;
}
.pubyearlast {
	display: block;
	padding-bottom: 6px;
	overflow: hidden;
	clear: left;
	border-bottom: solid thick #d6d6d6;
}
.publication {
	display: block;
	clear: left;
}
.publication p {
	display: block;
	line-height: 1.8;
	margin-bottom: 5px;
}
.publication h2 {
	margin-bottom: 18px;
}
.publication h3 {
	margin-top: 5px;
	margin-bottom: 8px;
	color: #a52a4d; /* dark red */
}
.pubthumb {
	float: left;
	display: block;
	width: 122px;
	margin: 0 15px 0 0;
	padding: 0;
}
.pubinfo {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
.pubinfoar {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
.pubinfo p {
	display: block;
	line-height: 1.3;
	margin-bottom: 8px;
}
.pubinfoar p {
	display: block;
	line-height: 1.2;
	margin: 2px 0px 12px 0px;
}
.pubinfo span {
	font-size: 0.9em;
	color: #a52a4d; /* dark red */
}