<style type="text/css">
  
@import url('https://fonts.googleapis.com/css2?family=Bilbo+Swash+Caps&display=swap');
body
	{
	color: #000;
	background-color: #AA7942;
	background-image: url(images/BIG-Sky.jpg);
	background-size: cover;
	font-family: Roboto, sans-serif;
	margin-top: 0%;
	}
.container-xl {
	width: 100%;
	}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint*/
@media (max-width: 768.98px) {  
  body {font-size: .85em;} table {font-size: .80em;} 
}
/* Large devices (desktops, 992px and up) 
@media (min-width: 992.98px) { 
  body {font-size:1rem;} 
}*/

.img-fluid. {
  max-width: 100%;
  height: auto;
}

h2  {
  	color: #000;
   	font-size: 2em;
   	font-weight: bold;
   	font-family: times, serif;
   	letter-spacing: 4px;
   	margin: 0%;
   	border:0;
   }
   .titlepg {
   font-family: times, serif;
   height:1.5em;
   font-size:1.5em;
   line-height: 1.1em;
   }
h3  {
  	color: #dddd88;
  	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
   	font-size: 1.8em;
   	font-weight: bolder;
   	font-family: 'Bilbo Swash Caps', cursive;
   	letter-spacing: 2px;
   	margin: 2%;
   }
   h3.nav  {
  	color: #dddd88;
  	text-shadow: 1px 1px 2px blue, 0 0 15px white, 0 0 5px #dddd88;
   	font-size: 1.8em;
   	font-weight: bolder;
   	font-family: 'Bilbo Swash Caps', cursive;
   	letter-spacing: 2px;
   	margin: 0%;
   }
h4   {
  	color: yellow;
  	text-shadow: 1px 1px 2px lightblue, 0 0 1px blue, 0 0 1px lightblue;
   	font-size: 1.25em;
   	font-weight: 400;
   	font-style: italic;
   	margin: 1em;
   }
h5 {
  	color: black;
  /*	text-shadow: 0px 0px 1px black, 0 0 25px white, 0 0 5px yellow;*/
   	font-size: 1.25em;
   	font-weight: 300;
   	font-style: italic;
   	margin: 1em;
   }
h6 {
  	color: #2263c3;
  	font-family: 'Bilbo Swash Caps', cursive;
	font-size: 1.75em;
	font-weight: normal;
	letter-spacing: .125em;
}
.title {
  	font-family: 'times', serif;
	font-size: 1.25em;
	font-weight: bold;
  	color: #2263c3;
}
.pg-title {
  	color: #2263c3;
  	font-family: 'Bilbo Swash Caps', cursive;
	font-size: 1.75em;
	font-weight: normal;
	letter-spacing: .125em;
	background-color: lightyellow;
	text-align:center;
}
.arrow-l {
	float: left;
	font-variant: small-caps;}
	a.arrow-l:hover { color: red; font-style: normal; font-weight: 200;}
.arrow-r {
	float: right;
	font-variant: small-caps;}
	a.arrow-r:hover { color: red; font-style: normal; font-weight: 200;}
.wht {
	color: #fff;
  	text-shadow: 1px 1px 2px blue, 0 0 1px yellow, 0 0 1px white;
}
  	
a { color: darkblue; text-decoration: underline; }
a:hover {font-weight: bold; text-decoration: none; font-style: italic; }
a.button { color: #2263c3; font-size: 1.25em; border: 3px outset white; border-radius: 5px;}
a.button:hover { color: red; background-color: lightyellow;}
p {
	font-size: 1em;
  	line-height: 1.5em;
  	text-indent: 1em;
  	margin: 1%;
  	}
table {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
  font-size: 90%;
  margin: none;
  text-align: left;
}
th {
	font-weight: 500;
	font-style: italic;
	color: darkred;
	text-align:center;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}
td {
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}
.noborder  {
	border: none;
	text-align: left;
	padding: 5px;
	}
.noborder-ctr  {
	border: none;
	text-align: center;
	padding: 5px;
	}
caption {
	display: table-caption;
	text-align: center;
	font-size 90%;
	font-style: italic;
	margin: none;
	color: #000;
	}
.main-col {
	background-color: rgba(255, 255, 255, .6);
  	border-radius: 15px;
  	padding:1%;
  	}
  
.extra-col {
/*  	background-color: rgba(255, 255, 255, .6); */
  	border-radius: 15px;
  	padding:1%;
  	}
.accordion {
	background-color: blue;
	color: #608613;
	}
.BQborder {
	background-color: rgba(255, 255, 255, .6);
	border: 5px #fff double;
  	border-radius: 15px;
  	font-style: normal;
  	}
blockquote {
/*	background-color: rgba(255, 255, 255, .6);*/
	border: 5px #fff double;
  	border-radius: 15px;
	font-style: italic;
	color: #000; /*blue*/
	padding: 2%;
	text-indent: 2%;
	}
ul	{
	padding: 0;
	margin: .25em;
	text-indent: 0em;
	list-style-type: none;
	}
ol { padding: 0; 
	margin: 1.25em;
	text-indent: 0em;
	 }
.boldgreen {
	font-weight: 500;
	font-style: italic;
	color: #608613;
	}
.boldgreen-sc {
	font-weight: 700;
	font-size: 120%;
	font-style: italic;
	color: #608613;
	font-variant: small-caps;
	background: lightyellow;
}
.boldred {
	font-weight: 500;
	font-style: italic;
	color: darkred;
	}
.boldorange
	{
		font-weight: 500;
		font-style: italic;
		color: #CF8827;
	}
footer
	{
		margin-top: 1em;
		color: #ccc;
		text-align: center;
		padding: 1%;
		background-color: #2263c3;
		border-top: 6px #dddd88 solid;
		font-size: .75em;
		position: static;
		left: 0;
		bottom: 0;
		width: 100%;
	}

</style>