<style>
/** component.elements **/
* {
	margin: 0px;
	padding: 0;
	border: 0px;
	vertical-align: baseline;
	font-size: 1em;
	font: inherit; 
	text-align:left;
}
/* HTML5 reset  */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body {
	line-height: 1;
	font-family:times, serif;
	color:black;
	background-color:#f8f0dd;
}
ol, ul {	list-style: none;text-align:left;}
li{
	margin-bottom: 1.0em;
	margin-left: 1.0em;	
	text-align:left;
}

a{color:#aaaaaa;}
a:hover{color:#777777;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 
h1{font-size:1.3em;margin-bottom:1.5em}
h2{font-size:1.3em;margin-bottom:1.5em}
h3{font-size:1.2em;line-height:1.5em;margin-bottom:1.5em;}
h4{font-size:1.1em;margin-bottom:1.5em}
 
ol  {margin:0px;padding:0px;}
li  {line-height:1.0em;margin-left:0em;}
ol li ol {margin-top:1em;}
li li  {margin-left:1em;}
p {text-align:left;}
.w200{
	width:200px;
}
.w320{
	width:320px;
}
.maxw320{
	width:320px;
	max-width:320px;
}

.w640{
	width:640px;
}
.maxw640{
	width:640px;
	max-width:640px;
}
.oldpaper1{
	background-image:url("./images/oldpaper.jpg");
}
.oldpaper2{
	background-image:url("./images/oldpaper2.jpg");
}
 
.center{
	margin:auto;
	text-align:center;
}

.colors{
	color:black;
	background-color:#f2ead7;
}
.mt4{
	margin-top:4em;
}
.colors *{	color:black;}
.colors p{	color:black;}
.colors a{ color:black; }
.colors a:link{	color:black;}
.colors a:active{	color:black;}
.colors a:visited{	color:black;}
.colors a:hover{	color:black;text-decoration:underline;}

.colors-reverse{
	color:white;
	background-color:black;
}

.colors-reverse *{
	color:white;
}
.colors-reverse a{
	color:white;
}
.colors-reverse a:link{	color:white;}
.colors-reverse a:active{	color:white;}
.colors-reverse a:visited{	color:white;}
.colors-reverse a:hover{	color:#ffaa00;text-decoration:underline;}


.colors-black{
	color:#cccccc;
	background-color:#000000;
}
.colors-black a{color:#cccccc;}
.colors-black a:hover{color:#ffffff;} 
.colors-black a:link{	color:#ffffff;}
.colors-black a:active{	color:#ffffff;}
.colors-black a:visited{	color:#ffffff;text-decoration:underline;}


.colors-white{
	color:#000000;
	background-color:#ffffff;
}
.colors-white a{color:#cccccc;}
.colors-white a:hover{color:#000000;} 
.colors-white a:link{	color:#000000;}
.colors-white a:active{	color:#000000;}
.colors-white a:visited{	color:#ffaa00;}

p{
	line-height:1.2em;
}

.image-frame {
	border:1px solid #777777;
	background-color:#ffffff;
	text-align:center; 
}


.image-frame h2{
	margin:10px; 
	font-size:1.15em; 
	color:#000000;
}
.image-frame h2 a{
	color:#aa00ff;
}

.image-frame image{
	border:1px solid #ffffff;
}


.image-frame .caption .button{
	display:block;
	padding:4px;
	margin-top:8px;
	border-radius:3px;
	border:1px solid #aaccaa;
	background:#eeffee;
}
.image-frame .caption .button:hover{
	background:#ddffdd;
}

.align-right {
	float:right;
	margin:12px;
	margin-right:0px;
	margin-top:0px;
	margin-left:24px;
}

.align-left {
	float:left;
	margin:12px;
	margin-left:0px;
	margin-top:0px;
	margin-right:24px;
}
.fine{
	font-size:0.8em;
	color:#888888;
}

.hrule {
	border:0px solid #111111;
	width:100%;
	height:38px;
	padding:1px;
	background-repeat:no-repeat;
	background-image:url('/themes/2021-02-14/elements/1.1/icons/skel-32x32.gif');
	background-position:center;
}

 
 
.nowrap{white-space:nowrap;}
 
.clearfix {
	clear:left;
	clear:top;
}
  
.center{
	margin-left:auto;
	margin-right:auto;
 }

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

.max480{
	border:1px solid #eeeeee;
}

.billboard-bkgd {
	background-repeat:no-repeat;
	background-size: cover;
	min-height:300px;
	height:400px;
	max-height:500px;
	border:1px solid black;
	background-color: #111111;
}


.billboard-img {
	background-color: #111111;
	border:1px solid black;
	border-bottom:2px solid black;
}

.title{
	font-size:1.4em;
	padding-top:2.8em;
	padding-bottom:0.3em;
	border-bottom:1px solid black;
	margin-bottom:1em;
}

.image-frame .caption{
	background-color:inherit;
	word-wrap: break-word;
	white-space:normal;
	
}


.image-frame a{ color:black;}
.image-frame a:active{ color:black;}
.image-frame a:link{ color:black;}
.image-frame a:visited{ color:black;}
.image-frame a:hover{ color:black;text-decoration:underline;}


.pagecopy{
	text-align:left;
	font-size:1.05em;
	line-height:1.3em;
	padding-bottom:100px;
}

.fb {
	display:flex;
	flex-direction: row; 
	margin:0x;
	justify-content:space-between;
}

.fb div{ 
	margin:10px;
	min-width:33%; 
}



.gridbox {
	display:grid; 
	margin-bottom:30px;
}

.gridbox h2 {
  text-align: center;
}


.gridbox .header {
  grid-area: header;
}

.gridbox .row {
 grid-area: content;
  position: relative;
}

.gridbox img {
 float:right;
 margin-top:20px;
 margin-left:20px;
}


.gridbox div div { 
	 padding:20px; 
	 max-width:600px;
} 
.gridbox h2{
	text-align:center;
	font-size:2em;
	margin:0px;
	margin-top:1.2em;
	margin-bottom:0px;
	
}

 
 
#illustrated-newspaper img {
 border:1px solid black;
}



@media screen and (max-width: 900px) {

	.max900{
		width:100%;
		min-width:100%;
		float:none;
		display:block;
		margin-bottom:80px;
	}

	body{
		 
	}


}



@media screen and (max-width: 600px) {

	.max600{
		width:100%;
		min-width:100%;
		float:none;
		display:block; 
	}
	

	body{ 
	}
	
		
	.align-right {
		float:none;
		width:100%;
		margin:0px; 
	}

	.align-left {
		
		float:none;
		width:100%;
		margin:0px; 
	}

	.align-right img{ 
		margin:4px; 
		max-width:90%;
	}
	.align-left img{ 
		margin:4px; 
		max-width:90%;
	}


	.image-frame .caption{
		background-color:inherit;
		word-wrap: break-word;
		white-space:normal;
		max-width:90%;		
	}



	.fb {
		display:flex;
		flex-direction: column; 
	}

	.fb div{ 
		margin:5px;
		min-width:100%;
	}

	.fb img{ 
		justify-content: center;
	}
}

@media screen and (max-width: 480px) {
 

	.max480{
		width:100%;
		min-width:100%;
		float:none;
		display:block;
	}
		 

	.gridbox img {
	 float:none;
	 display:block;
	 margin-top:2px;
	 margin-left:0px;
	 width:100%;
	 height:auto;
	}

	.gridbox div div { 
		margin:0px;
		padding:0px; 
	}
	.gridbox div div { 
		margin:0px;
		padding:0px; 
		max-width:100%; 
	}

}
 
 
@media screen and (max-width: 320px) {

	.max320{
		width:100%;
		float:none;
		display:block;
	}
 
	body{
		 
		 
	}


}
</style>