body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* color: #888844 ;
	background-image: url('site-images/canvas.jpg');*/
	background-color:#a7b098;
	color:#5f5f01;
}
.main-block {
	max-width: 860px;
	background: white;
/*    border:3px #d9d8b4 solid; */padding: 0 4px 0 4px;
	margin: auto;
	text-align: left;
	overflow: auto;
}
a:link, a:visited, a:active, a:hover {
	background: transparent;
	text-decoration: none;
}
a:link {
	color: #cc3300;
}
a:visited {
	color: #64656a;
}
a:active {
	color: #bb8800;
}
a:hover {
	color: #FF9933;
}
.menubox, .menuboxS {
	width: 100%;
	height: 74px /* container for top menu */;
	background: #d9d8b4;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	float: left;
}
.menubox a, .menuboxS a {
	display: inline-block;
	vertical-align: middle; /* worked for ipad */;
	overflow: hidden;
	width: 94px; /* otherwise doesn't fold to 2nd line */;
	height: 57px;
	white-space: normal;
	color: white;
	font-family: Tahoma,"Trebuchet MS",sans-serif;
	font-size: .9em;
	text-align: center;
}
.menubox div {
	display: inline-block;
}
.menubox {
	background: #888844;
}
/* colour of second menu #a3a375 */
.menuboxS a {
	height: 60px;
	width: auto;
}
.menuboxS a:hover {
	background: #aaccaa;
}
.menuboxS a img {
	height: 60px;
}
.men2arw {
	position: absolute;
	right: 0;
}
.trainmenu {
	max-width: 660px;
}
.busmenu {
	max-width: 750px;
}
a.men-b-extr {
	width: 40px;
	background-color: white;
}
.nbr, .nbr20, .nbr30, .nbr40, .nbr, .nbr50, .nbr60, .nbr70 {
	width: 40%;
	background-color: #ecebdb;
	float: right;
	padding: 1%;
	margin-left: 10px;
}
.nbl, .nbl30, .nbl40, .nbl50, .nbl60 {
	float: left;
	width: 40%;
	background-color: #ecebdb;
	padding: 1%;
	margin-right: 10px;
}
.nbl60 {
	width: 60%;
	background-color: #DCFFD5;
}
.nbl50 {
	width: 50%;
	background-color: #ececea;
}
.nbl40 {
	width: 40%;
	background-color: #EAEED5;
}
.nbl30 {
	width: 30%;
	background-color: #edf6e3;
}
.nbr30 {
	width: 30%;
	background-color: #EAEED5;
}
.nbr20 {
	width: 20%;
	background-color: #EAEED5;
}
.nbr40 {
	width: 40%;
	background-color: #ececea;
}
.nbr50 {
	width: 50%;
	background-color: #edf6e3;
}
.nbr60 {
	width: 60%;
	background-color: #F5EDDE;
}
.nbr70 {
	width: 70%;
	background-color: #e2e2d2;
}

.m2 a {
	height: 60px;
	background-color:#F5EDDE ;/* guess */
}
.tls, trs, bls, brs {
	display: inline-block;
}
.toparw {
	position: absolute;
	left: 0px;
	background: white;
}
.botarw {
	position: absolute;
	right: 0px;

}
/*.menubox div p { margin:0 } */
.hide {
	display: block;
}
.tower-right {
	float: right;
	margin-left: 2%;
	width: 300px;
	height: 600px;
	background-color: #C5C4B6;
	text-align: center;
}
.tower-left {
	float: left;
	margin-right: 2%;
}

.adl-200x200 {
	float:left; 
	width: 200px; height: 200px; 
	margin-right: 8px; 
	background-color:#e6e6c9;
}

.adr-200x200 {
	float:right; 
	width: 200px; height: 200px; 
	margin-left: 8px; 
	background-color:#e6e6c9;
}

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


.hft {
	display: none;
}
.rhide, rgt {
	float: right;
}
.m1fwrp, .m2wrp {
	float: left;
	margin-top: 4px;
	width: 100%;
	height: 58px;
	background: white;
	overflow: hidden;
	position: relative;
}
.matched-content {
	background: #F9F9EC;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}
.matched-content-r {
	background: #F9F9EC;
	width: 40%;
	float: right;
	margin-left: 8px;
	padding: 5px;
	border: 1px silver dotted;
}
.matched-content-l {
	background: #F9F9EC;
	width: 40%;
	float: left;
	margin-right: 8px;
	padding: 5px;
	border: 1px silver dotted;
}
.matched-content-c {
	background: #F9F9EC;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
	width: 50%;
}
.resp-ad, .resp-ad-70, .resp-ad-50, .resp-ad-100 {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
	text-align: center;
	width: 90%;
	background-color: #C5C4B6;
}
.resp-ad {
	width: 90%;
}
.resp-ad-100 {
	width: 100%;
}
.resp-ad-70 {
	width: 70%;
}
.resp-ad-50 {
	width: 50%;
}

.resp-ad-l {
	width: 30%;
	float: left;
	background-color: #c9d0b4;
	margin-right: 2%;
}

.resp-ad-ls {
	width: 20%;
	float: left;
	background-color: #c9d0b4;
	margin-right: 2%;
}

.resp-ad-r {
	width: 30%;
	float: right;
	background-color: #c9d0b4;
	margin-left: 2%;
}

.resp-ad-rs {
	width: 20%;
	float: right;
	background-color: #c9d0b4;
	margin-left: 2%;
}


.ad-l {
	width: 40%;
	float: left;
	background-color: #c9d0b4;
	margin-right: 2%;
	text-align: center;
}
.ad-ls {
	width: 25%;
	float: left;
	background-color: #c9d0b4;
	margin-right: 2%;
	text-align: center;
}
.ad-rs {
	width: 25%;
	float: right;
	background-color: #c9d0b4;
	margin-left: 2%;
	text-align: center;
}
.ad-r {
	width: 40%;
	float: right;
	background-color: #c9d0b4;
	margin-left: 2%;
	text-align: center;
}
a.hlt {
	background: #e7f2d8;
	color: black;
}
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;
}

.caption {
	color: #6a6402;
	font-style: italic;
	font-size: .9em;
}
.caption-left, .caption-narrow, .credit {
	text-align: left;
	color: #6a6402;
	font-size: .9em;
	font-style: italic;
	display: block;
}
.caption-narrow {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: green;
	font-size: .8em;
	font-style: normal;
}
.fec {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: green;
	font-size: .8em;
	font-style: normal;
}
.mid-menu {
	font-size: .8em;
	text-align: center;
	margin-bottom: 0;
}
.credit {
	text-align: right;
}
.note-text {
	color: #6a6402;
	font-size: .9em;
	text-align: left;
}
h1 { color:#825704; font-size: 1.4em; margin-top: 30px }

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

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

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

.adl-200x200 {
	float:left; 
	width: 200px; height: 200px; 
	margin-right: 8px; 
	background-color:#e6e6c9;
}

.adr-200x200 {
	float:right; 
	width: 200px; height: 200px; 
	margin-left: 8px; 
	background-color:#e6e6c9;
}

.adl-250x250 {
	float:left; 
	width: 250px; height: 250px; 
	margin-right: 8px; 
	background-color:#e6e6c9;
}

.adr-250x250 {
	float:right; 
	width: 250px; height: 250px; 
	margin-left: 8px; 
	background-color:#e6e6c9;
}

.adr-120x600 {
	float: right;
	width: 120px; height: 600px; 
	margin-left: 8px; 
	background-color:#e6e6c9;
}

.adl-120x600 {
	float: left;
	width: 120px; height: 600px; 
	margin-right: 8px; 
	background-color:#e6e6c9;
}


.time {
	font-size: 1.1em;
	font-style: italic;
	text-align: center;
	color: #888844;
}
li {
	text-align: left;
}
.p1 {
	font-size: .8em;
	text-align: left;
	color: gray;
	font-weight: bold;
	margin-top: 0;
}
ul {
	color: #772200;
}
.book-pub-l {
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	width: 20%;
	height: auto;
}
.book-pub-r {
	float: right;
	margin-left: 1%;
	margin-right: 1%;
	width: 20%;
	height: auto;
}
.book-pub-w {
	float: none;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-right: auto;
	margin-left: auto;
	width: 60%;
	height: auto;
}
.book-pub-vw {
	float: none;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	height: auto;
}
.quiz-pub-l {
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	width: 20%;
	height: auto;
}
.quiz-pub-r {
	float: right;
	margin-left: 1%;
	margin-right: 1%;
	width: 20%;
	height: auto;
}
.pl10, .pl15, .pl20, .pl25, .pl30, .pl35, .pl40, .pl45, .pl50, .pl60, .pr60 {
	float: left;
	background: white;
	margin-right: 3px;
	height: auto;
	padding: 10px;
	text-align: center;
}
.pr15, .pr20, .pr25, .pr30, .pr35, .pr40, .pr45, .pr50, .pr55, .pr60 {
	float: right;
	background: white;
	margin-left: 3px;
	height: auto;
	padding: 10px;
	text-align: center;
}
.pl10 {
	width: 10%;
}
.pr15 {
	width: 15%;
}
.pr20 {
	width: 20%;
}
.pl20 {
	width: 20%;
}
.pr20 {
	width: 20%;
}
.pl15 {
	width: 15%;
}
.pl25 {
	width: 25%;
}
.pr25 {
	width: 25%;
}
.pl30 {
	width: 30%;
}
.pr30 {
	width: 30%;
}
.pl35 {
	width: 35%;
}
.pr35 {
	width: 35%;
}
.pl40 {
	width: 40%;
}
.pr40 {
	width: 40%;
}
.pl45 {
	width: 45%;
}
.pr45 {
	width: 45%;
}
.pl50 {
	width: 50%;
}
.pr50 {
	width: 50%;
}
.pr55 {
	width: 55%;
}
.pr60 {
	width: 60%;
}
.pl60 {
	width: 60%;
}

.back-color1n, .back-colorn, .back-color2n, .back-color3n, .back-color4n, .back-color5n, .back-color6n, .back-color7n, .back-color8n, .back-color9n {
	background-color: #CBFA99;
	padding: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.back-color {
	background-color: #fbf8f7;
}
.back-colorn {
	background-color: #fbf8f7;
}
.back-color1 {
	background-color: #edf6e3;
}
.back-color1n {
	background-color: #edf6e3;
}
.back-color2 {
	background-color: #e2e2d2;
}
.back-color2n {
	background-color: #e2e2d2;
}
.back-color3 {
	background-color: #ececea;
}
.back-color3n {
	background-color: #ececea;
}
.back-color4 {
	background-color: #eef8fa;
}
.back-color4n {
	background-color: #eef8fa;
}
.back-color5 {
	background-color: #f9f6f2;
}
.back-color5n {
	background-color: #f9f6f2;
}
.back-color6 {
	background-color: #f5f5fe;
}
.back-color6n {
	background-color: #f5f5fe;
}
.back-color7 {
	background-color: #ededed;
}
.back-color7n {
	background-color: #ededed;
}
.back-color8 {
	background-color: #f6edf8;
}
.back-color8n {
	background-color: #f6edf8;
}
.back-color9n {
	background-color: #d8eaef;
}

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

.contact-l {
	width: 40%; float: left; padding: 1%; background-color: #ffffff; border: 2px green solid; margin-right: 2px;
}

.contact-r {
	width: 40%; float: right; padding: 1%; background-color: #ffffff; border: 2px green solid; margin-left: 2px;
}

.w100 {
	width: 100%;
}
.w95 {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.w90 {
	width: 90%;
	margin: auto;
}
.w80 {
	width: 80%;
	margin: auto;
}
.w70 {
	width: 70%;
	margin: auto;
}
.w60 {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.w50 {
	width: 50%;
	margin: auto;
}
.w40 {
	width: 40%;
	margin: auto;
}

.w30 {
	width: 30%;
	margin: auto;
}

.w20 {
	width: 20%;
	margin: 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: #000000;
	background: #EAEED5;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	border-top: #a86145 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 */

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

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

.pg {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
}
.ft-icons {
	position: fixed;
	width: 25px;
	height: 50px;
	right: 3%;
	bottom: 130px;
	z-index: 100;
}
/*  @media screen and (max-width: 830px) { 
   body { width:100% }
  .main-block { width:98% } */
@media screen and (max-width: 721px) {
.pl30 {
	width: 40%;
}
.pr30 {
	width: 40%;
}
}
@media screen and (max-width: 520px) {
.main-block {
	border: 0;
}
.pl30, .pl35, .pl40, .pl50, .pr25, .pr35, .pr30, .pr40, .pr50 {
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	padding-bottom: 0;
}
.pl15, .pr15, .pr20, .pl20, .pl25, .pr25, .pr45 {
	width: 40%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.nbl30 {
	width: 40%;
}
.w60 {
	width: 90%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.matched-content-r, matched-content-l {
	width: 70%;
}
h1 {
	font-size: 1.4em;
}
h2 {
	font-size: 1.2em;
}
.nbr, .nbl {
	width: 85%;
	float: none;
	margin: auto;
}
.hide {
	display: none;
}
.book-pub-l {
	width: 30%;
}
.book-pub-r {
	width: 30%;
}
.quiz-pub-l {
	width: 30%;
}
.quiz-pub-r {
	width: 30%;
}
.ad-ls {
	width: 30%;
}
.ad-rs {
	width: 30%;
}
.resp-ad-r, .resp-ad-l, resp-ad-70 {
	width: 60%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.resp-ad-rs, .resp-ad-ls, resp-ad-70 {
	width: 60%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.ad-r, .ad-l {
	width: 60%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.nbr50 {
	width: 94%;
	margin: 2%;
}
.nbr60 {
	width: 94%;
	margin: 2%;
}
.matched-content-r, matched-content-l {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.pg {
	width: 90%;
}
}
@media screen and (max-width: 480px) {
.pl25, .pr25 .pl30, .pr30, .pl40, .pr40, .pr60, .pl50, .pl60, .pr55 {
	margin-left: auto;
	margin-right: auto;
	float: none;
	width: 80%;
}
.resp-ad {
	width: 90%;
}
.nbr70 {
	width: 95%;
	margin: 2%;
}
.ad-r, .ad-l {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.pg {
	width: 95%;
}
}