:root	{
	--bg-color:#dcb089; /* HSL(28,54%,70%) */
	--frm-color:#dcc589;
	--tbl-hd-color:#4cd98f;
}

a {
	text-decoration: none;
	color: black;
}
a.nol:link {
	color:#ADD8E6;
}
a:link, a:visited {  /* unvisited link */
color: #0000FF;
text-decoration:underline;
}
a:hover, a:active{  /* over and clicking link */
	color: grey;
}
a.Bodylnk{
	Margin-top:10pt;
	padding-top:15pt;
}
a.bodylnk:hover, a:active{
	color: grey; /*#FF9933;*/
}
address {
	font-size : 12pt;
}
address.center{
	text-align: center;
}
article {
	clear:both;
	padding-top: 15px;
	margin-top:0pt
}

body {		/* for overall page */
	font-size : 14pt;
	font-family: Verdana,Geneva,Arial, Helvatica, sans-serif;
	color: black;
	line-height: 17pt;
	margin-left: 5pt;
	margin-right: 5pt;
	background-color:var(--bg-color); /* HSL(28,54%,70%) */;
	}
	
cite {
	font-size: 12pt;
}

dd {
	font-size : 12pt;
	font-style: italic;
	padding-top:5pt;
	padding-bottom:12pt;
}
dd.form  {
	padding-left:40px;
}
div.addtop{
	padding: 15pt;
}
div.ed_blog  {
	
	Margin-left:50pt;
	width: 375pt;
	background-color: #d08e54;
	margin-bottom:40pt;
}
div.asider	{
	font-size : 13pt;
	font-family: "Times New Roman",Garamond,"Courier New", serif;
	color: black;
	font-style: italic;
	line-height: 15pt;
	border:3px solid black;
	padding: 0pt 15pt 15pt 15pt;
	margin: auto;
	width: 50%;
}
dt { 
color:darkcyan;  /* #008B8B */

}

footer {
	clear: both;
	font-size : 8pt;
	font-style: italic;
	line-height: 10pt;
	text-align: center;
	padding-top: 30pt;
	margin-bottom: 30pt;
}	

h1  { 
	font: 18pt Verdana,Geneva,Arial, Helvatica, sans-serif;
	font-weight: bold;
	line-height: 20pt;
	}
h2  { 
	font: 16pt Verdana,Geneva,Arial, Helvatica, sans-serif;
	font-weight: bold;
	line-height: 18pt;
	text-align:center;
	padding-top:0pt;
	font-style: normal;
	Text-transform:capitalize;
	margin-right:35pt;
	margin-left: 35pt;
	}
h3 {   /* Text centered amid horiz line   https://www.trysmudford.com/blog/css-header-legend/*/
	font-family: Verdana,Geneva,Arial, Helvatica, sans-serif;
	font-size: 18pt;
	display: grid;
    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
    align-items: center;
    text-align: center;
    grid-gap: 20px;
    width: 96%;	
	Padding-left: 2%;	
}
h3:before, h3:after {
	content: '';
    border-top: 2px solid;
}
header.hdrtop	{
clear:both;
Margin-top: 15px;
text-align:center;
}	
hr {        /* horizontal line*/
    border: none;
    border-top: 3px double #333;
    color: #333;
    overflow: visible;
    text-align: center;
    height: 5px;
}
hr:after {
    background: HSL(28,54%,70%);
    content: '§';
    padding: 0 6px;
    position: relative;
    top: -13px;
}

img { 
	height:225px;
	width:300px;
	padding: 5pt;
	float: right;
}
img.ia { 
		height:75px;
		width:75px;
		padding: 5pt;
		float: left;
	}
img.logo { 
		height:150pt;
		width:219pt;
		background-color: grey;
		Margin: 7px 10px 7px 12px; 
		border-style:solid;
		border-width:3px;
		padding: 3pt;
	}
img.smlogo { 
		float: left;
		height:42px;
		width:66px;
		padding:0px;
		margin-right:20px;
		margin-left:0pt;
		border-style:solid;
	}
img.vsmlogo { 
		float: left;
		height:25px;
		width:25px;
		padding: 0px;
		margin-right:10px;
		border-style:solid;
	}
img.nada {
	}
	
li.center  {
	margin-left: auto;
    margin-right: auto;
    width: 250pt;
}
li.center2  {
	margin-left: auto;
    margin-right: auto;
    width: 450pt;
}

nav  {
		float:right;
		margin: 3px 0px 0px 0px;
		width:325px;
		background-color:#d98f4c/* #628794 */;
		border:1px solid black;
	}
nav li {
         display: inline;
		 line-height:1.9em;
      }
nav ul {
	list-style: none;
	margin: 0px ;
	padding: 15px;
	display:inline;
}
nav ul li a:link {  /* performed link */
	font-size:10pt;
	font-weight: bold;
	text-decoration:none;
	padding: 3px 0px 3px 3px;
	background-color:#d98f4c/* #628794 */;
	color:white;
}
nav ul li a:hover, nav ul li a:active {
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
	padding: 7px 3px 7px 3px;
	color:black;
	background-color:#f0c322;
}

P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 8em
}

 section {
	 clear:both;
	 padding-top: 0px;
 }	 
 span {		/* blank box for form section */
	 background-color:--bg-color;
	 float: left;
		height:25px;
		width: 31px;
		padding: 0px;
		margin-right:10px;
		border-style:none;
 }

table 	{
	table-layout:auto;
	width:70%;
	border-collapse: collapse;
}
.tbtext	{
	font:  14pt "Times New Roman",Garamond,"Courier New", serif;
	font-weight: normal;
	line-height: 16pt;
	text-align:left;
	color:black;
	Margin-top:5pt;
}
.tbtitle  {  
	font: 16pt Verdana,Geneva,Arial, Helvatica, sans-serif;
	font-weight: bold;
	line-height: 18pt;
	text-align:center;
	color:red;
}
.textbox {
	color: black;
	text-align: left;
	Margin-left: 11px;
	Margin-right:9px;
	padding:5px;
	max-height: 160pt;
	overflow-y:scroll;
	overflow-x:hidden;
	border: 3px solid black;
}
th {  /* Table heading */
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: var(--tbl-hd-color);
  color: black;
}
td	{   /* Table data */
	padding-left: 5pt;
	border: 1px solid blue;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	text-overflow: ellipsis;
}
tr td:first-child {
	text-align: center;
  background-color: var(--tbl-hd-color);
  color: black;
}
tr:nth-child(even){
	background-color: #d08e54;
	}
tr:hover {
	background-color: #ddd;
	}


/* flex-Side- by Side  */
.flex-parent-element {
  display: flex;
  width: 95%; 
  /* border: 2px solid green; */
}
.flex-child-element {
  flex: 1;
  margin:5pt;
  text-align:center;
  /* border: 2px solid blueviolet; */  
}
.flex-child-element:first-child {
  margin-right: 20px;
}
.leftalign{
	text-align:left;
}
 
/* flex boxes  */
.flexbox-parent-Main { /*  Creates main page flex boxes */
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  /* border: 2px solid yellow; */
}
.flexbox-child-one {
  flex: auto;
  text-align:left;
  margin-right: 10px;
   /* border: 2px solid green; */
}
.flexbox-child-two {  /* this should be a flex box */
  flex-basis: 200pt;
  height:285pt;
  /* border: 2px solid blue; */
}