/* -------------   Global Containers   ------------- */

div#container {
	padding-top: 0px;
	width:890px;
	margin:0 auto;
}

div#maincanvas {
	float: left;
	width: 860px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-right: 15px solid #0055a5;
	border-bottom: 15px solid #0055a5;
	border-left: 15px solid #0055a5;
	background-color: #eee;
}

.clearer {
	clear: both;
}


/* -------------   Header Banners   ------------- */

body#homepage div#header {
	width: 860px;
	height: 192px;
	background: #eee url("../images/banner_home.gif") no-repeat;
}


body#aboutpage div#header {
	width: 860px;
	height: 192px;
	background: #eee url("../images/banner_v3.gif") no-repeat;
}

body#newspage div#header {
	width: 860px;
	height: 192px;
	background: #eee url("../images/banner_v2.gif") no-repeat;
}

body#howweworkpage div#header {
	width: 860px;
	height: 192px;
	background: #eee url("../images/banner_v3.gif") no-repeat;
}

body#mediapage div#header {
	width: 860px;
	height: 192px;
	background: #eee url("../images/banner_v2.gif") no-repeat;
}

body#getintouchpage div#header {
	width: 860px;
	height: 192px;
	background: #eee url("../images/banner_v3.gif") no-repeat;
}

body#miscpage div#header {
	width: 860px;
	height: 192px;
	background: #eee url("../images/banner_v2.gif") no-repeat;
}


/* -------------   Content Area   ------------- */

div#contentarea {
	float: left;
	width: 860px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #eee url("../images/canvas_texture.gif") no-repeat;
}


/* -------------   Main Column   ------------- */


div#onecolumn, #twocolumns {
	float: left;
	width: 592px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}

#maincolumn {
	float: left;
	margin: 0;
	padding: 0;
}

div#onecolumn #maincolumn {
	width: 592px;
}

div#twocolumns #maincolumn {
	width: 385px;
}




/* -------------   Sub Column   ------------- */

div#subcolumn {
	float: left;
	width: 180px;
	margin: 0px 0px 10px 26px;
	padding: 0px 0px 8px 0px;
	background-color: #fff;
}

div#subcolumn_news {
	float: left;
	width: 180px;
	margin: 0px 0px 10px 26px;
	padding: 8px 0px 8px 0px;
	background-color: #fff;
}

div#subcolumn a img {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	border: 0;
}


/* -------------   Gallery panel   ------------- */

#gallerypanel {
	float: left;
	width: 504px;
	background-color: #fff;
	border: 1px dotted #999;
	padding: 10px 6px 6px 10px;
	margin: 10px 0px 10px 0px;
}

#gallerypanel h5 {
	padding: 0px 0px 5px 0px;
	margin: 0px 4px 10px 0px;
	border-bottom: 1px solid #ccc;
}

#gallerypanel a {
	float: left;
	width: 96px;
	height: 96px;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 4px 0px;
}

#gallerypanel img {
	border: 0;
	border-style: none;
}



/* -------------   Footer Area   ------------- */

div#footer {
	float: left;
	width: 840px;
	height: 59px;
	padding: 64px 0px 20px 20px;
	margin: 0px 0px 0px 0px;
	background: #eee url("../images/footer_background.gif") no-repeat;
	overflow: hidden;
}

div#footer .details {
	float: left;
	font-size: 75%;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#footer .tel {
	float: right;
	padding: 20px 30px 0px 0px;
	margin: 0px 0px 0px 0px;
}



div#footer .association {
	float: right;
	text-indent: -9999px;
	width: 225px;
	height: 73px;
	background: url("../images/logos_footer.gif") no-repeat;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}