body {
margin: 0 auto;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


 
/* POSITIONING OF ALL THE MAIN ELEMENTS (HEADER, SIDEBAR, CONTENT, ETC.) */
 
/* OUTER FRAME IS AN EMPTY, BORDERLESS BOX CONTAINING ALL THE OTHER ELEMENTS 
(IMPLEMENTED BECAUSE TOPNAV BOX SITS ABOVE OUTERBOX AND FOOTER SITS BELOW IT) */

#outerframe {
	width: 750px;
	margin: 0 auto;
	}
	
/* OUTER BOX IS A CONTAINER FOR EVERYTHING EXCEPT TOPNAV LINKS AND FOOTER. 
IT HAS A BORDER ALL ROUND (OUTER LINE OF THE FRAME). */

#outerbox {
	width: 750px;
	margin: 10px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #f2f2da;
	border-left: 1px solid #f2f2da;
	border-right: 1px solid #f2f2da;
	border-bottom: 1px solid #f2f2da;
	font-size: 75%;
	/*letter-spacing: 0.1em;*/
	/*line-height: 1.5em;*/
	/*color: #373737;*/
	color: #000000;
	background-color: #ffffff;
	/*border: 1px solid purple;*/	
		}
		
/* INNER BOX SITS JUST INSIDE THE OUTERBOX AND CONTAINS ALL THE OTHER ELEMENTS. 
IT HAS A BORDER THAT MAKES UP THE INNER LINE OF THE FRAME*/
		
#innerbox {
	width: 736px;
	margin: 5px auto;
	background-color: #ffffff;
	/*border: 1px solid aqua;*/	
	border-top: 1px solid #f2f2da;
	border-right: 1px solid #f2f2da;
	border-left: 1px solid #f2f2da;
	border-bottom: 1px solid #f2f2da;
	margin-bottom: 5px;	
	}
	
/* TOPNAV SITS ABOVE THE OUTERBOX AND CONTAINS THE LINKS TO HOMEPAGE AND CONTACT */

#topnav {
	width: 736px;
	margin: 0 auto;
	background-color: #ffffff;
	font-size: 60%;
	text-align: right;
	/*border-top: 5px solid #ffffff;*/
	line-height: 1em;
	padding-top: 5px;
	}
		
#topnav a:link, a:visited {
	color:#000000;
	text-decoration: none;
	}
		
#topnav a:hover {
	color:#808000;
	}
		
/*TOPROW CONTAINS THE TITLE OF THE SITE*/		
		
#toprow {
	width: 734px;
	/*height: 40px;*/
	text-align: right;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #e7e3cb;
	border: 1px solid #e7e3cb;
	/*border-top: 5px solid #ffffff;*/
	/*line-height: 100%;*/
	/*padding-bottom:1px;*/
	}
		
#toprow p {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	padding-right: 4px;
	font-size: 1.2em;
	height: 1.4em;
	vertical-align: baseline;
	}
		
			
/* HEADER CONTAINS IMAGE AT TOP*/

#header {
	width: 100%;
	background-image: url(images/headerlogo.jpg);
	background-repeat: no-repeat;
	background-position: top left;	
	clear: both;	
	margin-top: 2px;
	margin-bottom: 2px;
	height: 120px;
	padding-bottom: 2px;
	border-bottom: 1px solid #f2f2da;
	/*border: 1px solid black;*/
	position: relative;		
	}
	

	
	
/*CONTENTBOX IS A CONTAINER FOR SIDEBAR AND MAIN CONTENT.
PURPOSE IS TO POSITION IMAGE TO ACT AS BACKGROUND COLOUR FOR SIDEBAR*/
	
#contentbox {
	width: 100%;
	background-color: #ffffff;
	background-image: url(images/sidebar3.gif);
	background-repeat: repeat-y;
	background-position: top left;
	margin-top: 5px;
	padding-bottom: 10px;	
	}
		
/* NAVIGATION (LAYOUT OF LEFT COLUMN) */

#leftcolumn {
	float: left;
	width: 132px;
	text-align: left;
	margin-top: 5px;
	font-size: 80%;
	letter-spacing: -0.1em;
	border-left: 10px solid #f2f2da;
	border-right: 10px solid #f2f2da;
	/*background-color: #ffffff;*/
	background-color: #f2f2da;
	line-height: 1.5em;
	}
			
#leftcolumn a {
	display: block;
	letter-spacing: -0.1px;
	width: 124px;
	}

#leftcolumn a:link, a:visited {
	color:#000000;
	letter-spacing: -0.1px;
	text-decoration: none;
	}
		
#leftcolumn a:hover {
	color:#808000;
	letter-spacing: -0.1px;
	}
		
#subhead {
	text-align: right;
	font-size: 80%;
	}
	
/* TABLE CONTROLS LAYOUT OF NAVIGATION IN LEFT COLUMN */
 
table {
float: left;
	border: 0;
	border-color: #dddddd;
	}
 
td {
	border-bottom: 1px solid;
	border-color: #dddddd;
	} 

/*LOGO CONTROLS POSITIONING OF LOGO IN LEFT COLUMN*/

#logo {
	/*float: left;*/
	/*width: 132px;*/
	text-align: center;
	/*padding-left: 11px;*/
	background-color: #f2f2da;
	padding-top: 5px;
	padding-bottom: 10px;
	}
		
/* CONTENT (MAIN COLUMN ON RIGHT) */

#titlebox {
width: 578px;
color: green;
}

img.right {
float: right;
padding-top: 3px;
padding-left: 5px;
padding-bottom: 2px;
}

.picright {
float: right;
padding-top: 3px;
padding-left: 7px;
padding-bottom: 2px;
}

.picleft {
float: left;
padding-top: 3px;
padding-right: 7px;
padding-bottom: 2px;
padding-left: 10px;
}

.picmiddle {
padding-top: 3px;
padding-bottom: 2px;
}


#main {
clear: right;
	width: 578px;
	margin-left: 152px;
	background-color: #ffffff;
	}
		
#main p {
	padding-left: 10px;	
	padding-bottom: 3px;
	/*padding-top: 3px;*/
	text-indent: 0pt;
	background-color: transparent;
	color:#250517;
	}			

#main a {
	/*color:#800080;*/
	color:#461B7E;
	background-color: transparent;
	text-decoration: none;
	}
		
#main a:hover {			
	text-decoration: underline;
	}
		
#main ul {
	list-style: disc;
	line-height: 1.6em;
	}
	
#main ol {
	line-height: 1.6em;
	}
	
#main table {
	width: 550px;
	border: 0;
	margin-left: 10px;
	text-align: left;
	}
	
#main th {
	border-bottom: 1px solid #dddddd;
	}
 
#main td {
	border: 0;
	vertical-align: top;
	} 

/* CONTENT (MAIN COLUMN, NARROWER (HOMEPAGE) */
#mainnarrow {
	width: 450px;
	margin-left: 152px;
	margin-right: 200px;
	background-color: #ffffff;
	}
	
#mainnarrow p {
	padding-left: 10px;	
	padding-bottom: 3px;
	/*padding-top: 3px;*/
	text-indent: 0pt;
	background-color: transparent;
	color: #373737;
	}			

#mainnarrow a {
	/*color:#800080;*/
	color:#800080;
	background-color: transparent;
	text-decoration: none;
	}
		
#mainnarrow a:hover {			
	text-decoration: underline;
	}
		
#mainnarrow ul {
	list-style: none;
	line-height: 1.6em;
	}
	
#mainnarrow ol {
	line-height: 1.6em;
	}
	

		
#mainnarrow table {
	width: 550px;
	border: 0;
	margin-left: 10px;
	text-align: left;
	}
	
#mainnarrow th {
	border-bottom: 1px solid #dddddd;
	}
 
#mainnarrow td {
	border: 0;
	vertical-align: top;
	} 
	
/*BANNER AT TOP OF MAIL COLUMN WITH BOXES*/
#banner {
width: 578px;
	/*margin-left: 152px;*/
	background-color: #ffffff;
	margin-bottom: 10px;
}
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
        float: left;
        width: 192px; /* ems so it will grow */
        background: url(images/myboxbody-r.gif) no-repeat bottom right;
        font-size: 100%;
}

.sideboxleft {
        float: left;
        width: 192px; /* ems so it will grow */
        background: url(images/myboxbody-r.gif) no-repeat bottom right;
        font-size: 100%;
}

.sideboxmiddle {
        
		
        width: 200px; /* ems so it will grow */
        background: url(images/myboxbody-r.gif) no-repeat bottom right;
        font-size: 100%;
}

.sideboxright {
        float: right;
        width: 192px; /* ems so it will grow */
        background: url(images/myboxbody-r.gif) no-repeat bottom right;
        font-size: 100%;
}


.boxhead {
        background: url(images/myboxhead-r.gif) no-repeat top right;
        margin: 0;
        padding: 0;
        text-align: center;
}
.boxhead h2 {
        background: url(images/myboxhead-l.gif) no-repeat top left;
		font-family: Futura, Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 10px 10px 0;
        color: #7E587E; 
        font-weight: bold; 
        font-size: 1.2em; 
        line-height: 1.2em;
	
}


.boxbody {
        background: url(images/myboxbody-l.gif) no-repeat bottom left;
        margin: 0;
        padding: 1px 10px 2px;
}

.boxbody p {
margin-top: 10px;
}


#banner1 {
float: left;
height: 80px;
margin-left: 0;
width: 175px;
border-left: 1px solid #CDC3B9;
border-right: 1px solid #CDC3B9;
border-bottom: 1px solid #CDC3B9;
border-top: 1px solid #CDC3B9;
}
		
#banner2 {
margin-left: 195px;
height: 80px;
width: 175px;
border-left: 1px solid #CDC3B9;
border-right: 1px solid #CDC3B9;
border-bottom: 1px solid #CDC3B9;
border-top: 1px solid #CDC3B9;
}

#banner3 {
float: right;
height: 80px;
width: 175px;
border-left: 1px solid #CDC3B9;
border-right: 1px solid #CDC3B9;
border-bottom: 1px solid #CDC3B9;
border-top: 1px solid #CDC3B9;
}

#banner1 p, #banner2 p, #banner3 p {
padding: 0 10px 10px 10px;
font-family: Trebruchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#banner1 h1, #banner2 h1, #banner3 h1 {
	font-family: Trebruchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#800080;
	font-size: 90%;
	background-color: transparent;
	padding: 0;
	letter-spacing: -0.1em;
	margin-left: 10px;
	}


/*SPACER DIV TO BE INSERTED AT FOOT OF MAIN DIV ON EVERY HTML PAGE. 
ENSURES THAT THE MAIN COLUMN STRETCHES TO THE SAME HEIGHT AS THE LEFTCOLUMN.
WITHOUT SPACER, LEFT COLUMN (A 'FLOAT') WILL HANG BELOW CONTAINER WHEN PAGES ARE SHORT.*/
#spacer { clear: both; }

/*RIGHT COLUMN*/

#rightcolumn {
float: right;
width: 100px;	
}

#rightcolumn p {
border: 1px solid #dddddd;
}	
	
/* FOOTER LAYOUT */

#footer {
	width: 584px;
	margin-top: 10px;
	margin-left: 166px;
	background-color: #ffffff;
	text-align: center;
	letter-spacing: 0.16em;
	font-size: 60%;
	}
		
#footer p {
	color:#666;
	background-color: transparent;
	padding: 5px;
	}
		
#footer a {
	color: #461B7E;
	background-color: transparent;
	text-decoration: none;
	}
		
#footer p a:hover {
	color:#800080;
	background-color: transparent;
	text-decoration: underline;
	}

		
/* APPLIES TO SITE IN GENERAL */
	
h1 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	/*color: #9EA8A7;*/
	color: #461B7E;
	background-color: transparent;
	padding: 5px 0 0 0;
	/*letter-spacing: -0.1em;*/
	line-height: 1em;
	margin-left: 10px;
	}

h1 a {
	color: red;
	background-color: transparent;
	text-decoration: none;
	}
	
h1 a:hover {
	color: #461B7E;
	background-color: transparent;
	text-decoration: underline;
	}
	
h2 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	/*color: #c075b8;*/
	color: #461B7E;
	background-color: transparent;
	margin-bottom: 5px;
	padding: 0;
	/*letter-spacing: -0.1em;*/
	line-height: 1em;
	margin-left: 10px;
	}
		
h3 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	color: #461B7E;
	margin-left: 5px;
	padding-left: 5px;	
	/*letter-spacing: -0.1em;*/
	}
		
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 95%;
	color:#800080;
	background-color: transparent;	
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
	letter-spacing: 0.25em;
	}
	
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 95%;
	color: #a176b6;
	background-color: transparent;
	margin-bottom: 1px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
	letter-spacing: 0.25em;
	border-top: 1px solid #dddddd;
	}