/* default styles applied to standard html tags */
		body {
			background: #18320C;
			padding: 0;
			margin: 20px 20px 0px 20px;
			font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
		
		h1, h2, h3, h4 {
			margin: 15px 10px 5px 15px;
			padding: 0px;
			font-family: Georgia, 'Times New Roman', Times, serif;
			color: #224;
		}
		
		h1 {
			font-size: 4.0em;
			text-align: center;
		}
		
		h2 {
			font-size: 1.6em;
		}
		
		h3 {
			font-size: 1.4em;
		}
		
		h4 {
			margin: 30px 20px 30px 15px;
			font-size: 1.0em;
		}
		
		p {
			margin: 0 0 0 15px;
			font-family: Georgia, 'Times New Roman', Times, serif;
			font-size: 1.0em;
		}
	
/* style class which may be applied to any html tag */
		.centered {
			display: block;
			margin-left: auto;
			margin-right: auto
		}	
		
		.inline {
			display: inline;
		}
			
		.emphasise {
			margin: 0 0 0 15px;
			font-family: Georgia, 'Times New Roman', Times, serif;
			color: red;
			font-size: 1.2em;
		}	
/* style classes which may be applied to any <div> tag */
		div.left {
			float: left;
			text-align: left;
		}	
	
		div.right {
			float: right;
			text-align: right;
		}
			
		div.spacer {
			clear: both;
			}

/* style classes for use in the masthead */
		#masthead {
			font-family : serif;
			font-weight: bold;
			font-size : 30pt;
			color: #FFDD99
		}	
	
		#mhleft {
			padding-top: 20px;
			float: left;
			text-align: left;
			width: 80%;
		}	
	
		#mhright {
			float: right;
			text-align: right;
			width: 20%;
		}
			
/* style classes for use in the tabs */
		#tabs {
			width: 100%;
		}
	
		#tabs ul {
			margin: 0;
			padding: 0;
		}
	
		#tabs li  {
			display: inline;
			list-style: none;
		}

		#tabs ul a,#tabs ul span,#tabs ul a.current {
			width: 12%;
			display: block;
			float: left;
			padding: 2px;
			margin: 1px 2px 0 0;
			text-align: center;
			font-size: 75%;
			font-weight: bold;
			text-decoration: none;
			color: #18320C;
		}
		
		#tabs ul span {
			border: 1px solid #18320C;
			border-bottom: none;
			background: #FFF3B3;
			padding-bottom: 6px;
			margin-top: 0;
		}
		
		#tabs ul a {
			background: #FFFAE1;
			border: 1px solid #AAA;
			border-bottom: none;
		}
		
		#tabs ul a:hover {
			margin-top: 0;
			border-color: #18320C;
			background: #FFF7CD;
			padding-bottom: 5px;
		}

/* style class for the main section */
		#main {
			width: 100%;
			background: #FFF3B3;
			border: 1px solid #18320C;
			border-top: none;
		}
	
/* style class for the content of the main section */
		#contents {
			padding: 20px;
		}
/* style classes for the content of the front page */
		#frontpagebox {
			display: none;
			text-align:center;
/*			width:70%;*/
			border:5px solid red;
		}
 
		#frontpagepics {
			text-align:center;
/*			width:90%;*/
		}
 
/* BROWSER HACK for IE see http://css-discuss.incutio.com/?page=BoxModelHack */
* html #contents {		
			width: 100%;
		}
				
/* style classes for use in the members' login */

		.logintext {
			font-family : serif;
			font-weight: bold;
			font-size : 20pt;
			padding: 20px;
		}
			
		.loginbutton {
			font-family : serif;
			font-weight: bold;
			font-size : 20pt;
			margin: 20px 0px 0px 40px;
		}	
	
/* style classes for use in the grid display */
		.tableContainer {
			margin: 0;
			width: 100%; 
			height: 60%; 
			border-style: solid; 
			border-color: black; 
			border-width: 2; 
			overflow: auto; 
			background-color: transparent
		}
		
* html .tableContainer {		
			height: 450px;
		}
		
		.tableTitle {
			margin: 0; 
			text-align: center; 
			font-weight: bold; 
			font-size : 16pt;
		}
		
		.tableBold {
			background-color: transparent; 
			font-weight: bold; 
			font-size: 10pt;
		}
		
		.table {
			background-color: transparent; 
			font-size: 10pt;
		}
		
		.tableRow {
			background-color: transparent; 
			cursor:pointer;
		}
		
		.selectedTableRow {
			background-color: yellow;
		}
		
		.tableElement {
			border-style: solid; 
			border-color: black; border-width: 1
		}
		
		.detailTable {
			width: 100%; 
			margin: 0;
			font-size: 0.8em;
		}
		
		.detailLabel {
			width: 20%; 
			font-weight: bold; 
			font-size: 10pt;
		}
		
		.detailElement {
			width: 40%; 
			margin: 0;
			font-size: 10pt;
		}
		
		.detailHelp {
			width: 40%; 
			margin: 0;
			font-size: 10pt;
		}
		
		.buttonContainer {
			margin: 0;
		}
		
		.buttonTable {
			width: 100%; 
			margin: 0;
		}
		
		.buttonElement {
			margin: 0;
			border-style: outset; 
			border-color: black; 
			border-width: 3; 
			text-align: center; 
			font-weight: bold; 
			font-size: 10pt; 
			cursor:pointer; 
			background-color: #98aac0
		}
		
		.buttonElementClicked {
			margin: 0;
			border-style: inset; 
			border-color: black; 
			border-width: 3; text-align: center; 
			font-weight: bold; 
			font-size: 10pt; 
			cursor:pointer; 
			background-color: #98aac0
		}
		
		.detailTitle {
			text-align: center; 
			font-weight: bold; 
			font-size : 14pt
		}
		
		.hidden {
			display: none
		}
		
		.formContainer {
			margin: 0;
		}