@charset "UTF-8";
body {
	font:Arial, Helvetica, sans-serif;
	background: #758945;
	margin: 20; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.bodyArea #container {
	width: 736px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ECECEC;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
/* HEADER */
.bodyArea #header {
	width:718px;
	margin-left:9px;
	margin-right:9px;
	padding-top:9px;
}
.bodyArea #navigation {
	padding-top:10px;
	padding-left:10px;
	background-image:url(/images/navBar.jpg);
	background-repeat:no-repeat;
	width:718px;
	height:27px;
}

/* MAIN CONTENT */
.bodyArea #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.bodyArea #fullPage {
	width: 718px;
	margin-top: 9px;
	margin-left:9px;
}
.bodyArea #mainLeftColumn {
	float:left;
	width: 403px;
	margin-top: 9px;
	margin-left:9px;
}
.bodyArea #mainRightColumn {
	float:right;
	width: 306px;
	margin-top: 9px;
	margin-right:9px;
}

.contentContainer {
	border:#FFFFFF solid 2px;
	background-image:url(/images/contentFadedTop.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding:9px;
	margin-bottom:9px;
}

.clearer {
	clear:both;
	width:100%;
	height:1px;
}
.bodyArea #footer {
	background-image:url(/images/footer.png);
	background-repeat:no-repeat;
	width:718px;
	margin-left:9px;
	margin-right:9px;
	margin-bottom:9px;
	height: 81px;
}

.bodyArea #footerText {
	position:relative;
	top: 50px;
	margin-left:9px;
}

.imageAreaLeft {
	background-color:#ECECEC;
	padding: 7px;
	margin-right:7px;
	margin-top:7px;
	width: auto;
	height: auto;
}

.headerBar {
	border-bottom:1px solid #EEEEEE;
	margin-bottom:4px;
	margin-top: -15px;
	
}

.bodyArea #gallery {
	margin-left:0px;
	padding: 0px;
	width: 300px;
}
.bodyArea #gallery ul { list-style: none; }
.bodyArea #gallery ul li {
	margin:0px;
	display: inline;
}
.bodyArea #gallery ul img {
	border: 0px solid #FFFFFF;
}
.bodyArea #gallery ul a:hover img {
	border: 0px solid #999999;
}

.bodyArea .photogallery {
	margin-left:0px;
	padding: 0px;
	width: 390px;
}
.bodyArea .photogallery ul { list-style: none; }
.bodyArea .photogallery ul li {
	margin:0px;
	display: inline;
}
.bodyArea .photogallery ul img {
	border: 0px solid #FFFFFF;
}
.bodyArea .photogallery ul a:hover img {
	border: 0px solid #999999;
}