body {
	font-family: helvetica, sans-serif;
}

div.mainmenu {
	background: darkblue;

	border-bottom-style: solid;
	border-bottom-color: white;
	border-bottom-width: 0px;
}

table.menuspacer {
	/*
	If this value is changed so will a value in the JavaScript
	The colour the cell goes when hover'd is also set in the javascript.
	*/

	width: 100%;

	font-family: verdana, ariel, serif;
	font-weight: bold;
	font-size: 10pt;
	color: white;

	border-top-style: solid;
	border-top-color: white;
	border-top-width: thin;
	
}

table.menuspacer TD {
	text-align: center;
}

table.layout {
/*	border: 1px solid black;*/
	width: 100%;
	height: 100%;
}

table.layout td {
/*	border: 1px solid black;*/
}

table.header {
	width: 100%;
/*	border: 1px solid black;*/
}

td.mainpage {
	border: 1px solid black;
	background-color: #FFFFCC; 
	color: #663300;
	width: 60%;
	height: 80%;
}

p.counter {
	position: fixed;
	top: 0em;
	text-align: right;
	
}

p.title {
	text-align: center;
	font-size: 12pt;
	font-weight: bolder;
}


p.sig {
	text-align: center;
	margin-bottom: 0em;
	padding-bottom: 0em;
}

p.narative {
	margin-left: 5%;
	margin-right: 5%;
	text-align: justify;
	font-family: verdana, ariel, serif;
	font-size: 10pt;

}

body.site {
	background-color: #FFD988;
	color: black;
}

div.hidden {
	visibility: hidden;
}