body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;	
	font-size: 14px;
	color:#000;	 /* Black */
	background-color:#FFFFCC;	 /* Cream? */
	}   
   
/* H E A D E R */   

#header { 
	margin:15px 0px 0px 15px;
	padding:15px 0px 0px 20px;
	height:128px; 
	width: 950px; 
	color: #FF00FF;	 /* Magenta */
	background-color:#0000CD;  /* Medium Blue */
	}
 
.headtext {
	float: left; 
	margin: -110px 0 0 455px; 
	padding: 10px 0 10px 0; 
	font-family: "Bodoni MT Black", "BD Hanover Black", "Arial Black", Helvetica, sans-serif;  
	font-size: 18px;
	color: #FFF; /* White */
	}   
 
.logobox { 
	float:left;
	width:350px;
	color: #FFF; /* White */
	font-size: 14px; 
    }	 

.headimage {float: right; margin: -128px 10px 0 0;}
	


/* M A I N  T E X T */

.mainarea {	position: absolute;
		top: 160px;
		left: 215px; 
		width: 730px; 
		border: 0px solid black;
}

/* B O X  U N D E R  M E N U */
.underbox {	
	margin-top:20px;
	border:1px solid #0000CD; 
	padding: 0 5px 0 5px;
	}

/* B O R D E R  I M A G E  B O X E S */	
.picbox {
	clear:all; 
	height: 100px;
	width:610px;
	margin: 30px; 
	} 

.inner1	{ 
	display:inline;	
	position:relative; top:	-30px;	
	text-align:left;
	padding:0px 20px 20px 100px ;
	width:200px;
	} 
	
.inner2	{
	display:inline;	 
	text-align:left;		
	width:300px;  
	padding: 20px 20px 20px 100px ;
	margin: 20px 0 0 0 ;
	}
	
/* E X A M P L E  I M A G E  B O X E S */		
 .exambox { 
	float:left;				
	width:800px;	
	margin:  0 0 20px 0 ; 		    
	}	
.examleft	   
	{ 
	float:left; 
	text-align:left;					
	padding:20px 20px 20px 100px ;	
	margin-right: 100px;		
	width:200px;
	}
.examright	  
	{ 
	float:left;
	text-align:left;						
	padding: 20px 0 20px 0;
	}		
.margin40 {margin-top: 40px;}
.margin60 {margin-top: 60px;}
.margin80 {margin-top: 80px;}  
.margin100 {margin-top: 100px;}
.margin120 {margin-top: 120px;}	  
.margin160 {margin-top: 160px;}	 

.marginL1 {margin-left: -80px; margin-right: 180px;}	/* This moves the left-image right and corrects text on right to 100 margin*/ 
		   
/* G E N E R A L  B O X E S */	
.outerbox 
	{
	clear:all;      
	width:500px;
	text-align:center; margin-left: auto; margin-right: auto;  
	margin-bottom:20px;
	 } 
	 
.leftbox							  
	{ 
	display:inline;	
	float:left;	   
	width: 170px;
	text-align:right;
	}
.centrebox
	{ 
	display:inline;   	
	float:left;
	width:40px;
	padding:0 30px 0 30px;
	}
	
.rightbox	
	{ 
	display:inline;		  
	float:left;
	text-align:left;
	width: 220px;
	}
	
.outerbox1 
	{
	clear:all;      
	width:650px;
	text-align:center; margin-left: auto; margin-right: auto;  
	 }	
.leftbox1							  
	{ 
	display:inline;	
	float:left;	   
	width: 300px;
	text-align:right;
	}
.centrebox1
	{ 
	display:inline;   	
	float:left;
	width:20px;
	}	
.rightbox1	
	{ 
	display:inline;		  
	float:left;
	text-align:left;
	width: 300px;
	}	
	
	
/* M I S C E L L A N E O U S */
	
.centre {text-align:center; margin-left: auto; margin-right: auto;}	
.bold {font-weight: bold;}	 
.italic {font-style:italic;} 
.normal {font-weight: normal; }
.right {text-align:right;}		  /* Duplicated at end to take priority  */
	
.padding1 {padding-left: 20px;}		
.margin2 {margin-top: 60px;} 
.margin3 {margin-top: 100px;}  
.valign  {vertical-align: middle; }	/* Works on image not text */
.clear {clear:all;}
	
 /* FONTS ETC */

.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 10px 20px 10px 20px;
	text-align: justify;
}
.mainblue {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0000CD;
}
   
.mainred {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
}

.small{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
	text-align: center; margin-left: auto; margin-right: auto;
}

.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 20px;
	text-align: center;
}   
.bigblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0000CD;
	} 
	
.bigorchid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #BA55D3;	  /* Medium Orchid */
	}	
	
.style1 {color: #FF00FF;	 /* Magenta */}	
 	  
 
/* M E N U  S Y S T E M */ 

ul.level1, ul.level2, li.folder, ul.submenu {
	display: block;
	margin: 0;
	padding: 0;
}

ul.level1, ul.level2 {
	width: 150px;
	background: #FFFFCC;	  /* What is this controlling ?*/
	list-style-type: none;
}

li.folder, li.submenu {
	position: relative;
	padding: 0px;
	z-index: 9;
}

li.folder	{
	font: 20px "Bodoni MT Black", "BD Hanover Black", "Arial Black", Helvetica, sans-serif; 	
	background-color: #0000CD;	 /* Medium Blue */ 
	padding: 2px 0 4px 15px; 
	border-top: 10px solid #FFFFCC;	 /* Cream */
	border-bottom: 0px solid #FFFFCC;	 /* Cream? */ 
	
}	
  
  
li.folder:hover {
	z-index: 10;
	background-color: #0000CD;	 /* Medium Blue */  /* This affects the background colour of menus */
	font: 20px "Bodoni MT Black", "BD Hanover Black", "Arial Black", Helvetica, sans-serif; 
	color: #FFF;	   /* White */ 
	}  	
	
li.folder ul {
	position: absolute;
	display: none;
	left: 130px; /* IE */
	top: 5px; 
	}
				
li.folder>ul { 
	left: 150px;
	}
		
ul.level1 li.folder:hover ul.level2 {
	display: block;
	width: 200px; 
	}

a {
	padding: 2px;
	text-decoration: none;
	width: 100%; /* IE */
	}

li>a { 
	width: auto;
	}

li a.submenu {
	background-color: #0000CD;	 	 /* Medium Blue */
	padding-left: 10px;
	font: normal 16px Verdana, Arial, Tahoma, Helvetica, Sans-Serif ;
	display: block;
	border-bottom: 1px solid #FFF;
	padding-top: 3px;
	padding-bottom: 4px;
	color: #FF00FF;	  /* Magenta */   /* This is start colour for sub-menu */
	}	
 
/* This affects the sub-menu, but not the main-menu  */ 	
li a.submenu:hover {	
	color: #00FFFF;	   /* Aqua */ 
	background-color: #0000CD;	  /* Medium Blue */ 
	}
	

 
#menu {
    border: 0px solid #ccc;
    margin: 0px 0 0 15px;
    padding: 0 0 0 0px;
    width: 150px;
	}

#link {
    font: 11px Verdana, Arial, Tahoma, Helvetica, Sans-Serif ;
	padding: 0px 0px 0px 20px;
	margin-top: 15px;
	}

a { color: #0000CD; } /* Black - For all except 'folder' below*/ 

	

 
a:link, a:visited {
	color: #000;	 /* Black*/ 
	}
  		

a { color: #000; } /* Black - Default */ 

	
/* MAIN MENU LINK COLOURS */
 
.linkcol:link, .linkcol:visited {
	color: #F5F5F5;	 /* White */
	}

.linkcol:hover {
	color: #FF00FF;	 /* Magenta */ 
	background-color: #0000CD;	 /* Medium Blue */  /* HAS TO BE CHANGED IN 2 PLACES! */
	}

/* MISC LINK COLOURS */

.mislink:link, .mislink:visited {
	color: #000;  }
.mislink:hover {
	text-decoration: underline; }
	
.mislink1:link, .mislink1:visited,  .mislink1:active  {
	color: #0000CD;  }	   /* Medium Blue */	
.mislink1:hover {
	text-decoration: underline; } 
 
.mislink2:link, .mislink2:visited {
	text-decoration: underline;
	color: #000;  }   
.mislink2:hover {
	color: #0000CD; }  
 
 
.right {text-align:right;}