

body {
min-width: 630px;        
margin: 0;						/* makes backgrounds go right to the edge of window */
background: #ffed96;
font-family: bookman old style;
}

#container {
padding-left: 220px;      		/* allows space for left column */
padding-right: 260px;    		/* allows space for right column */
overflow: hidden;				/* makes columns appear equal height */
}
		
#container .column {
position: relative;
float: left;
padding-bottom: 1001em;
margin-bottom: -1000em;
padding-top: 1em;
}
		
#center {
position: relative;
padding: 20px;      
width: 100%;
background: #dad9ef;
}

h2 {color: #484477;				/* page title */
text-align: center}

h3 {color: #484477;				/* page title */
text-align: center}

h4 {color: #484477;				/* paragraph headings */
text-align: center}

hr {text-align: center}

p {color: #000000;
text-align: justify;}

p.target {text-align: center;}	/* target links */

p.ext {text-align: center;}		/* external links & pdf's */

li {
	color: #000;
	text-align: justify;
}
			
a {
color: #69539c;					/* all links purple for consistency */
text-decoration: none;			/* no underlining on links */
}
			
td {
	color: #000;
	text-align: center;
}
			
#header {/*position: fixed;*/
height: 100px;
padding-left: 2%;
padding-right: 2%;
}
			
#content {
position: relative;
}
			
#content .id img {
float: left;					/* float id photos to left of contact details */
border: 2px solid #ffffff;		/* white border */
}

#content .news {
color: #406325;
text-align: justify;
}

#content .news img {
float: right;
border: 2px solid #ffffff;
margin-right: 2px;
}

#content .contacts {padding-left: 160px;}		/* shifts images right to centre them better */

#footer {color: #484477;
text-align: center;
position: relative;}

#left {
position: relative;
width: 200px;            
padding: 10px;            
right: 260px;             
margin-left: -100%;
background: #9995c8;
height: 663px;
}
			
#left img {
position: fixed;				/* fixed to window so it wont scroll */
left: 10px;						/* distance from left side of window */
padding-top: 0px;				/* shift image below header */
}
		
#right {
position: relative;
text-align: center;
width: 200px;             
padding: 10px;            
margin-right: -100%;			/* aligns right column with the left & centre columns */
color: #ffffff;
background: #9995c8;

}
			
#right img {
border: 2px solid #ffffff;
width: 195px;
}
			
.exec {width: 400px; margin-right: auto; margin-left: auto;}			
		
/*** IE Fix ***/
* html #left {
left: 220px;              		/* I'M NOT SURE WHAT THIS IS FOR BUT IT IS TO DO WITH IE COMPATABILITY ?? */
}

	
