@font-face {
	font-family: 'TempusSans';
	src: url('fonts/TEMPUSS0.eot');
	src: local('☺'), url('fonts/TempsITC.TTF') format('truetype') }
body	{
	color: Black;
	font-family: "Tempus Sans ITC", TempusSans, Arial, verdana, "trebuchet MS", helvetica, sans-serif;
	background: #f90 url('images/watermark.gif') repeat-y fixed 0 0 }
p 	{font-size: 120% }
footer	{
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto }
header	{display: block }
.splash	{display: block;
	background-color:yellow;
	padding:1em;
	border-radius: 1em;
	font-family: verdana, "trebuchet MS", helvetica, sans-serif;
        font-size: 10pt; font-weight: bold; color:red }
header h1{
	font-size: 300%;
	text-align: center;
	margin-left: auto;
	margin-right: auto }
.contact{
	font-family: sans-serif;
	font-size: xx-small;
	font-weight: lighter;
	color: Gray }
.margins{
	position:relative;
	margin-left:15%; 
	margin-right:20%;
	min-width: 200px }
table	{border-collapse:collapse }
table, td, th {
	border:solid 1px ;
	padding:3px }
td	{font-weight: bold }
table tr:nth-child(even) { background-color: rgba(224,128,0,0.5) }
img	{
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	border-radius:5px }
img.half{max-width: 49% }
.centred {text-align: center }
img.centred, table.centred {
	margin-left: auto;
	margin-right: auto }
A:link, A:visited {
	color: #35f;
	text-decoration: none }
A:hover {
	color: Black;
	text-decoration: underline }
li	{list-style-position: inside }
.left	{
	float: left;
	position: relative;
	margin: 0 1em 1em 0 }
.right	{
	float: right;
	position: relative;
	margin: 0 1em 1em 0 }
.twocolumn {
	-webkit-columns: 200px 2;
	   -moz-columns: 200px 2;
	        columns: 200px 2 }
.buttons { float: left }
.wrap	{max-width: 49%; float: left; clear: left; margin: 2em 2em 0 0 }
.wide	{
	position:relative;
	margin-left:10%; 
	margin-right:5%;
	min-width: 120px }
ul	{list-style: none outside url('images/witchmen.gif') }
.quote	{font-family: verdana, "trebuchet MS", helvetica, sans-serif;
        font-size: 8pt }
.smallquote {
	font-family: verdana, "trebuchet MS", helvetica, sans-serif;
        font-size: 7pt }
.red	{color: Red }
.faint	{
	font-family: sans-serif;
	font-size: xx-small;
	font-weight: lighter;
	color: Gray }
sub, sup { font-size: 0.75em;
	line-height: 0;
	position: relative;
	vertical-align: baseline }
sup	{ top: -0.5em }
sub	{bottom: -0.25em }
#map	{width: 700px;
        height: 700px }
nav {position: absolute; top: 50px; right: 20px; width: 105px }
nav a {display: block; font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, "sans serif"; text-decoration: none; color: #35f }
nav a:hover {
	color: Black;
	text-decoration: underline;
	background: #f90 }
nav a span {display: none }
nav a:hover span {
	display: block;
	position: absolute;
	top: 200px;
	right: 0px;
	width: 110px;
	color: Black;
	background: #f90;
	border-radius: 6px;
	border: 1px solid Black;
	font: 8pt Verdana, sans-serif;
	text-decoration: none }
.topright {
	position:absolute;
	right:0;
	top:0;
	border:5px }
p.dropcap::first-letter {
	float:left;
	font-size:250%;
	line-height:80% }
td p	{color: #35f }
td p:hover {
	color: Black;
	text-decoration: underline }