/* CSS Document */

body {
	background: #FFF;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}

img, form {
	margin: 0;
	padding: 0;
	border: 0;
}

#Container { width: 100%; }

/* --- Header --- */
#Header {
	width: 960px;
	margin:0 auto;
	height: 97px;
	background: #FFF;
	color: #8A7957;
}
	#Header .Logo { float: left; }
		#Header .Logo h1 {
			margin: 0;
			padding: 0;
		}
	#Header .Links, #Header .Date { float: right; }
		#Header .Links ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}
			#Header .Links ul li { float: left; }
			#Header .Links ul a { display: block; }
		#Header .Date {
			font-size: 11px;
			line-height: 18px;
			margin-top: 79px;
			margin-right: -135px;
		}



/* --- Menu --- */
#Menu {
	clear: both;
	height: 30px;
	background: #8A7957 url(../images/menu_bg.gif) repeat-x left top;
	color: #FFF;
}
	#Menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 960px;
		margin:0 auto;
	}
		#Menu li { float: left; }
		#Menu a { display: block; }


/* --- Footer --- */
#Footer {
	clear: both;
	background: #8A7957;
	height: 21px;
	line-height: 21px;
	font-size: 11px;
	color: #FFF;
	padding: 0 10px;
}

#Footer .Container {
	width: 960px;
	margin:0 auto;
}
	#Footer .Copyright { 
		float: left; 
		font-weight: bold;
	}
	#Footer .Links { float: right; }
		#Footer .Links a { font-weight: bold; }
		#Footer .Links a:link { color: #FFF; text-decoration: none; }
		#Footer .Links a:visited { color: #FFF; text-decoration: none; }
		#Footer .Links a:hover { color: #BFCFD4; text-decoration: underline; }
		#Footer .Links a:active { color: #BFCFD4; text-decoration: underline; }


/* --- Home Page --- */
#HomeBody {
	background: #E5DFD4;
	width: 100%;
	clear: both;
	
}
#HomeBody .Container {
		width: 960px;
		margin:0 auto;
	
}
	#HomeContent {
		width: 960px;
		}
		#HomeContent td { vertical-align: top; }
		#HomeContent .Left {
			background: #FFF;
			width: 640 px;
		}
			#HomeIntro {
				margin: 0 20px 20px;
				line-height: 21px;
			}
					#HomeIntro h2 {
						color: #8A7957;
						font-size: 18px;
						font-weight: bolder;
					}
		#HomeContent .Right { background: #E5DFD4; }
			#HomeContent .Right ul {
				list-style: url(../images/bullet_facts.gif);
				line-height: 15px;
				margin-right: 17px;
				margin-top: 0px;
				font-size: 11px;
				font-weight: bold;
				color: #2B6171;
			}
				#HomeContent .Right ul li { padding: 3px 0; }
				.SideBanner { text-align: center; }

/* --- Content Pages --- */
.Clear {
	clear:both;
}

#BodyArea {
	clear: both;
	width: 960px;
	margin:0 auto;	
	background: #FFF;
	padding: 10px 20px 20px;
}
#BodyArea .Container {
		width: 720px;	
	}
	#BodyArea h2.PageTitle {
		margin-top: 0;
		border-bottom: 1px solid #2B6171;
	}
	#BodyArea h3 {
		font-size: 18px;
		font-weight: bolder;
	}
		h3 {
			color: #BB303D;
			font-size: 18px;
		}
	#BodyArea h4 {
		font-size: 17px;
		color: #675D49;
	}
	#BodyArea h5 {
		font-size: 16px;
		color: #55818D;
	}
	#BodyArea h6 {
		font-size: 14px;
		font-weight: bold;
	}
	#BodyArea ul {
		list-style: url(../images/bullet_list.gif);
		line-height: 18px;
		color: #2B6171;
	}
	#BodyArea ol {
		line-height: 18px;
		color: #2B6171;
	}
		#BodyArea li { padding: 3px 0; }
	#BodyArea p, #BodyArea td {
		line-height: 21px;
	}
	#BodyArea td { 
		vertical-align: top;
		padding: 2px 3px;
	}
		#BodyArea td ul {
			margin-top: 0;
			margin-bottom: 0;
			padding-top: 0;
			padding-bottom: 0;
		}
			#BodyArea td li {
				padding-top: 0;
				padding-bottom: 0;
			}
		
	#BodyArea a { font-weight: bold; }
	#BodyArea a:link { color: #2B6171; text-decoration: underline; }
	#BodyArea a:visited { color: #2B6171; text-decoration: underline; }
	#BodyArea a:hover { color: #BB303D; text-decoration: none; }
	#BodyArea a:active { color: #BB303D; text-decoration: none; }
	
	.Facts {
		background: #E5DFD4;
		padding-bottom: 5px;
		margin-top: 10px;
	}
		.Facts p {
			margin: 0 10px;
		}
	.PhotoFloatLeft {
		float: left;
		padding: 1px;
		margin: 5px 10px 10px 0;
	}
	.PhotoFloatRight {
		float: right;
		padding: 1px;
		margin: 5px 0 10px 10px;
	}
	.PhotoCentre {
		border: 1px solid #333;
		padding: 1px;
		margin: 5px auto 10px;
	}
	.TableAltRow { background: #E5DFD4; }
	
	hr {
		color: #2B6171;
		background: #2B6171;
		border: 0;
		width: 100%;
		height: 1px;
		clear: both;
	}
	
	.GalleryTable {
		width: 700px;
		margin: 0;
		border-collapse: collapse;
		border-spacing: none;
	}
		#BodyArea .GalleryTable td {
			padding: 10px;
		}
		
	.PhotoResize {
		max-height:160px;
	}
		
	.ProjectsLinks {
		max-height:100px;
	]