html, body
{ padding:0px; 
  margin:5px; 
  font-size:14.0pt;
  font-family:Arial, Helvetica, sans-serif;	
  }
  
  
  
#page {
	width: 100%;
	text-align: center; }

#layout {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	}
 
 
/* Make all links black */  
a {
	background-color:inherit;
	color:black; } 
	
a.footerlink {
	padding-left: .5em;
	padding-right: .5em;	
	border-right:1px solid black; }
  
div.header { 
	padding:0px;
	margin-top:0px;
  	width:100%; 
	height:50px;
  	background-color:#FFFFCC;
  	border:ridge #D3D3D3 4px; 
  

  /* OR
  background-image: url(pictures/footer1.gif); 
  background-repeat: no-repeat;  
  */
  }
  
  
div.footer {
	padding:0;
	margin-top:20px;
  	width:100%; height:50px;
  	clear:both;
 
	background-color:#FFFFCC;
  	border:ridge #D3D3D3 4px; 
  
	/*  
	background-image: url(pictures/footer1.gif); 
	background-repeat: no-repeat;
	*/

  	}  
  
.title {
	text-align:center; }

.headertext {
	margin:0px;
	padding-top:8px;
	letter-spacing:2px;
	font-size:150%;
	font-variant: small-caps;
	text-align:center; }
	
.footertext {
	padding-top: 2px;
	font-size: 75%;
	text-align:left;
	padding-left: 10px; }
	

  
/* Reference back color , #FFFFCC */   
  
div.leftcol {
	width:198px; 
	margin-left:0px; margin-right:2px;
	float:left; 
	text-align:justify;
  	background-color:white;
	color:black;  }
   
div.rightcol { 
	border:solid black 1px;
	margin-top:20px;
	text-align:left;
	margin-left: 220px; }



img.picture {
 	margin-left:90px; 
	border:0; }


img.validate {
 	margin-left:8px; 
	border:0; }

img.logo {
	 
	 margin-left:15px; 
	 margin-top:15px;
	 margin-bottom:20px;
	 padding:0px; 
	 border:0;
 	/*border:solid black;*/ }



/* Menu apperance */
table.outer_menu {
	width:100%;
	background-color:#FFFFCC;
	color:black;


	
	border:ridge #D3D3D3 4px; 

	}

/* Hidden menu */
table.menu {

	visibility:hidden; 
	width: 250px;
	font-size:100%;
	background-color:#FFFFCC;
	color:black;
	position:absolute;
	
	margin-top:-14px;
	margin-left:-3px; 

	border:ridge #D3D3D3 4px; 
  	
	
	}


/* Vertical align menu dots */
img.middle {
 vertical-align: middle }


tr.menu {
	font-size:100%; }
/* 
tr.menu:hover { 
	background-color:lightgrey; }   
 
*/ 
 
/* Remove menu link underlines */
a.menu {
	text-decoration:none }





/* Menu onhover colour */

a.menu:hover {
	background: #fffeee;
	color:black; }


p.quote {
	margin-left:10px;
	margin-right:10px;
	font-style: italic;
	text-align:center; }



/* Not in use */

/*
.border3d {
border: ridge black 1px; }

.indent
{ margin-left:40px; }

div.leftheader
{ padding:0; margin:0;
  width:198x; height:25px;
  background-color:blue;
  border:solid black; }

div.rightheader
{ padding:0; margin:0;
  width:694x; height:25px;
  background-color:blue;
  border:solid black; }



*/

* html .headertext {
	padding-top:4px; }
	
* html .footertext {
	padding-top:10px; }

/*

Ignore IE5, fix IE6 which doubles the outer margins of floats (Tan hack) 




* html div.leftcol
{ margin-left:2%;
  padding-top:20px; padding-bottom:15px; }
* html div.rightcol
{ margin-right:2%;
  padding-top:20px; padding-bottom:15px; }
 
 */