/* Navigation Bar */
.navbar {
  overflow: auto;
  text-align:left;
  background-color:#ffbb33;
  border-style:none;
  width:100%;
  height:40pt;
}
.navbar a {
  float: left;
  text-decoration: none;
}
.navbar a:hover {
  background-color: silver;
}
.footerbar {
  overflow: auto;
  text-align:left;
  background-color:#ffbb33;
  border-style:none;
  margin-top: 10px;
  width:100%;
  height:25pt;
}

main{
  width:100%;
  padding-right:10px;
}
.menuitem { padding-left:10px; padding-right:10px; font-size:12pt; font-family:Arial, Helvetica, sans-serif; color:#000000;  white-space: nowrap; }
.menusubitem { padding-left:5px; padding-right:5px; font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#000000;  white-space: nowrap; }

/* Links */
a { color:#5D5D9E; }
a:visited { color:#5D5D9E; }
a:active { color:#5C615E; }
a:hover { color:#B2B3B4; }

/* Headings */
h1 {margin-top:10pt; margin-bottom:5pt; padding-bottom:5pt; padding-left:5pt; background-color:#ffcc66;}
h2 {margin-top:5pt; margin-bottom:5pt; padding-bottom:5pt; padding-left:5pt; background-color:#ffdd99}
h3 {margin-top:5pt; margin-bottom:5pt; padding-bottom:5pt; padding-left:5pt; background-color:#ffeecc}

/* No gaps around lists */
ul {margin-top:0; margin-bottom:0;}

/* Columns */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
  }
  /* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* Text */
.plain {font-family: "Times New Roman", Times, serif;}

/* Download button */
.download {
  text-align: center;
  font-weight: bold;
  font-family: sans-serif;
  float:right;
  margin: 0px 0px 0px 2px;
  padding:5px;
  border:1px solid;
  border-radius:10px;
  background-color: #fff8dc;
  }
a.button:link {color: #000000; text-decoration: none;}
a.button:visited {color: #000000; text-decoration: none;}
a.button:hover {color: #000000; background-color: #d3d3d3; text-decoration: none;}  
a.button:active {color: #000000; text-decoration: none;}

/* Image positions */
.image-left {
  float: left;
  margin-right: 20px;
  }
 
.image-right {
  float: right;
  margin-left: 20px;
  }
.image-right-66pc {
  float: right;
  margin-left: 20px;
  width: 66%
}
 
.box {
  padding-top:10px;
  margin: 5px 0;
  }

.box-clear-left {
  clear:left;
  padding-top:10px;
  margin: 5px 0;
  }

/* Thumbnails */
img.thumb {
  border: 1px solid #ddd; /* Gray border */
  padding: 5px; /* Some padding */
  height: 120px; /* Set a small height */
}
.images{
    text-align:center;
    margin:50px auto;
}
.images a{
    margin:0px 20px;
    display:inline-block;
}
.caption {
    text-align:center;
	font-family: sans-serif;
	font-size: 10pt;
}
