/* ----------------------------
Newsletter banner at top of page
---------------------------- */


/* ----------------------------
banner
---------------------------- */

.row--banner
{
	background-color: transparent;
	padding-top: 1em;
}

/* ----------------------------
banner-content
---------------------------- */

.banner-content
{
	padding: .5em .5em .5em;
	/* 30px/16px - 24px/16px - 45px/16px */
	text-align: center;
}

.banner-content__heading, .banner-content__mh
{
	margin: 0;
	/* 30px/16px */
	color: navy;
	font-size: 1.5em;
	/* 24px/16px */
	font-weight: normal;
	text-align: center;
}
.banner-content__mh {
	font-size: 1em;
}
.banner-content__detail
{
	margin: 0 0 0em;
	color: blue;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
}
	.banner-content__issue {
	text-align: center;
	color: navy;
	margin: 20px 0 0 0;
}
.header__logo {
	float: left;
	vertical-align: middle;
	padding-left: 10px;
	background-size: contain;
}

@media (min-width: 38em)
{
	.banner-content
	{
	
		/* 135px/18px - 36px/18px */
			text-align: right;
			
	}

	.banner-content__heading,
	.banner-content__issue
	{
		font-size: 1.5em;
		/* 46px/18px */
	}
	.header__logo {
		padding-left: 30px;
		padding-top: 5px;
	}
	.75logo {
	
	}

}

/* ----------------------------
TOC
---------------------------- */
.toc-content__heading
{
visibility: hidden;
	color: white;
	background-color: #0d558e;
	font-size: .8em;
	font-weight: bold;
	text-align: left;
	padding-left: .5em;
	padding-bottom: 1em;
	
}


@media (min-width: 38em)
{
	.toc-content
	{
		margin: 0 1em .2em 0;
	}

	.toc-content__heading
	{
	visibility: visible;
		font-size: 1em;
		padding-top: .2em;
		padding-bottom: .4em;
	}

}
/* ----------------------------
Newsletter content
---------------------------- */
.row--nl
{
	background-color: transparent;
	padding-top: 0em;
}

/* ----------------------------
article content styling
---------------------------- */
.nl-content
	{
		margin: 0em 0em 0em 0em;
	}
.nl-content__article,
.nl-content__article_important {
	
	padding: 1px 4px;
	margin-left: 5px;
	margin-right: 10px;

}
.nl-content__article_important {
	border: 1px solid red;
	
}

.nl-content__heading
{
	margin: 0 0 10px 0px;
	padding: 10px 0 0 10px ;
	-webkit-column-span: all; 
	column-span: all;
	
}
.nl-content__byline {
	margin-left:10px;
	margin-top:0px;
	font-weight: normal;
	font-style:italic;
}

.nl-content__sub-heading {
	font-size: 1em;
	font-weight:bold;
	padding: 1em 0 .2em .8em;
	margin: 0em 0 .2em 0em;

}
.nl-content__detail,
.nl-content__detailnocol
{
	margin: 0 0 em 1em;
	/* 30px/16px */
	color: black;
	font-size: .9em;
	/* 24px/16px */
	font-weight: normal;
	font-family: "Segoe UI", Helvetica, sans-serif;
	text-align: left;
	padding-left: 0em;
	padding-bottom: 1em;
}
.nl-content__ednote {
	font-weight: normal;
	font-style: italic;
}
.nl-content__detail p {
	margin-bottom: 10px;
}
.nl-content__citation {
	margin: 20px;
	background-color: beige;
	font-style:italic;
}
.nl-content__empdetail {
	text-align: center;
	font-weight: bold;
}
}
.nl-content__figure, .nl-content__figure_sm {
background-color: #eaf7ff;
	width:90%;
	border: thin silver solid;
	border-bottom: thin solid black;
	border-right: thin solid black;
  margin: 5px;
  padding: 5px;
  page-break-inside: avoid;
	  }
.nl-content__figure_sm {
	width: 49%;
	float: left;
}	  
.nl-content__figure p, .nl-content__figure_sm p {
margin-top: 10px;
margin-right:10px;
padding-top: 0px;
padding-top:0em;
   text-align: center;
	font-size: .9em;
	font-style: italic;
	text-indent: 0;
   }  
.nl-content__figure img 
	{  width: 100%;
	border: 0px;
	page-break-inside: avoid;
		}
.nl-content__headshot {
	float: left;
	padding: 0px 10px 10px 0px;
	max-width: 20%;
	}
.nl-content__quote {
		margin: 1em 4em 0 4em;
		font-style: italic;
		text-align: center;
		font-weight: bold;
	}
.nl-content__poem {
	text-align: center;
	font-style: italic;
	line-height: 1.2em;
	clear: left;
}	


@media (min-width: 38em)
{
	.nl-content
	{
		margin: 0em 2em 0em 10em;
	}
	.nl-content__article {
	margin-right: 10px;
	margin-left: 10px;
	border-bottom: 1px solid #bababa;
}

	.nl-content__heading
	{
		font-size: 1.2em;
		paddng: 0 0 0 10px;
	}
	.nl-content__detail p, .nl-content__detailnocol
 {
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
}
	.nl-content__figure {
	background-color: #eaf7ff;
	width:90%;
	margin: 5px;
  padding: 5px;
  page-break-inside: avoid;
	  }
	.nl-content__figure img 
	{  width: 100%;
	border: 0px;
	page-break-inside: avoid;
	}
	.nl-content__headshot {
	float: left;
	padding: 0px 10px 10px 0px;
	max-width: 100px;
	}
}

/* ----------------------------
columns for wide screen view only
---------------------------- */

@media (min-width: 58em)
{
	
.nl-content__detail {

	-moz-columns: 2 10rem;
	-webkit-columns: 2 10rem;
	columns: 2 10rem;

	-moz-column-gap: 2em;
	-webkit-column-gap: 2em;
	column-gap: 2em;

	-moz-column-rule: 0px solid #CCC;
	-webkit-column-rule: 0px solid #CCC;
	column-rule: 0px solid #CCC;
	
	}

.nl-content__detail {
	
	page-break-inside: avoid;
	}

.nl-content__figure {
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	}

}

/* ----------------------------
footer
---------------------------- */
.footer__info {  
	position: fixed;
	bottom: 0; left: 0;
	width: 100%;
   font-size: small;
   background: #960000;
   height: 1.5em;
   text-align: center;
   }
.footer__info ul
	{	
  margin: 0;
  padding: 0;
  
	}
.footer__info ul li
{
	display: inline;
	margin-right: 1em;
}
.footer__info a:link,
.footer__info a:visited
{
  color: white;
  text-decoration: none;
}
.footer__info a:focus,
.footer__info a:hover,
.footer__info a:active { border-bottom: .15em solid; }
.footer__info a:focus { color: #fff; }
.footer__info a:hover { color: #fff; }
.footer__info a:active { color: #0d558e; }
.footer__logo { margin: 0 0 2em; }
.footer__copyright { margin: 0 0 0 0; }
.footer__copyright li
{
  display: inline;
  margin: 0 0 0 0;
  font-size: small;
  color: black;
}
@media print
{
.toc-content__heading, #nav
{
visibility: hidden;
}
.nl-content__detail {
	/*margin-left: -10px;
	padding-left: -10px;*/
}
    .footer__info { 
    display: none; }
    #nav {
    display: inline;
    }
    .nl-content__figure {
	width:50%;
	margin: 0 auto;
}