Body    {
	background-color: #f5d468;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12.5pt;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	display: flex;
	justify-content: center;
}

.social {
    display: flex;
	justify-content: center;
	margin: 1em 0px;
}

/* Style all font awesome icons */

.fa {
	padding: 11px;
	font-size: 28px;
	width: 26px;
	height: 26px;
	text-align: center;
	text-decoration: none;
	margin: 12px 6px;
	border-radius: 50%;
  }

  /* Add a hover effect */
  .fa:hover {
	opacity: 0.75;
  }

  /* Set a specific color for each brand */
  .fa-facebook {
	background: #3268dd;
	color: white;
  }

  .fa-twitter {
	background: #55ACEE;
	color: white;
  }

  .fa-instagram {
	background: #125688;
	color: white;
  }

  .fa-youtube {
	background: #bb0000;
	color: white;
  }

.section {
	margin: 1em;
}

.parent	{
	display: grid;
	margin: .8em;
	grid-template-columns: minmax(240px, 350px) minmax(350px, 1300px);
}

.menu	{
	background-color: #333;
}


.article {
	background-color: #95ccfa;
	padding: 36px;
}

.menu ul  {
	list-style-type: none;
	margin: -3px 0px 0px 0px;
	padding: .7em 0px .7em 0px;
	overflow: hidden;
  }

.menu li a {
	display: block;
	color: white;
	font-size: 15pt;
	text-align: center;
	padding: .4em .3em;
	text-decoration: none;
	font-weight: normal;
  }

.menu li a:hover:not(.active) {
	background-color: #111;
  }


.article ol {
	list-style-type: upper-roman;
	margin-top: 0px;
}
.article a:link, .article a:visited {
	background-color: #aed2fc;
	color : rgb(0, 44, 70);
	text-decoration : none;
}

.article a:link:hover, .article a:visited:hover {
	background-color:  #4588ca;
	color: white;
}

.cover img {
	width: 7em;
	margin: .4em 0px .2em 0px;
	padding: 0px;
}

.insetPic {
	height: 9em;
	margin: 0px 1em 1em 0px;
	float:left;
	border: solid #777 1px;
}

.vidArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
  }

.vidBox {
    flex: 1 1 auto;
    margin: .2em .3em 0px 0px;
  }

.vidCaption {
	font-size: 10.5pt;
	background-color: #646486;
	color: white;
	margin-top: .3em;
	padding: .3em 1em;
	width: max-content;
	border: #444 1px solid;
	border-bottom: none;
	border-radius: 9px 9px 0px 0px;
}

.vid {
	margin-top: 0px;
}

.centerPic {
	margin: .5em 0px;
	text-align: center;
}

.flushTop {
	margin-top: 0px;
}

h1		{	font-family: verdana, arial, helvetica, sans-serif;
            font-size: 24pt;
			font-weight: bold;
			letter-spacing: -.035em;
			margin-top: 0px;
			margin-bottom: .7em;
		}

h2		{	font-family: verdana, arial, helvetica, sans-serif;
			font-size: 13.75pt;
			font-weight: bold;
			letter-spacing: .02em;
			background-color: #4588ca;
			padding: .25em .75em .25em .5em;
			margin: 0px 0px .4em -.5em;
			display : block;
			color: #fff;
			width: max-content;
		}

h3		{
			font-size: 13pt;
			font-weight: bold;
			margin: 1em 0px 0px 0px;
		}


h4		{	font-size: 10pt;
			font-weight: bold;
			margin: 12px 0px 0px 0px;
			padding: 0px;
			display : block;
			color: #224422;
		}


p			{	margin: .5em .2em;
				padding: .4em 0px;
			}

hr		{
		margin-top: 1em;
		margin-bottom: 1.75em;
		border-width: 1px 0px 0px 0px;
		border-style: solid;
		border-color: #777;
}