.w3-navy,.w3-hover-navy:hover{color:#fff!important;
background-color: navy!important}
.w3-brick,.w3-hover-brick:hover{color:#fff!important;background-color:#960000!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#fff!important;background-color:#960000!important}

header {
	
	background-image:url('../img/banner.jpg'); 
	background-repeat:no-repeat; 
	background-size: cover;
	background-color:transparent;
}
article {
	max-width: 70ch;
	margin: 0 auto;
}
article,.article_col {
border-bottom:thin darkgrey solid;
	}
.article_headshot {
	max-width:100px;
	padding-right: 10px;
	float:left;
	}
.byline {
	font-style:italic;
	}
	
.article_content p {
font-family: "Segoe UI", verdana, helvetica;
margin-top:0;	
	}
.article_figure,.article_figure_l {
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	}
.article_figure {
	margin: 0;
	padding:0 0 10px 0;
}	
	
.article_figure_l,.article_figure_r{
	max-width:49%;
	float:left;
	clear:both;
	margin-bottom:20px;
	padding-right:20px;
}
.article_figure_r {
	float: right;
	padding-left: 20px;
}	
.article_figure img,.article_figure_l img,.article_figure_r img {
	max-width:100%;
	padding:0px 0px 10px 0px;
}
.article_figure p {
font-style:italic;
	}
article:last-child,.article_col:last-child
{
	padding-bottom: 50px;
	border-bottom:thin white solid;
	}	
	
.poem {
	text-align:center
}	
	
.w3-sidebar
	{
	max-height:97%;
	width:180px;
	overflow-y:auto;
	margin-left:0px;
	}
.sb-heading
 	{
	padding-left:15px;
	font-family: "Times New Roman", Times, serif;
	
	}

h1,h2{
	font-family: "Times New Roman", Times, serif;	
	color:rgb(27, 27, 85);
	text-shadow:2px 2px 2px #bcbcbe;
	}

h2 {
	
	text-shadow: none;
	font-weight: 700;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:medium;	
	font-size:1.2em;
	font-weight:bold;
	color:navy;
	
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;	
	font-weight:bold;
	color:black;	
}


.ed_banner {
	font-family: "Times New Roman", Times, serif;	
	color:navy;
	font-weight:bold;
	}

footer {
	max-width:100%;
}	
/* ----------------------------
optional columns for wide screen view only
---------------------------- */

@media (min-width: 48em)
{
/* ----------------------------
css for articles displayed in two columns - not currently used
---------------------------- */
	
.article_col {

	-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;
	page-break-inside: avoid;
	}
.article_heading {
	-webkit-column-span: all; 
	column-span: all;
}
/*-------*/

h2 {
text-shadow: 0px 0px 0 #fff;
}
.w3-bottom {
	position: fixed;
	bottom:0;
}
.w3-mobile {
	position:static;}
}
/*End wide screen classes*/


/* ----------------------------
narrow screen view only
---------------------------- */

@media (max-width: 47em)
{

h2 {
	font-size:large;
}
h3 {
	font-size:small;
	font-weight:bold;
}
.w3-bottom {
	position: static;
	}
.article_figure_l,.article_figure_r{
	max-width:99%;
	margin-bottom:20px;
}
.article_figure img,.article_figure_l img,.article_figure_r img {
	max-width:100%;
	margin:0 auto;
}
}
/* ----------------------------
end narrow screen view only
---------------------------- */