font.help { font-size: 70%; 
	color:gray;
	align:justified;
}

font.bighelp { font-size: 9pt; 
	color:black;
	align:justified;
	font-family:arial;
}

font.helpblack { font-size: 9pt; 
	color:black;
	font-family:arial;
}

font.smallblack { font-size: 8pt; 
	color:black;
	font-family:arial;
}

font.helpblue { font-size: 11pt; 
	color:blue;
}

font.helpred { font-size: 11pt; 
	color:red;
	text-decoration:none;
}

font.helpwhite {font-size: 11pt; 
	color:white;
	font-weight:bold;
	font-family:arial;
	text-decoration:none;


}

font.butwhite {font-size: 12pt;
	font-family:verdana;
	font-weight:bold;
	color:white;
	text-decoration:none;


}


font.textblack { font-size: 14pt; font-family:helvetica;
	color:black;
	text-decoration:none;
}

font.textblacker { font-size: 18pt; font-family:helvetica;
	color:black;
	text-decoration:none;
}

font.f1 { font-size: 14pt;
		font-face:arial;
	color:black;
}

font.header {font-family:helvetica; font-size:24pt; color:black; text-indent :150px}

font.tiny { font-size:40%; color:white;}


font.tinyplus { font-size:65%; color:black}


button.cc { font-family:arial; font-size:10pt; background-color:e0e0e0; color:blue; height:35; width:200px; border:ridge 2px #86a3e3;}

button.cc60 { font-family:arial; font-size:10pt; background-color:e0e0e0; color:blue; height:35; width:130px; border:ridge 2px #86a3e3;}

button.cc40 { font-family:arial; font-size:10pt; background-color:e0e0e0; color:blue; height:35; width:70px; border:ridge 2px #86a3e3;}



button.del { font-family:arial; font-size:10pt; background-color:white; color:red; height:25; width:auto;border:outset}


button.red {background-color:red; font-family:arial; color:white; font-weight:bold; height:35; width:150;border:outset}

button.controlpanel {background-color:lightsteelblue;  font-family:arial; color:black; font-weight:bold; height:35; width:150;border:outset; border-width:thick;}

button.controlpanelsmall {background-color:lightsteelblue;  font-family:arial; color:black; font-weight:bold; height:35; width:75;border:outset; border-width:thick;}

button.cp { background-color:white; font-family:arial; color:black; font-weight:bold; height:35; width:150;border:outset; border-width:thick;}
button.cpsmall {background-color:white;  font-family:arial; color:black; font-weight:bold; height:35; width:75;border:outset; border-width:thick;}
button.cptem {background-color:black;  font-family:arial; color:white; font-weight:bold; height:35; width:75;border:outset; border-width:thick;}

button.bulletin {background-color:white;  font-family:arial; color:black; font-weight:normal; height:35; width:auto;border:outset; border-width:thin;}


button.but {
		overflow:auto;
		border:solid;
		border-width:thin;
		border-color:white
		font-size: 8pt;
		font-weight: bold;
		color : white;
		z-index: 3;
		background-color:#9e9ee9

}

td.contrast {background-color:#e0e0e0}
td.coloured {background-color:#86a2e3}
td.blank {background-color:white}
td.formfill { text-align:right; padding-right:15px;}
td.formfillr { text-align:left; padding-left:15px;}

table.contrast {background-color:#4682b4}
table.coloured {background-color:#003054}

tr.bulletinline {background-color:#BCD2EE;}



body {
margin:0;
padding:0;
height:100%;
width:100%;
}


DIV { font-size: $fontsize[$i]; font-weight: $fontweight[$i] }

	.area {		
			border-width:thick;
			border-color:white;
			z-index:3;
		}	

	#maintext { position:absolute;
			left: 15%;
			top: 40%;
			width: 30%;
			height: 38%;
			margin:0;
			overflow:hidden;
			border-style:solid;
			border-width:thin;
			border-color:white;
			z-index:3;			
			}
			
	#topright { position:absolute;
			left: 50%;
			top: 30%;
			width: 40%;
			height: 35%;
			overflow:hidden;
			border:none;
			border-style:solid;
			border-width:thin;
			border-color:white;
			z-index:3;		
			}
			
button.but {
		overflow:auto;
		border:solid;
		border-width:thin;
		border-color:white
		font-size: 8pt;
		font-weight: bold;
		color : white;
		z-index: 3;
		

}
		
	#b1	{	
			left : 0%;
						
		}	

	#b2	{	
			left : 20%;
						
		}
			
	#b3	{	
			left : 40%;
						
		}
	#b4	{	
			left : 60%;
						
		}
	#b5	{	
			left : 80%;
						
		}		
	
	#banner {	position:absolute;
			left: 0%;
			top: 0%;
			width: 100%;
			height: 15%;
			overflow:hidden;
			border:none;
			border-width:thin;
			border-color:#191970;							
			z-index: 2
		}	
		
	.mbox {		
			position:relative;
			border-left:solid eeeeee 1px;
			border-right:solid eeeeee 1px;
			z-index:3;
			height : 58px;
			overflow:auto;
			width:200px;			
			font-family:arial;
			font-size:10pt;
			font-weight:normal;
			overflow:hidden;
			
		}
	.textbox {		
			
			overflow:auto;
			width:200px;			
			font-family:arial;
			font-size:8pt;
			font-weight:normal;
		}		
	.onetag{		
			position:relative;
			border-left: solid eeeeee 1px;
			border-right: solid eeeeee 1px;
			z-index:3;
			width:200px;
			height : 22;
			text-align:left;
			padding-top: 0.1em;
			padding-bottom: 0.1em;
			padding-left : 0.3em;
			font-family:arial;
			font-size:10pt;
			font-weight:bold;
			
		}
		
	.twotag{		
			position:relative;
			border-left : solid 1px eeeeee;
			border-right: solid 1px eeeeee;
			border-bottom:solid 2px eeeeee;
			z-index:3;
			width:200px;
			height : 20;
			text-align:right;
			padding-top: 0.1em;
			padding-bottom: 0.1em;
			font-family:arial;
			font-size:10pt;
			font-weight:normal;
			
		}		
		
	.tophalf{	position:relative;
			border:none;
			border-width:thin;
			border-color:black;
			z-index:3;
			width:100%;
			height : 40%;
			padding:0.4em;			
			font-family:arial;
			font-size:10pt;
			font-weight:bold;
		}	
	
	.lefthalf{	position:relative;
			left:0px;
			top: 0px;
			border:none;
			border-width:1px;
			border-color:eeeeee;
			z-index:3;
			width:40%;
			height : 100%;
			padding:0.4em;			
			font-family:arial;
			font-size:10pt;
			font-weight:normal;
			float:left;
		}	
	.righthalf{	position:relative;
			right:0px;
			top : 0px;
			border-left: solid eeeeee 1px;
			border-right:solid eeeeee 1px;
			z-index:3;
			width:100%;
			height : 100%;
			padding:0.4em;			
			font-family:arial;
			font-size:10pt;
			font-weight:normal;
			overflow:hidden;
		}			
	
#pagelayout {	position:absolute;
		left: 0;
		top: 0;
		width: 800;
		height:600;
		border-right: solid eeeeee 1px;
	}				

#bannerbar
	{ 	position:absolute;
		left: 0;
		top: 0;
		width: 800;
		height:100;
		border: none blue 2px;
		padding-top left : 0.3em;
		overflow:hidden;
	}	


#nav
	{ 	position:absolute;
		left: 0;
		top: 100;
		width: 800;
		height:30;
		border: NONE ccccaa 2px;
		background-color:#b7fab5;
		padding-top:0.2em;
	}	
	
#leftbar
	{ 	position:absolute;
		left: 0;
		top: 90;
		width: 100;
		height:500;
		border: none ccccaa 2px;
		padding : 0.5em;
	}

#midbar
	{ 	position:absolute;
		left: 0;
		top: 90;
		width: 500;
		height:300;
		padding : 0.5em;
		padding:2em;
		text-align:justify;
	}	
	
#pagemidbar
	{ 	position:absolute;
		left: 100;
		top: 90;
		width: 650;
		height:500;
		border: none ccccaa 2px;
		padding : 1.5em;
		text-align:justify;
		
	}	

#pageleft
	{ 	position:absolute;
		left: 0;
		top: 90;
		width: 100;
		height:auto;
		border: none ccccaa 2px;
		padding : 0.5em;
		text-align:justify;
	
		
	}

	
#rightbar
	{ 	position:absolute;
		left: 500;
		top: 90;
		width: 250;
		height:auto;
		border-left: solid black 1px;
		border-right: solid eeeeee 1px;
		
		padding : 0.4em;
		background-color:white;
		
		
	}	
	
	
	#background{ position:absolute;
			left: 0%;
			top: 0%;
			width: 100%;
			height: 100%;
			background-image:url("images/homepage4.jpg");
			z-index: 1
			}	

	
	#buttons { position:absolute;
			right: 5%;
			top: 15%;
			width: auto;
			height: 5%;
			z-index:8;
			border:none;
	
			}
	

	
	.myStyle { position:absolute;
			left: 15%;
			top: 21%;
			width: 30%;
			height: 38%;
			margin:0;
			background-color:white;
			overflow:hidden;
			border:outset;
			border-width:wide;
			border-color:#191970;
			z-index: 10;
			visibility: hidden;
			font-family:verdana;
			font-size : 10pt;
			color:#191970;
			padding:1em;
			}

	#searchmain { position:absolute;
			left: 5%;
			top: 20%;
			width: 90%;
			height: 75%;
			overflow:auto;
			border:none;
			border-width:thin;
			font-size: 12;
			font-weight: bold;
			color : black;
			z-index: 3
			}
	

	
	#a { position:absolute;
			left: 1%;
			top: 20%;
			width: 12%;
			height: 7%;
			overflow:hidden;
			border-style:solid;
			border-width:thin;
			background-color:#2c2cc0;
			padding:0.2em;
			z-index: 3
			}
			
	#b { position:absolute;
			left: 1%;
			top: 27%;
			width: 12%;
			height: 7%;
			overflow:hidden;
			border-style:solid;
			border-width:thin;
			background-color:#2c2cc0;
			padding:0.2em;
			z-index: 3
			}		
			
	#c { position:absolute;
			left: 1%;
			top: 34%;
			width: 12%;
			height: 7%;
			overflow:hidden;
			border-style:solid;
			border-width:thin;
			border-color:white;
			background-color:#2c2cc0;
			padding:0.2em;
			z-index: 3
			}
	
	#d { position:absolute;
			left: 1%;
			top: 41%;
			width: 12%;
			height: 7%;
			overflow:hidden;
			border-style:solid;
			border-width:thin;
			background-color:#2c2cc0;
			padding:0.2em;
			z-index: 3
			}
	
	#base {
		position:absolute;
		left: 0%;
		top: 0%;
		width: 100%;
		height: 100%;
		background-image:url("images/frame.jpg");
		background-repeat:no-repeat;	
		overflow:auto;
		border:none;
		border-width:thin;
		font-size: 12;
		font-weight: bold;
		color : black;
		z-index: 0
		}
		
	
	#footer {
		position:absolute;
		left: 10%;
		top: 93%;
		width: 89%;
		height: 7%;
		overflow:hidden;
		border:none;
		border-width:thin;
		font-size: 12;
		font-color : white;
		padding : 0.3em;	
		z-index: 3
		}	
		
	.helpme{
		position:absolute;
		left: 25%;
		top: 25%;
		width:50%;
		height:auto;
		border:solid;
		border-width:thin;
		background-color:antiquewhite;
		font-color:black;
		z-index:9;
		visibility:hidden;
		}
		
.gallerymain { position:absolute;
		left: 20%;
		top: 30%;
		width: 650;
		height:60%;
		overflow:hidden;
		border:none;
		border-width:wide;
		border-color:lightsteelblue;
		z-index: 10;
		font-family:verdana;
		font-size : 10pt;
		color:#191970;
		padding:1em;
		visibility:hidden
		}
	#gallerychoice {position:absolute;
			left: 20%;
			top: 10%;
			width: 500px;
			height: auto;
			overflow:hidden;
			border-style:solid;
			border-width:thin;
			border-color:lightsteelblue;
			z-index: 3;
			padding: 0.2em
			}

	#gallerynewsearch {position:absolute;
			left: 1%;
			top: 10%;
			width: 18%;
			height: 20%;
			overflow:hidden;
			border-style:none;
			border-width:thin;
			border-color:lightsteelblue;
			background-color:lightsteelblue;
			z-index: 3;
			padding: 0.1em
			}
				
.rollover a:hover { display:block;background-color:black; color:red;}
	
a{text-decoration:none;}
a img {border: none; }
//a:hover img {border : solid blue 1px;}
//a:hover {font-style:italic;color:red;font-weight:bold}
a:hover {text-decoration:underline; color:black}

</style>