:root {
	font-size: 16px;
	--col-1: #000000; /* black */
	--col-2: #FFFFFF; /* white */
	--col-3: #AE6744; /* main html background colour*/
	--col-4: #E2DCAF; /* contentwrapper background colour */
	--col-5: #FFFF00; /* yellow */
	--col-6: #0000FF; /* a: ,  blue */
	--col-7: #9900FF; /* a: visited */
	--col-8: #EEE8AA; /* blog background colour */
	--col-9: #008000; /* green */
	--col-10: #FF0000; /* red */
	--col-11: #3A3A3A; /* login input */
	--col-12: rgba(239,239,239,0.5); /* login input background */
	--col-13: #AEAEC6;  /* ######  not in use  ###### */
	--col-14: #1C0CC9;  /* menu colour */
	--col-15: #808080;  /* footer border colour */
	--col-16: rgba(226,220,175,0.95); /* form background colour */
	--col-17: #E2D89D;	/* background colour for report boxes */
	--col-18: #D4D4D4; /* menucolumn background colour <601px */
	--col-19: #119813; /* button_yes active */
	--col-20: #F9F9F9; /* table background odd rows */
	--col-21: #D6D3D3; /* table background even rows */
	--col-22: #444444; /* border colour around result box, newsletter box etc.  gray */
	--col-23: #0000FF; /* background for menu div < 601px */
	--col-24: var(--col-5); /* colour Quicklink_1 */
	--col-25: var(--col-1); /* background Quicklink_1 */
	--col-26: var(--col-2); /* colour Quicklink_2 */
	--col-27: var(--col-3); /* background Quicklink_2 */
	--col-28: var(--col-1); /* colour Quicklink_3 */
	--col-29: var(--col-3); /* background Quicklink_3 */ 
	--col-30: var(--col-2); /* colour contentmenudirections */
	--col-31: var(--col-6); /* background contentmenudirections */
	
	/*--body-bg-col: var(--col-3); /* body background colour . mocha */
	/*--cw-bg-col: var(--col-4); /* contentwrapper background colour . manilla */
	/* --ql1-col: var(--col-5);  /* quicklink_1 colour. yellow */
	/* --ql1-bg-col: var(--col-1); /* quicklink_1  background colour . black */
	/* --ql2-col: var(--col-2);  /* quicklink_2 colour . white */
	/* --ql3-col: var(--col-2); /* quicklink_3 colour . white */
	/* --cbb-bg-col: var(--col-17); /* contentblock_box background colour */
	/*--cbb-b-col: var(--col-22); /* contentblock_box border colour */
	/* --blog-bg-col: var(--col-8); */
	/* --blog-b-col: var(--col-5); */
 	/* --li-col: var(--col-11);
	/* --li-bg-col: var(--col-12);*/
}
html {
	height: 100%;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	font: normal 100%/1.4 system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue","Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",  sans-serif;
}
 *, 
 *::before, 
 *::after {
	margin: 0;
	padding: 0;
	box-sizing: inherit;
}
section, aside, nav, article, figure, figcaption, hgroup {
	display: block;
}
:root {
	color-scheme: light;
}
body {	
	height: 100%;
	width: 99%; 
	max-width: 82em; /* 1300px / 16px = 81.25em */
	margin-left: auto;
	margin-right: auto;
	background-color: var(--col-3);
}
header {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start; 
	align-content: flex-start;
}	
a {
	text-decoration: none;
	color: var(--col-6);
}
a:hover	{
	text-decoration: none;
	color: var(--col-6);
	/*font-weight: 500;*/
}
a:visited {
	color: var(--col-7);
}
h1, h2, h3, h4, h5, h6	{
	margin: 0;
	text-align: center;
}
h1	{
	font-size: 1.5em;
}	
h2	{
	font-size: 1.33em;	
}	
h3	{
	font-size: 1.2em;
}		
img:not([alt])	{
	border: 5px dashed #c00;	
}	
table {
	border-collapse: collapse;
	border: 1px solid var(--col-1);
	margin: 1em auto;
	color: var(--col-1);
}
thead {
	background-color: var(--col-1); 
	color: var(--col-2);
}
tbody > tr {  /*:nth-of-type(even)*/ 
	background-color: var(--col-21);
}
tbody > tr:nth-of-type(odd) {
	background-color: var(--col-20);
}
td, 
th {
	text-align: left;
	padding: 0 0.33em;
	height: 2em;
}
thead, 
tbody, 
tfoot	{
	line-height: 1.5em;
}
td {
	border: 1px solid var(--col-1);
}
.logo	{
	border: 1px solid var(--col-1);
	height: 100%;
	max-height: 7em;
	padding: 0;
	margin: 0;
}
.quicklink {
	display: flex;
	flex-flow: row wrap;
	flex: 1 1 0px;
	align-items: center;
	letter-spacing: 0.05em;
	justify-content: space-between;
}
.quicklink a, 
.loginout a {
	text-decoration: none; 
	letter-spacing: 0.6px;
	padding: 0 1.1em;
	border: 2px solid;
	-webkit-border-radius: 1em;
	border-radius: 1em;	
	margin-left: auto;
}
.quicklink_1 {
	display: flex;
	flex: 1;	
	flex-flow: row wrap;		
	align-items: center;
	height: 2.5rem;
	padding-left: 0.3em;
	padding-right: 0.2em;
	color: var(--col-24);
	background-color: var(--col-25);
}
.quicklink_1 a {
	color: var(--col-24);
}
.quicklink_1 a:hover {
	text-decoration: none;
}
.quicklink_1 a:hover,
.quicklink_1 a:focus  {
	color: var(--col-25); 
	background-color: var(--col-24);
	border-color: var(--col-24); 
}
.quicklink_2 {
	display: flex;
	align-items: center;
	flex: 1 100%;
	padding-left: 0.2em;
	height: 2.5rem;
	font-size: 1.3em;
	font-weight: 400;
	color: var(--col-26);
	background-color: var(--col-27);
}
.quicklink_3 {
	display: flex;
	flex: 1 100%;
	align-items: center;
	padding-left: 0.2em;
	font-size: 1.2em;
	height: 2rem;
	color: var(--col-28);	
	background-color: var(--col-29);
}
.clearfix::after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size: 0;
}
input:focus,
textarea:focus {
  outline: none;
}
.home {
	padding: 0 1em 1em 1em;
	flex-basis: auto;  
}	
.home p	{
	text-align: left;
	padding-bottom: 1em;
}
.home h2,
.home h1 {
	margin-bottom: 0.7em;
	text-align: center;
}		
.float_left {
	float: left;
}
.nowrap	{ 
/*	-moz-flex-wrap: nowrap; */
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.wrap	{ 
/*	-moz-flex-wrap: wrap; */
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
figure img 	{
  max-width: 100%;
  height: auto;
}
article	{
 	margin-bottom: 3rem;
 	position: relative;
 	  /* *zoom: 1; */
}
article:before, 
article:after {
	content: "";
  display: table;
}
article::after { 
	clear: both;
}
article figure	{
	float: left;
	width: 32.5%;
	margin-right: 10px;
}
article section	{
	margin-top: 2em;
}
article section:first-of-type {
	float: right;
  width: 62.5%;
}
article section:last-of-type	{
  display: none;
	visibility: hidden;
}
article h2 	{
	margin-bottom: 0.5em;
}
section	{
	-webkit-transition: .125s linear;
	-moz-transition: .125s linear;
	-ms-transition: .125s linear;
	-o-transition: .125s linear;
	transition: .125s linear;
}
section h3 	{
	text-align: left;
	margin-bottom: 0.5em;
}
input[type=checkbox] 	{
  border: 0;
		/* clip: rect(0 0 0 0); */ 
	height: 1.4em;
	width: 1.4em;
	margin-top: -0.7em;   
	overflow: hidden;
	padding: 0;
	position: absolute;
}
[for="read_more"] {
  position: relative; 
	left: 0;
	width: 100%;
	text-align: center;
	padding: 0.65rem;
	font-size: large;
	box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), inset -1px -1px rgba(0, 0, 0, 0.1);
}
[for="read_more"]:hover	{
  background: rgba(255,255,255,.5);
  color: rgb(0, 0, 255); 
  font-weight: 600;
}
[for="read_more"] span:last-of-type	{
  display: none;
  visibility: hidden;
}
input[type=checkbox]:checked ~ section	{
  display: block;
  visibility: visible;
  width: 100%;
}
input[type=checkbox]:checked ~ figure	{ 
	width: 100%;
}
input[type=checkbox]:checked ~ [for="read_more"] span:first-of-type {
  display: none;
  visibility: hidden;
}
input[type=checkbox]:checked ~ [for="read_more"] span:last-of-type	{
  display: block;
  visibility: visible;
}
.colx2	{
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
.photo_container {
	display: flex;
	flex-flow: row wrap;	
}
.photo	{
	padding-top: 1em;
	width: 60%;
}
.photo p {
	color: var(--col-1);
	font-size: 125%;
	text-align: center;
}
.photo img {
	margin-bottom: 1em;
	padding-top: 1em;
	width: 80%;
}
.photo h2	{
	color: var(--col-6);
	font-size: 2.5em;
}
#photos {
  /* Prevent vertical gaps */
  line-height: 0;  
  -webkit-column-count: 5;
  -webkit-column-gap:   0px;
  -moz-column-count:    5;
  -moz-column-gap:      0px;
  column-count:         5;
  column-gap:           0px;  
}
#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}
@media (max-width: 1200px) {
  #photos {
  	-moz-column-count:    4;
		-webkit-column-count: 4;
		column-count:         4;
  }
}
@media (max-width: 1000px) {
  #photos {
  	-moz-column-count:    3;
		-webkit-column-count: 3;
		column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
 	 -moz-column-count:    2;
 	 -webkit-column-count: 2;
 	 column-count:         2;
  }
}
@media (max-width: 400px) {
  #photos {
 	 -moz-column-count:    1;
 	 -webkit-column-count: 1;
 	 column-count:         1;
  }
}
@media screen {	
	.contentwrapper	{
		display: flex; 
		flex-flow: row;
		justify-content: space-between; 
		align-items: stretch; 
		align-content: flex-start;  	
		width: 100%;
		min-height: 75%;
		background-color: var(--col-4);
	}
	.menucolumn	{	
		flex: 0 0 auto; 
		margin: 0 0 1vh 0;
		text-align: left;
		height: 100%;
		font-size: 1.1em;
		border-color: var(--col-3); 
	} 
	.menu	{
		padding: 0.5em 0;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		border: 1px solid var(--col-3);
	}
	.menu hr	{
		margin: 0.3rem 0;
		border: 0;
		border-top: 1px solid var(--col-3);
	}
	.menu a, 
	.menu a:link, 
	.menu a:visited, 
	.menu a:active {
		text-decoration: none;
		padding-left: 0.5em;
	}	
	.menu a:hover,
	.menu a:active {
		border-bottom: 2px solid;
		line-height: 1.2em;
		padding-top: 0.1em;	
	}		
	.contentcolumn {
		display: flex; 
		flex-flow: row wrap;
		flex: 1 1 auto;
		text-align: center;
		align-items: center;
		overflow: auto; 
		height: 100%;
		width: 100%;
		margin-left: 0.5em;
	}
	.contentcolumn hr	{
		border: 1px solid var(--col-1);
	}
	.contentcolumn h1	{
		text-align: center;
	}
	.contentblock	{				
		display: flex;
		flex-flow: row wrap;
		flex: 1 1 auto; 
		justify-content: center;
		align-content: flex-start;
	}
	.contentblock h2	{
		flex: 1 100%;
		margin: 0.5em auto;
		padding-bottom: 0.5em;
		border-bottom: 1px solid;
	}
	.contentblock h2:first-of-type {
		margin-top: 0;
	}			
	.contentblock_box	{
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0.5em;
		color: var(--col-6);
		border-radius: 1em;
		padding: 0.33em 0.66em; 
		border: 1px solid var(--col-22);
		width: 10em;
		height: 5em;
	}	
	.contentblock_box:hover	{
		background-color: var(--col-17);
		border: 2px solid var(--col-3);
	}		
	.contentblock_box a:hover	{
		text-decoration: none;
		color: var(--col-2);
	} 
	.plainblock	{
		display: inline-block;
		vertical-align: top;
		text-align: center;
		color: var(--col-1);
	}
	.navh { 
		padding: 0;
		margin: 0;  
		height: 3.5em;
	}
	.navv { 
		display: none; 
	}
	#menuvm { 
		display: none; 
	}
	.navh ul {
		background: pink; 
		#background: linear-gradient(top, #347235 0%, #254117 100%);  
		#background: -moz-linear-gradient(top, #347235 0%, #254117 100%); 
		#background: -webkit-linear-gradient(top, #347235 0%,#254117 100%); 
		margin: 0;
		padding: 0;	
		list-style: none;
		display: flex; 
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		font-weight: 400;
		color: var(--col-2);
		vertical-align: middle;
	}
	.navh a {
		color: var(--col-2); 
		background-color: orange;
		max-width: 140px;
	}
	.navh li {
		display: table-cell;
		padding: 5px ;
		max-width: 6em; 
	}
	.navh li:focus 	{
		background-color: var(--col-3);
		color: var(--col-9);
	}
	.navh ul:after 	{
		content: "";
		clear: both;
		display: block;
	}
	.navh ul li {
		color: var(--col-1); 
		margin-bottom: 2em;
	}
	.navh ul li:hover {
		background: var(--col-2);
		color: var(--col-1);		
		border: none; 
		border-radius: 10px;
	}
	.navh ul li:focus {
		background: var(--col-5);
		color: var(--col-2); 
	}
	.navh ul li:hover > ul 	{
		display: block;
	}
	.navh ul li a {
		color: var(--col-2);
		display: block;
		text-decoration: none;
	}
	.navh ul ul {
		width: auto;
		display: none;
		background: transparent;
		margin: 0;
		padding: 0;
		position: absolute;
		border:  1px solid transparent; 	
		border-radius: 1em;
	}
	.navh ul ul li:hover {
		background: var(--col-4); 
	}
	.navh ul ul li a {
		padding: 0;
	}	
	.navh ul ul ul {
		width: auto;
		white-space: nowrap;
		left: 100%;
		top: 0;
		padding: 0;
		background: #666666;
		position: absolute;
	}
	.navh ul ul ul:nth-child(1) {
		margin-top: 3em;	
	}
	.navh ul ul li {
		display: block;
		width: auto;
		margin: 0;
		padding: 5px;
		float: none; 
		position: relative;
		z-index: 20000; 
	}
	.navh ul ul a {
		color:silver;
	}
	#menuvm {
		background: var(--col-1);
		color: var(--col-2);
		margin: 0;
		padding: 5px;
		font-weight: bold;
		font-size: large;
	}
	#menuv 	{
		display: none;
	}
	.navv {
		background: var(--col-1);
		color: var(--col-2);
	}
	.navv a {
		text-decoration: none;
	}
	.navv ul {
		color: var(--col-2);
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.navv ul li {
		display: block;
		margin: 0;
		padding: 5px;
		font-weight: bold;
		font-size: large;
	}
	.navv ul li a {
		text-decoration: none;
		color: var(--col-2);
		font-weight: bold;
	}
	.navv ul li ul {
		padding-left: 20px;
	}
	.event {
		margin-left: auto;
		margin-right: auto;
		padding-left: 5px;
		padding-right: 5px;	
	}	
	.event h1	{
		margin: 0.3em 0;
		color: var(--col-9);
	}
	.event p {
		line-height: 200%; 
	}
	.event_eft {
		border: 2px solid var(--col-10);
		padding: 0.5em;
		line-height: normal;
		margin: 1em auto 0;
		 max-width: 50em; 
	}
	.event_eft h3 {
		text-align: center !important;
		color: var(--col-1);
	}
	.event_eft p {	
		padding-bottom: 0;
		line-height: 1.25;
	}
	.event table {
		border: none;
		width: 100%;
		max-width: 800px;
	}
	.event table a:hover {
		text-decoration: underline;
		background-color: inherit;
	} 	
	.event table td,
	.event table th	{
  	border: none;
	}
	.event table td:nth-child(2) {
		text-align: left;
	}
	.event table tr td:nth-child(1)	{
		vertical-align: middle; 
		text-align: right; 
		padding: 0.5em 1em 0.5em 0; 
		line-height: normal; 
		width: 23%; /*8.75em;*/ 
		font-weight: bold;
		font-style: italic;
	}
	.event table tr td:nth-child(2)	{
		vertical-align: middle;
		text-align: left;
		padding: 0.5em 0; 
		line-height: normal;
		width: 73%; /*26.25em;*/ 
		max-width: 585px;
	}		
	.event table h1,
	.event table h2	{
		vertical-align: middle;	
		text-align: left;
		margin-top: 0;
		color: var(--col-6);
	}
	.event table h2,
	.event table h3 {
		border-bottom: none;	
		margin: 0;
		padding: 0;
		text-align: left;
	}
	.event tbody > tr { 
		background-color: inherit; 
	}
	.event_header p	{
		text-align: left;
		line-height: normal;
	}
	.event_footer {
		padding-top: 1.5em;
		
	}
	.event_footer p a:hover {
		text-decoration: underline;
	}
	.register {
		margin: 0.5em auto 1.5em auto;
		max-width: 50%;
		font-size: 1.2em;
		border-radius: 2em;
		color: var(--col-1);
		background-color: var(--col-6);
	}	
	.register a {
		text-decoration: none;
		color: var(--col-2);
	}
	 .register a:hover {
		text-decoration: underline;
	}
	.register a:visited {
		color: var(--col-2);
	}
	/* one version of photos via css grid Jun 2024
		
	.sponsor_container {
	width: 95%;
	margin: 1rem auto; 
	}
	.gallery {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(8, 5vw);
	grid-gap: 1.0rem; 
	}
	.gallery__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block; 
	}
	.gallery__item--1 {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1; 
	grid-row-end: 3; */
	/** Alternative Syntax **/
	/* grid-column: 1 / span 2;  */
	/* grid-row: 1 / span 2; */
	
	/*}
	.gallery__item--2 {
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 3;
	/** Alternative Syntax **/
	/* grid-column: 3 / span 2;  */
	/* grid-row: 1 / span 2; */
	/* }
	.gallery__item--3 {
	grid-column-start: 5;
	grid-column-end: 9;
	grid-row-start: 1;
	grid-row-end: 6;
	/** Alternative Syntax **/
	/* grid-column: 5 / span 4;
	grid-row: 1 / span 5; */
	/* }
	.gallery__item--4 {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 3;
	grid-row-end: 6;
	/** Alternative Syntax **/
	/* grid-column: 1 / span 4;  */
	/* grid-row: 3 / span 3; */
	/*}
	.gallery__item--5 {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 6;
	grid-row-end: 9;
	/** Alternative Syntax **/
	/* grid-column: 1 / span 4; */
	/* grid-row: 6 / span 3; */
	/* }
	.gallery__item--6 {
	grid-column-start: 5;
	grid-column-end: 9;
	grid-row-start: 6;
	grid-row-end: 9;
	/** Alternative Syntax **/
	/* grid-column: 5 / span 4; */
	/* grid-row: 6 / span 3; */
	/* }
	.gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	} */
	/* a different grid system for sponsors Jun 2024 */
	
	.gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    grid-auto-flow: dense;
    gap: 6px;
	}

	zimg {
    width: 100%;
    height: 100%;
    object-fit: cover;
	}

	img.four-grid-cells {
    grid-row: span 2 / auto;
    grid-column: span 2 / auto;
	}

	img.wide-image {
    grid-column: span 2 / auto;
	}	
	img.2x1 {
	grid-column: 1 / span 2;	
	}
	.doubleline {
		line-height: 200%;	
	}	
}
textarea {
	margin: 0.5em 0.1em 0.3em;
	font-size: 1.0em;
	font-family: inherit;
}
.center	{
	text-align: center;
}
.right	{
	text-align: right;
}		
table.print-friendly tr td, 
table.print-friendly tr th	{
 	page-break-inside: avoid;
 }
form.login	{
	background-color: var(--col-17); 
	margin-left: auto;
	margin-right: auto;				
	border: 1px solid var(--col-3);
	border-radius: 0.5em;	
	line-height: 1.2em;
	max-width: 20em;
}
form.login p	{
	text-align: center;
	padding: 0.5em 2% 0 2%;
	font-size: 90%;
	line-height: 1.3;
}
.login_input	{
	display: inline-block;
	width: 90%;
	height: 1.8em;
	color: var(--col-11);  
	background-color: var(--col-12); 
	padding: 0.3em 5px;
	margin: 3px 0;
	font-size: 100%; /* 1.2em */
	font-weight: 300;
	text-align: left;
	text-indent: 0;
	border-radius: 0.5em;	
	letter-spacing: 0.3px;	
}
.login_input:focus	{
	border: 1px solid ;
}
.login_input:last-of-type {
	padding-bottom: 1em;
}	
.login_label	{
	display: block;
	margin-top: 1em;
	letter-spacing: 0.5px;
	text-align: left;
	padding-left: 5%;
	font-size: 90%;
}
.login_button	{	
	display: inline-block;
	/*font-size: 1.1em;*/
	margin: 1em;
	padding: 0.3em;
	text-align: center;
	font-weight: 500;
	letter-spacing: 1.2px;
	border-radius: 1em;
	border: 1px solid;
	text-shadow: 0 2px 4px rgba(0,0,0,0.22);  
	box-shadow: 1px 2px 3px 0 rgba(0,0,0,0.2);
	-webkit-font-smoothing: antialiased;
	cursor: auto;
	width: 35%;
}
.login_button_yes {	
	color: var(--col-9); 
	background-color: var(--col-2); 
	border-color: var(--col-9); 
}
.login_button_yes:hover {
	color: var(--col-2);
	background-color: var(--col-9); 
	border-color: var(--col-2);
}	
.login_button_yes:active {
	color: var(--col-2);
	background-color: var(--col-19);
}
.login_button_yes:focus {
	color: var(--col-2);
	background-color: var(--col-19);
	border-color: var(--col-1);
}
.login_button_no {	
	color: var(--col-10);
	background-color: var(--col-2); 
	border-color: var(--col-10);
}
.login_button_no:active {
	color: var(--col-2);
	background-color: var(--col-10);
}
.login_button_no:hover {
	color: var(--col-2);
	background-color: var(--col-10); 
	border-color: var(--col-2);
}
.login_button_no:focus {
	color: var(--col-2);
	background-color: var(--col-10);
	border-color: var(--col-1);
}
/*#submit	{
	font-weight: 400;
	padding: 0.3em 2em;
	border: 1px solid;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	color: inherit;
}*/
select {
	margin: 0.1em 0.3em 0.1em 0;
	font-size: 1em;
}
input	{
	margin: 0.1em 0.3em;
	font-size: 0.9em;
}		
.upper	{
	text-transform: uppercase;
}
.lower	{
	text-transform: lowercase;
}
.capitalise	{
	text-transform: capitalize;
}
.bold	{
	font-weight: bold;
}
.italic	{
	font-style: italic;
}
.underline {
	text-decoration:underline;
}
.CapRedBlackM5	{
	margin: 0.5em 0 0.5em 0.2em !important;
	text-transform: capitalize;
	color: var(--col-10);
	background-color: var(--col-1);
}
.CapWhiteBlackM5	{
	margin: 0.5em 0 0.5em 0.2em !important;
	text-transform: capitalize;
	color: var(--col-2);
	background-color: var(--col-1);
}
.contact_us	{
	text-align: center;
	width: 22em;  
	margin: 0.5em; 
	padding: 0.5em; 
	background-color: var(--col-17); 
	border: 1px solid var(--col-22);
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}
.contact_us a	{
	text-decoration: none;
}
.contact_us td	{
	height: 1em;
	text-align: left;
	width: 7.5em;
}
.contact_us h2	{
	padding-bottom: 0.5em;
	border-bottom: none;
}
.contact_us h3	{
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
.contact_us p	{
	line-height: 130%;
}
.contact_us table	{
	margin: 0.5em auto;
	border: none;
	border-collapse: collapse;
}
.contact_us table td, 
.contact_us table th	{
  border: none;
}
.contact_us table td:nth-child(1) {
	width: 10em;
	text-align: right;
} 
.contact_us table td:nth-child(2)	{
	width: 10em;
}
.contact_us table tbody > tr {
	background-color: inherit;
}
.interstate {
	margin-left: 1.5em;
	margin-right: 1.5em;
	background-color: var(--col-4);
}	
.interstate table {
	border: none;
	margin-bottom: 2em;
	width: 28.75em;
	max-width: 28.75em;
}
.interstate thead	{
	margin-bottom: 0.4em;
	font-weight: 500;
}
.interstate tfoot {
	margin-top: 3em;
}
.interstate td, 
.interstate th	{
	border: none;
}
.interstate tbody > tr {
	background-color: var(--co1-4);
}
.interstate tbody > tr:nth-of-type(odd) {
	background-color: var(--col-17); 
} 
.interstate h2 {
	border-bottom: none;
	color: var(--col-6);
}
.trophy_container	{
	position: relative;
	width: 100%;
	height: 100%;
}
.trophy	{
	float: left;
	width:  60%;
	height: auto;
}
.trophy_container h2,
.trophy_container h3 a	{
	text-align: center;
}
.trophy_container h3	{
	margin-bottom: 1em;
	margin-top: 0;
	text-align: left;
}
.trophy_img	{
	margin: 1em 1em 1em 0;
	float: left;
	width: 18%;
	height: auto;
	max-width: 16em;
	max-height: 22em;
}
.survey	{
	margin: 2em auto;
	background-color: var(--col-4);
	color: var(--col-6);
}
.survey img	{
	margin-top: 0;
	margin-bottom: -0.2em;
}
.EventConfirmation {
	width: 70%;
	height: 70%;
	margin: 1em auto;
	text-align: left;
	font-size: 1.2em;
}	
.EventConfirmation p, 
.EventConfirmation li	{
	margin: 1em;
}
.EventConfirmation span	{
	color: var(--col-6); 
}
footer {
		color: var(--col-2);
		background-color: var(--col-3);
		border-color: var(--col-15);
}
		
/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 600px),
				only screen and (min--moz-device-pixel-ratio: 1.5) and (max-device-width: 600px),
				only screen and (min-device-pixel-ratio: 1.5) and (max-device-width: 600px)*/
				
/*@media screen and (max-device-width: 600px)	*/
		
@media all and (max-width: 600px)	{
	body {
		width: 100%;
	}
	.contentwrapper	{
		flex-flow: row wrap;
		margin-top: 0;
	}
	.contentcolumn	{
		padding: 0;
		order: -2;
		border: none;
		margin-left: 0;
	}
	.contentmenudirections	{
		width: 100vw;
		background: var(--col-31);
		color: var(--col-30);
		padding: 0.25rem 0;
		margin-bottom: 0.25rem;
		font-size: 1.25rem;
		text-decoration: underline;
	}
	/*.contentmenudirections a,
	.contentmenudirections a:visited,
	.contentmenudirections a:hover	{
		color: var(--col-2);
		background: var(--col-6);
		text-decoration: none;
	} */
	.contentblock	{
		width: 96%;
	}
	.contentblock_box	{
		height: 4.5em;
		align-content: center;
	}
	.menucolumn	{
		width: 100%;
		background-color: var(--col-18);
		padding: 0 0.4em 0 0.4em; 		
		border: none;				
		margin: 1em 0 0; 	
		order: -1;
	}
	.menu {
		text-align: left;
		font-size: 1.5em;
		padding: 0.3rem 0;
		border: none;
		color: var(--col-14);
	}
	.menu hr	{
		margin: 0;
		border: none;
		color: var(--col-3);
	}
	.menu a, 
	.menu a:link, 
	.menu a:visited, 
	.menu a:active	{
		margin: 0;
		padding: 0;
		text-align: left;
		text-decoration: none; 
		padding: 0.1em 0.5em 0.1em 0;
	}
	.menu a:link {
		color: var(--col-14);
	}
	.menu a:visited {
		color: var(--col-7);
	}
	.menu a:hover,
	.menu a:active {
		color: var(--col-3);
	}
	.menugroup	{
		text-align: left;
	}		
	form.login	{
		max-width: 75vw; 
		border: 1px solid var(--col-3);
	}	
	form.login p	{
		padding: 1vh 1vw 0 1vw;
		/*line-height: 4vh;*/
		/*font-size: 110%;*/
	}
	label	{
		letter-spacing: 0.3px;
	}
	.login_label 	{
		display:none;
	}		
	.login_input	{
		margin: 0.7em 0.35em 0.5em;
		font-weight: 500;
		letter-spacing: 0.2vw;	
	}
	.login_button	{
		margin-top: 2vh;
	}
	h1	{
		text-align:center;
	}
	.logo	{
		margin: 0;
	}
	.quicklink_1	{
		font-size: 1.1em;
	}
	.quicklink_2	{
		padding-left: 0.3em;
	}	
	.quicklink_3	{
		flex: 1 100%;
		letter-spacing: 0.01rem;
		padding-left: 0.5em;
		margin: auto;
		font-size: 1.1em;
	}	
	.quicklink a {
		display: block;
		text-decoration: none; 
		letter-spacing: 0.6px;
		text-transform: uppercase;
		align-content: flex-start;
	}
	footer {
		margin-bottom: 1em;
		text-align: center;
		letter-spacing: 0.04em;
		padding: 0.6em 0;
		width: 100%;
	}
	.footer_2	{
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	.footer_2_1	{
		flex: 1 100%;
		padding: 0.15em 0;
	}
	.blog_container	{
		margin-left: auto;
		margin-right: auto;
	}
	.blog	{		
		width: 96%;
		font-size: 0.85rem;
		margin-left: auto;
		margin-right: auto;
	}
	.blog p	{
		line-height: 120%;
	}
	.blog a	{
		text-decoration: none; 
		border-radius: 15px;
		border: 1px solid var(--col-6);
		margin: 1rem 0.5rem;
		padding: 0.3rem 1rem;
	}	
	.EventConfirmation	{
		width: 80%;
		height: 90%;
	}
	h1.header, 
	h2.header	{	
		display: none; 
	}
	.loginout	{
		color: var(--col-6);
		font-size: 80%;
		font-weight: 400; 
		text-align: center;
		padding: 2px 4px;
		-webkit-border-radius:1em;
		border-radius: 1em;
		margin-left: auto;
	}
	table	{
		margin: 0 auto;
		width: 97%;
	}	
	.event, 
	.EventConditions	{
		max-width: 36em; /*37.5em; /*600px/16*/
	}
	.event_header p	{
		text-align: left;
		line-height: normal;
	}
	.event table tr td:nth-child(1)  	{
		width: 6em; 
	}
	.event table tr td:nth-child(2)  	{
	}
	.event_eft	{
		padding: 0.2em;
		/* max-width: 70%; /* 98% */
	}
	.event p	{
		padding-bottom: 0.5em;
	}
}

/* Move the menu to the left, except for small screens where it is below the content */

@media all and (min-width: 601px) {
	.contentwrapper {
		margin-top: 0;
		padding: 0.625em 0.625em 0 0.625em;
	}
	.contentmenudirections	{
		display: none;
	}
	.menucolumn	{
		width: 13.125em;
		max-width: 13.125em;
	}
	.menugroup	{
		padding-left: 10px;
		padding-bottom: 5px;
	}
	.navh {
		padding-left: 0; 
		padding-bottom: 0;
		font-size: 100%; 
	}
	.contentcolumn {
		margin-right: auto;
		margin-bottom: 1em;	
	}
	footer	{
		text-align: center;
		padding: 0.3em 0;
		width: 100%;
		letter-spacing: 0.08em;
		font-size: 0.875em;
	}
	footer span	{
		margin-left: 0.5em; 
		margin-right: 0.5em; 
	}
	footer p	{
		margin-bottom: 0.2em;
		margin-top: 0.2em;
	}
	.footer_2 {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		align-content: center;
		justify-content: center;
	}
	.footer_2_1	{
		 margin: 5px 0.5rem;
	}	
	.loginout	{
		font-weight: 400;
		text-align: center;
		-webkit-border-radius: 3vw;
		border-radius: 3vw;
	}
	.blog	{	 
		height: 8rem;
	}
	.blog:nth-of-type(1),
	.blog:nth-of-type(2),
	.blog:nth-of-type(3) {
		margin-left: 0;
		margin-right: 0.25rem;
	}
	.blog:nth-of-type(4)	{
		margin-left: 0;
		margin-right: 0;
	}
}
@page {
	size: A4; /* portrait;*/
	margin: 10%; /*1.5cm;*/
}
@media print {
	.menucolumn, #menu, .menu,  #topsection, header, .quicklink, footer, #footer, .navh, .navv, #menuvm  {
		display: none;
	}
	body {
		font: 12pt Georgia, "Times New Roman", Times, serif;
		line-height: 1.3;
		width: 100%;
		margin: 0;
		padding: 0;
		float: none !important;
		color: var(--col-1); 
		background-color: var(--col-2); 
	}
	.contentblock, 
	.contentwrapper, 
	.contentcolumn	{
		margin: 0;
	}
	.event	{
		padding-left: 0;
		margin-left: 0;
		margin-right: 0;
		text-align: left;
	}
	.event_header {
		color: var(--col-1); 
	}
	.event_header h1 {
		font-size: 20pt;
		margin-top: 1em;
		color: var(--col-1); 
	}
	.event_header p, 
	.event p {
		font-size: 10pt;
		text-align: left;
		line-height: normal;
		margin-bottom: 1em;
	}
	.event_eft	{
		border: 1px solid var(--col-1); 
		padding: 0.5em;
		text-align: center;
		margin: 0;
		max-width: 96%; /*560px;*/
		font-size: 12pt;
		color: var(--col-1); 
	}
	.event_footer p	{
		padding-top: 1.5em;
		padding-bottom: 0;
		padding-left: 0;
		text-align: left;
		font-size: 10pt;
		}
	.event table {
		text-align: left;
		margin-left: 0;
		margin-top: 1.0em;
		margin-bottom: 1em;
		padding-left: 0;
	}
	.event table tr td:nth-child(1)  /* Column 1 */	{
		vertical-align: middle; 
		text-align: right; 
		padding: 0;
		line-height:  normal;
		font-size: 0.75em; 
		width: 8.75em; 
	}
	.event table tr td:nth-child(2)  /* Column 2 */	{
		vertical-align: middle;
		text-align: left;
		padding: 0;
		font-size: 12pt;
	}
	.event table h1, 
	.event table h2, 
	.event table h3, 
	.event p, 
	.event	{
		font-size: 0.75em; 
	}
	.event table h2	{
		border-bottom: none;
	}	
	tbody	{
		width: 700px;
	}
	.upper h2, 
	.capitalise h2	{
		font-size: 18pt;
		color: var(--col-1);
	}
	.upper h3, 
	.capitalise h3	{
		font-size: 14pt;
		color: var(--col-1);
	}
}