body     {font-family: Arial,Sans-Serif;background-color:white} 
body {
  background-color: #e6ffe6; font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}

h1, h2 {font-weight:normal;text-align:center} 
h3, button, .button, input[type="button"],input[type="submit"]
         {background-color:#009344;color:white}
h4       {font-weight: bold;color:rgb(0,147,68)}
abbr, acronym 
         {cursor: help;border-bottom-style:dashed;border-bottom-width:thin}
button   {cursor:pointer}
.button  {display:inline-block;padding:5px;border-radius:5px;text-decoration:none}
legend   {color:rgb(black);font-weight:bold;background-color:#e6ffe6}
fieldset {padding: 10px;}
textarea {font-family:arial,sans-serif;overflow:auto;font-size:10pt}
th       {font-weight:bold}
p  a     {color:blue;text-decoration:none}
li a     {color:black;text-decoration:none}
table a  {color:black;text-decoration:none}
a:hover  {background-color: rgb(26,45,111);color:white;border:none;}
h1 a, h2 a
         {color:black;text-decoration:none}

nav a {display:block;	overflow:auto; text-decoration:none;color:black;
	padding:10px;}
nav a:nth-child(even) {background-color:white}
nav a:hover {color:white;background-color: rgb(26,45,111)}
nav a h4    {color:inherit}

.linklist {list-style-image:url("images/blackpointer.gif");text-decoration:none; 
	    margin-left:15px;margin-top:0}
.extlink:after {content: '\a0' url("images/new-window.gif")}
.linklist li 
          {margin-top:20px}
.column1  {float:left;width:25%}
.column2  {margin-left:25%;}
body.mceContentBody, body.mceContentBody textarea 
          { font-family: Arial, Helvetica, sans-serif;
	      font-size: 10pt;margin:2px } 

hr         {clear:both}
figcaption {font-style:italic;text-align:center;display:block}
figure     {text-align:center;display:block;margin:0}
a img      {border:none}
.shade     {background-color:lightgray}

a.widget:after {content:'\00A0\00BB'}
a.widget 
	{background-image:url('images/frame180170.png');
	padding-top:10px;background-repeat:no-repeat;
	height:160px;width:180px;
	margin-bottom:10px;display:inline-block;text-decoration:none;
	text-align:center;vertical-align:top}
a.widget:hover {color:blue;}
a.widget:hover img{transform:scale(1.1);-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1)}
a.widget img {width:160px;height:120px}
.panel    {background-color:white;
		border: 1px solid rgba(0,0,0,.125);
		border-radius: .25rem;
		margin-top:10px;margin-bottom:10px;
	     overflow:auto;display:block}
.panel h3, iframehead {  background-color: #009344;
  color: #ffffff;
  font-size: 20px;
  line-height: 22px; 
  padding: .75rem 1.25rem;
  margin-top:0;font-weight:normal;} 
.panel h4 {margin-left:10px;margin-right:10px}

.panel p, .panel h4
	  {margin:10px}
.left, #left    {width:49%;float:left;}
.right, #right  {width:49%;float:right;clear:right;}

.mobileonly {display:none}

#head  {border:none;width:100%;overflow:hidden;margin:0;height:180px}
#menu  {border:none;overflow:auto;margin:auto;display:block;float:left;height:600px;width:180px} 
#main  {margin-left:180px;background:rgba(255,255,255,0.8)}
#foot  {border:none;width:100%;overflow:auto;margin:auto;display:block;height:240px}

@media all and (max-width:640px)
{
.left, #left   {width:100%;float:none}
.right, #right {width:100%;float:none}
#menu {display:none}
#main {margin-left:0}
}