body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 85%;
    margin: 0;
    padding: 0;
    background-color: #FFF;
    }

#content {
	background-color: #FFF;
	}

/*** BANNER AND FOOTER ***/
#footer {
    background-color:#002147;
    color: #ffffff;
    padding: 1px 10px 1px 1px;
    margin: 0px;
    text-align: right;
    font-size: 70%;
    }
#footer a {
    color: #fff;
}    	
/*** CONTENT ***/
.centre-image {
    width: 450px;
    margin: 0 auto;
    background-color: #EEE;
    border: 1px solid #DDD;
    padding: 5px;
    }
.centre-image .caption {
    font-size: 80%;
    text-align: right;
    }
table.contact-details tr {
    padding: 0;
    margin: 0;
    }
table.contact-details td {
    padding: 0;
    margin: 0;
    vertical-align: top;
    }
table.people {
	width: 100%;
    }
table.people th {
    font-weight: bold;
    text-align: left;
    }


/*** HOLY GRAIL LAYOUT -- see: http://www.alistapart.com/articles/holygrail ***/
/*** The Essential Code ***/
body {
	min-width: 800px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}

#container {
	padding-left: 200px;      /* LC fullwidth */
	padding-right: 240px;     /* RC fullwidth + CC padding */
        clear: both;
}

#wide-container {
	padding-left: 200px;      /* LC fullwidth */
	padding-right: 40px;     /* RC fullwidth + CC padding (??) */
}

#container .column {
	position: relative;
	float: left;
}

#wide-container .column {
	position: relative;
	float: left;
}

#content {
	padding: 10px 20px;       /* CC padding (=40px horizontally) */
	width: 100%;
}

#mainnav {
	width: 180px;             /* LC width */
	padding: 0 0px;          /* LC padding */
	margin-left: -100%;
	left: 200px;              /* RC fullwidth for IE6 */
}

#wide-container #mainnav {
	left: 0px;              /* RC fullwidth for IE6 (??) */
}

#container > #mainnav, #wide-container > #mainnav {
	left: -240px;             /* -(LC fullwidth + CC padding) */
}

#right {
	width: 180px;             /* RC width */
	padding: 0 10px;          /* RC padding (=20px horizontally) */
	margin-right: -240px;     /* RC fullwidth + CC padding */
}

/* #wide-container #right {
	display: none;
} */

#footer {
	clear: both;
}

/*** Equal-height Columns ***/

#container, #wide-container {
	overflow: hidden;
}

#container .column, #wide-container .column {
	padding-bottom: 1001em;     /* X + padding-bottom */
	margin-bottom: -1000em;     /* X */
}

/*** Footer Fix ***/

* html body {
	overflow: hidden;
}

* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10000px;
	margin-bottom: -10000px;
	background: #FFF;         /*** Same as body background ***/
}

/*** Just for Looks ***/
#container .column, #wide-container .column {
	padding-top: 0em;
}

div#all { 
max-width: 70em;
}
div#all { 
background-color: #ffffff;
}
div#all { 
position: relative;
text-align: left;
margin-left: auto;
margin-right: auto;
}

