body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#a7b098;
	color:#5f5f01;
}

.main-block {
	max-width: 860px;
	background: white /*#FFeecc white*/;
/*    border:3px #d9d8b4 solid; */
	padding: 0 4px 0 4px;
	margin: auto;
	text-align: left;
	overflow: auto;
	height:auto;
}

a:link, a:visited, a:active, a:hover {
	background: transparent;
	text-decoration: none;
}
a:link {
	color: #cc3300;
}

a:visited {
	color:#C24B87;
}

a:active {
	color: #bb8800;
}
a:hover {
	color: #FF9933;
}

.m1fwrp, .m2wrp {
	float: left;
	margin-top: 4px;
	width: 100%;
	height: 58px;
	background: white;
	overflow: hidden;
	position: relative;
}

.toparw {
	position: absolute;
	left: 0px;
	background: #e7f2d8;
	padding-right:4px;
}


.menubox, .menuboxS {
	width: 100%;
	height: 74px /* container for top menu */;
	background: #d9d8b4; /*#888844*/
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	float: left;
}

.menubox {
	background: #797943 /*#888844*/  ;	
}

.menuboxS {
	padding-left:50px;
}

.menubox a, .menuboxS a {
	display: inline-block;
	vertical-align: middle; /* worked for ipad */;
	overflow: hidden;
	width: 94px; /* 94px otherwise doesn't fold to 2nd line */;
	height: 60px;
	white-space: normal;
	color: white;
	font-family: Tahoma,"Trebuchet MS",sans-serif;
	font-size: .9em;
	text-align: center;
	text-decoration:none
}
.menubox div {
	display: inline-block;
}
.menubox {
	background: #797943 /*#888844*/  ;
}
/* colour of second menu #a3a375 */
.menuboxS a {
	height: 60px;
	width: auto;
}
.menuboxS a:hover {
	background: #aaccaa;
}
.menuboxS a img {
	height: 60px;
}


a.hlt {
	background: #e7f2d8;
	color: black;
}

.botarw {
	position: absolute;
	right: 0px;

}

.mid-menu {
	font-size: .8em;
	text-align: center;
	margin-bottom: 0;
}

.men2arw {
	position: absolute;
	right: 0;
}

/* pixel widths */
.w95 { width: 95px; margin-left:auto; margin-right:auto }
.w125 { width: 125px; margin-left:auto; margin-right:auto }
.w150 { width: 150px; margin-left:auto; margin-right:auto }
.w175 { width: 175px; margin-left:auto; margin-right:auto }
.w200 { width: 200px; margin-left:auto; margin-right:auto }
.w225 { width: 225px; margin-left:auto; margin-right:auto }
.w250 { width: 250px; margin-left:auto; margin-right:auto }
.w275 { width: 275px; margin-left:auto; margin-right:auto }
.w300 { width: 300px; margin-left:auto; margin-right:auto }
.w325 { width: 325px; margin-left:auto; margin-right:auto }
.w350 { width: 350px; margin-left:auto; margin-right:auto }
.w400 { width: 400px; margin-left:auto; margin-right:auto }
.w500 { width: 500px; margin-left:auto; margin-right:auto }
.w600 { width: 600px; margin-left:auto; margin-right:auto }

/* percentage widths */
.w100 { width: 100%; height:auto }
.w90 { width: 90%; margin-left:auto; margin-right:auto }
.w80 { width: 80%; margin-left:auto; margin-right:auto }
.w70 { width: 70%; margin-left:auto; margin-right:auto }
.w60 { width: 60%; margin-left:auto; margin-right:auto }
.w50 { width: 50%; margin-left:auto; margin-right:auto }
.w40 { width: 40%; margin-left:auto; margin-right:auto }

.top-pic125 { width: 125px; height: 125px; margin-left:auto; margin-right:auto }
.top-pic150 { width: 150px; height: 150px; margin-left:auto; margin-right:auto }
.top-pic175 { width: 175px; height: 175px; margin-left:auto; margin-right:auto }
.top-pic200 { width: 200px; height: 200px; margin-left:auto; margin-right:auto }

.container { display: flex; flex-wrap: wrap; justify-content: center; background-color:white }

h1, h2, h3, h4, h5, h6, p, li, .caption, .credit, .note-text {
	font-family: Verdana,Arial,sans-serif ;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}	

h1 { color:#6a6402; font-size: 1.7em; font-family: Arial, Verdana,sans-serif ; margin-top: 30px; margin-left:auto; margin-right:auto; width: 90% }

h2 { color: #aa3818; font-size: 1.2em; margin-top: 20px }

h3 { font-size: 1em; color:#2f7342;}

h4 { font-size: 1em; font-style:italic; color:#5E4D09; text-align:left }

p { color:#5f5f01; text-align:left; font-size:1em }

.abstract {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #007700;
	font-style: italic;
	font-size: .9em;
	width: 90%
}


.note-text {
	color: #6a6402;
	font-size: .9em;
	text-align: left;
}

li {
	text-align: left;
}
	
.caption {
	text-align:center;
	color: #6a6402;
	font-style: italic;
	font-size: .9em;
}

.caption-left, .credit {
	text-align: left;
	color: #6a6402;
	font-size: .9em;
	font-style: italic;
	display: block;
}

.credit {
	text-align: right;
}

.caption-narrow {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: green;
	font-size: .8em;
	font-style: normal;
}

.caption-flex {
	color: #6a6402;
	font-style: italic;
	font-size: .9em;
	width:90%;
	margin-top:0;
	margin-left:auto; margin-right:auto;
	text-align:center
}

.caption-wide {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #6a6402;
	font-style: italic;
	font-size: .9em;
	width: 90%
}

.item {
  background-color: #f1f1f1;
  width: 170px;
  text-align: center;
  border: 6px white solid;
}

.item-white {
  background-color: white;
  width: 170px;
  text-align: center;
  border: 6px white solid;
}


.fec {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: green;
	font-size: .8em;
	font-style:normal;
	width: 90%;
}

.by {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #666666;
	font-size: .8em;
	font-style:normal;
	width: 80%;
}


.adc-200x200 { 
	width: 200px; height: 200px; 
	margin-left: auto; margin-right:auto;
	background-color:#e6e6c9;
}


.adc-250x250 {
	width: 250px; height: 250px; 
	margin-left: auto; margin-right:auto;
	background-color:#e6e6c9;
}

.adc-60 {
	width: 60%; 
	margin-left: auto; margin-right:auto;
	background-color:#e6e6c9;
}

.adc-70 {
	width: 70%; 
	margin-left: auto; margin-right:auto;
	background-color:#e6e6c9;
}

.adc-80 {
	width: 80%; 
	margin-left: auto; margin-right:auto;
	background-color:#e6e6c9;
}

.hide {
	display: block;
}

.matched-content {
	background: #F9F9EC;
	width: 94%;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}

/* cookie law from https://www.creare.co.uk/js-eu-cookie-law-banner */
#cookie-law {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: auto;
	color: #5f5f01;
	background: white;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	border-top: #5f5f01 1px dotted;
	z-index: 999;
}
#cookie-law p {
	font-size: .8em;
	font-weight: normal;
	text-align: center;
	color: #682008;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
/* end cookie law from https://www.creare.co.uk/js-eu-cookie-law-banner */


.ft-icons {
	position: fixed;
	width: 25px;
	height: 50px;
	right: 3%;
	bottom: 130px;
	z-index: 100;
}

.back-color1n, .back-colorn, .back-color2n, .back-color3n, .back-color4n, .back-color5n, .back-color6n, .back-color7n, .back-color8n, .back-color9n {
	padding: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

.back-colorn {
	background-color: #fbf8f7;
}
.back-color1n {
	background-color: #edf6e3;
}
.back-color2n {
	background-color: #e2e2d2;
}
.back-color3n {
	background-color: #ececea;
}
.back-color4n {
	background-color: #eef8fa;
}
.back-color5n {
	background-color: #f9f6f2;
}
.back-color6n {
	background-color: #f5f5fe;
}
.back-color7n {
	background-color: #ededed;
}
.back-color8n {
	background-color: #f6edf8;
}
.back-color9n {
	background-color: #d8eaef;
}
.note-webmaster {
   	background-color: white; border: 1px green solid; margin-left:auto; margin-right:auto; padding: 5px; width: 80%;
}

.contact {
	width: 90%; margin-left: auto; margin-right: auto; padding: 1%; background-color: #ffffff; border: 1px green solid;
}