.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-color:transparent;
	max-width: 120ch;
	margin: 0 auto;

}
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;	
	}
	
.quote {
	border: 1px navy solid;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
	margin-bottom:10px;
	background-color:#eff4f7	}	
	
.table, th, td {
  border: 1px solid green;
  border-collapse:collapse
}
td {
   vertical-align: top;
   
}	
	
.article_figure {
	margin: 0;
	padding:0 0 10px 0;
}	
	
.article_figure_l,.article_figure_r{
	max-width:40%;
	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)
{

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

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
---------------------------- */

/* Gallery*/

div.gallery {
  border: 1px solid #ccc;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}