html, body	{
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-family: Verdana, arial, sans-serif;
	height: 100%;
	overflow: auto;
	}
	
.org	{background-color: white;}

.wrapper {
	width: 100%;
	float: left;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.col    {
	/*float: left;*/
	padding: 5px;
	padding-bottom: 8px;
	margin-right: 5px;
	font-size: 90%;
	margin-bottom: 5px;
	}

	
.banner {
	width: 100%;
	height: 275px; 
	position: relative;
	font-family: "trebuchet MS", arial, sans-serif;
        font-weight: bold;
        font-size: 500%;
		text-align: bottom; 
	/*	text-shadow: 6px 4px #cccccc;*/
	padding: 0;
	margin: 0;
	border: 0;
	padding-left: 5px;
	background: url(../banner-bg.jpg) left no-repeat;
	background-size: cover;
	border-bottom: 10px solid gold;
}
	
.spacer	{
	float: left;
	padding: 5px;
	padding-bottom: 8px;
	margin: 0;
	margin-right: 5px;
}
	
.topright {
	position: absolute;
	top: 3%;
	right: 3%;
}

.whitebox {
	position: relative; 
	left: 3%; 
	width: 90%; 
	background: white; 
	border-style: solid; 
	border-width: 5px; 
	border-color: white; 
	padding: 2px;
	/*font-size: 50%;*/
}
	
.col1span {
	width: 10%;
}

.col-half {
	width: 5%;
}

.col-half- {
	width: 5%;
}

.col2span {
	width: 25%;
}
	
.sidebar 
{
	background: url(../images/leafy-bg.png); 
	background-size: 100%;
	background-repeat: repeat-y;
	clear: both;
/*			height: 100vh; */
}

.col3span {
	width: 35%;
}

.col4span {
	width: 50%;
	background: #ccddcc;
/*	height: 100vh; */
}

.col5span {
	width: 60%;
}

.col6span {
	width: 70%;
}

.col7span {
	width: 85%;
}

.col8span {
	width: 95%;
}

.left-m {
	padding: 0 2em 0 2em;
	display: block;
	text-decoration: none;
}
	
.menu {text-decoration: none;
	font-size: 10pt;
	background: rgba(100,100,100,0.4);
	/*text-shadow: 1px 1px black;*/
}

.whiteshadow {text-shadow: 1px 1px white;}
	
.no-right-margin {
	margin-right: 0px;
	float: right;
}
	
.anim {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-name: slidein;
	animation-name: slidein;
}

@keyframes slidein {
	from {
		margin-left: 100%;
		width: 300%;
	}
	to {
		margin-left: 0%;
		width: 100%;
	}
}

.thick-border {border: 20px solid red;}

.base	{background: #ddeedd;
	border: 2px dashed blue;
}

.morph 	{
	text-align: center;
	padding-top: 5px;
}
	
p {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	font-family: 'Gothic A1';
	margin-bottom: 14px;
	vertical-align: baseline;
	margin-left: 10%;
	margin-right: 10%;
}

img {
	max-width: 95%;
	height: auto;
}

.img-vert {
	width: 50%; 
	margin-top: 28px; 
	margin-bottom: 28px; 
	margin-left: 28px;
/*	margin-right: 5%; */
	z-index: 1; 
	float: right;
}

.img-horiz {
	width: 100%; 
	margin-top: 28px;
	margin-bottom: 28px; 
	float: left;
	margin-left: 5%;
	margin-right: 10%;
	z-index: 1;
}	

.fig { float: left;
	width: 100%;
	font-size: 1em;
	font-style: italic; 
	padding: 5px;
	line-height: 1.5em;
}

.blockq 
	{ padding: 2em;
	font-family: "trebuchet ms", arial, sans-serif;
	text-align: justify;
	line-height: 1.2;
	font-size: 1em;
	max-width:700px;
	margin-left: 2em;
	margin-right: 4em;
}
	
.indent	
	{
	margin-left: 4em;
	font-style: italic;
}
	
.hanging
	{
	margin-left: 2em;
	text-indent: -2em;
	width: 90%;
}
	
.vanilla
	{font-style: normal;}
	
.survey
	{
	width: 98%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	margin-bottom: 2em;
	border-color: #000000; 
	padding: 2px;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
	border: solid black;
	border-width: 7px 0px 7px 0px;
	table-layout: fixed;
}
	
.data {
	width: 98%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 90%;
	margin-bottom: 2em;
	border-collapse: collapse;
	border-spacing: 1px 0;
}

table.data thead tr	
	{ background-color: #ddddff; }
	
table.data thead tr.udda {background-color: #dddddd; }

table.data tr {background-color: #ffffff; }
	
table.data tr.udda {background-color: #ddffdd; }
	
table.survey td.tada {background-color: #eeffff; }
	
.emph	{font-style: italic; }

.bolden	{font-weight: bold; }

.pps 	{
	text-decoration:none;
	font-size: .85em;
	font-weight:bold;
	color:black;
	background-color: #cccccc;
}

a.sdfootnotesym,
a.sdfootnoteanc
	{ 
	line-height: 1em; 
	font-size: 90%;
	font-weight: bold;
	vertical-align: top;
	text-decoration: none;
}

a:link {color: #000000; }
a:visited {color: #0000aa; }
a:hover {color: green; background-color: gold;
	box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); }
a:active {color: #aa0000; }

/*plain anchor style*/
a.plain {text-decoration: none}
a.plain:link {color: #000000;}
a.plain:visited {color: #000000;}
a.plain:hover {color: #000000; background-color: white;}
a.plain:active {color: green;}

a.left-m:link {color:green; background-color: #dddddd;}
a.left-m:visited {color:green; }
a.left-m:hover {font-weight: 900; background-color: gold; }
a.left-m:focus {background: blue }

a.pps:link {color:black; }
a.pps:visited {color:black; }
a.pps:hover {color:#dddddd; }
a.pps:focus {color:#00cc00; }

button:after {content: " >>>"; }

button:hover,
button:focus {
  outline   : none;
  background: #000;
  color   : #FFF;}

input:hover {background: #dddddd; }
input:focus {background: gold; }

textarea {background: #cccccc; border-color: #000000; }
textarea:hover {background: #dddddd; }
textarea:focus {background: gold; }


.endnote
	{margin-left: 4em;
	margin-bottom: 2em;
}

h1	{	font-family: Trebuchet, Verdana, Arial, sans-serif;
		font-size: 2.4em; 
		color: #000000;
		text-shadow: 3px 2px 5px #ffffff;
		margin-left: 10%;
		margin-right: 10%;
	}
	
h2	{	font-family: Verdana, Arial, sans-serif;
		font-size: 1.8em;
		margin-left: 10%;
		margin-right: 10%;
	}
	
h3	{	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
		font-size: 1.5em;
		margin-left: 10%;
		margin-right: 10%;
	}
	
h4	{	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
		font-size: 1.25em; 
		margin-left: 10%;
		margin-right: 10%;
	}
	
h6	{	font-family: Cambria, Times, serif;
		font-size: 0.8em; 
		margin-top: 0;	
		margin-left: 10%;
		margin-right: 10%;
	}

h3 + h3 {margin-top: 0.25em;
		 padding-top: 0;
	 	}

hr	{
	color: black;
	 background-color: black;
	 height: 1px;
	 border: 1px;
	 width: 85%;
	 margin-bottom: 1em;
 }

p.td {padding: 0.5em;}

ul, ol, dl {
	padding: 5px; 
}
	
li	{margin-bottom: 1em;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	font-family: georgia, Cambria, Times, serif;
	margin-bottom: 14px;
	vertical-align: baseline;
	margin-left: 15%;
	margin-right: 10%;
}

.project-l 
	{
		font-family: Tahoma, Arial, sans-serif;
		font-size: 100%;
		line-height: 1;
		
	}

.stretch 
	{
		letter-spacing: 6px;
		font-size: 100%;
		line-height: 1.5;
	}

#list3	{
	font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: 1.8em; font-weight: bold;
	}
#list3 div {
	font-size: .9em; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0 0 1em 1em;
}

/* list 3 styles */
ol#list3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: bold;
	color: #000;
}

ol#list3 div {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 60%;
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 0 0 1em 1em;
}

tr	{vertical-align: top; }

dt	{font-weight: bolder; }

dd	{margin-bottom: 1em; }

.rt {text-align: right; }

.abbr, acronym, dfn {cursor: help; border-bottom: dashed lime 1px; }

.topborder {border-top: 1px solid; }

.leftborder {border-left: 1px solid; }

.bottomborder {border-bottom: 1px solid; }

.rightborder {border-right: 1px solid; }

p.boldfont {
	font: bold 12px #00ff00 Trebuchet, Arial, sans-serif; 
	text-shadow: 1px 1px black;
}

.centralise {text-align: center;}

.alpha	{list-style-type: lower-alpha; }

p.smalltext {font-size: 85%; }

.transparent
	{
	/* for IE */
	filter: alpha(opacity=60);
	/* CSS3 standard */
	opacity: 0.6;
	/* for Mozilla */
	-moz-opacity: 0.6;
}
.gothic-font { font-family: 'Gothic A1', sans-serif; }
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Gothic A1';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gothic-a1-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}