* {
  box-sizing: border-box; /* makes size of an element include padding and borders */
}
/* Last modified 26 Feb 2020 */
body {
  margin: 0;
  font-size:12pt;
  font-family:Arial;
  text-align: left;
  line-height:15pt;
  background-color: #e6f2ff;
}

/* Style the header */
.header {
/*  background-color: #f1f1f1; */
  background-color: ##e6f2ff;
  padding: 10px;
  text-align: center;
  font-family:Arial;
}
/* Style the header logos */
.header img  {
 max-height: 170px;
 max-width: 15%;
}


/* Style the top navigation bar */
.topnav {
  overflow: hidden;
  background-color: DodgerBlue;
}
.active {
	background-color: red;
}

/* Style the topnav links */
.topnav a {
  float: left;
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 10px 12px;  /*  14px 16px; */
  text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
  background-color: #ffcc99;
  color: black;
}

/* Style the subheader */
.subheader {
  background-color: #ffffe6;
/*  padding: 10px; */
  text-align: left;
}

/* Style the contents */
.contents {
/*  background-color: #f1f1f1; */
  background-color: ##e6f2ff;
  padding: 5px;
  text-align: left;
  font-family:Arial;}

/* Big embedded image */ 
img.largeim {
  object-fit: contain;
  width: 50%;
  float: left;
  border-radius: 3px;
  padding: 10px;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column.side, .column.middle {
    width: 100%;
  }
}
/*  logo only */
.logo img {
  border: 4px solid #ddd;
  border-radius: 4px;
  padding: 5px;
/*  height: 100px; */
  max-width: 10opx;
  max-height:100px;
  padding: 0px 0px 0px 0px;
}
/*  fb logo only */
.thmblogo img {
  border: 4px solid #ddd;
  border-radius: 4px;
  padding: 5px;
/*  height: 100px; */
  max-width: 10opx;
  max-height:100px;
  padding: 0px 0px 0px 0px;
}
.thmblogo img:hover {
/*  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); */
  box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}
.thmb img {
  border: 4px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  height: 100px;
  padding: 5px 5px 5px 5px;
}
.thmb img:hover {
/*  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); */
  box-shadow: 0 0 4px 4px rgba(0, 140, 186, 0.5);
}