@charset "utf-8";
/* CSS Document */

body {
	background: #F3F7E6;
	margin: 0; /* 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;
	background-image: url(../images/main_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
}
a {
	outline: none;
}
img {
	border: none;
}
.twoCol #container {
	width: 900px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoCol #header {
	padding: 0;
	margin: 0;
	background-image:url(../images/header_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 216px;
}
.twoCol #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; 
	color: #666600;
}
.twoCol #header .logo {
	margin: 0;
	padding: 0;
	height: 104px;
	text-align: center;
}

.twoCol #header .logo img{
	margin-top: 27px; 
}

.twoCol #type {
	text-align: right;
	margin-right: 16px;
	font-size: 14px;
}
.twoCol #type a {
	color: #000000;
	text-decoration: none;
}
.twoCol #type a:hover {
	color: #666600;
	text-decoration: none;
}
.twoCol #type span {
	font-size: 18px;
}
/* Begin Navigation */

.twoCol #navi {
	width: 690px;
	height: 30px;
	background: url(../images/links.jpg);
	margin: 47px 0px 0px 102px;
	padding: 0;
	position: absolute;
}
.twoCol #navi li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
.twoCol #navi li, #navi a {
	height: 30px;
	display: block;
}
.twoCol #navi1b {
	left: 20px;
	width: 136px;
}
.twoCol #navi2b {
	left: 190px;
	width: 90px;
}
.twoCol #navi3b {
	left: 316px;
	width: 82px;
}
.twoCol #navi4b {
	left: 440px;
	width: 124px;
}
.twoCol #navi5b {
	left: 602px;
	width: 72px;
}
.twoCol #navi1b a:hover {
	background: transparent url(../images/links.jpg) -20px -30px no-repeat;
}
.twoCol #navi2b a:hover {
	background: transparent url(../images/links.jpg) -190px -30px no-repeat;
}
.twoCol #navi3b a:hover {
	background: transparent url(../images/links.jpg) -316px -30px no-repeat;
}
.twoCol #navi4b a:hover {
	background: transparent url(../images/links.jpg) -440px -30px no-repeat;
}
.twoCol #navi5b a:hover {
	background: transparent url(../images/links.jpg) -602px -30px no-repeat;
}
/* End Navigation */

.twoCol #innerContainer {
	margin: 0;
	padding: 0;
	background-color: #D9F3DB;
	/*background-image: url(../images/eho.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;*/
	border: 1px solid #666600;
	border-top: 0px solid #666600;
	float: left;
}
.twoCol #innerContainer .photo {
	margin-bottom:20px;
	width: 898px;
	text-align: center;
}
.twoCol #innerContainer .eho {
	float: left;
	margin: 0;
	padding: 0;
	/*background-image: url(../images/eho.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;*/
	width: 898px;
	height: 45px;
	bottom: 0;
}
.twoCol #colContainer {
	margin: 0 0 0 102px;
	padding: 0;
	width: 693px;
	text-align: left;
	position: inherit;
	
}
.twoCol #sidebar1 {
	float: right; 
	width: 234px;
	/*min-height: 270px;*/
	padding: 0 0 0 6px;
	margin: 0 0 40px 0;
	/*background-image: url(../images/rightColBorder.jpg);
	background-position: top left;
	background-repeat: no-repeat;*/
}
.twoCol #sidebar1 .index {
	margin: 0;
	padding: 0;
	height: 250px;
}
.twoCol #sidebar1 .amenities {	
	margin: 0;
	padding: 0;
	height: 450px;
}
.twoCol #sidebar1 .comm {
	margin: 0;
	padding: 0;
	height: 450px;
}
.twoCol #sidebar1 .contact {
	margin: 0;
	padding: 0;
	height: 450px;
}
.twoCol #mainContent {
	margin: 0 234px 0 0; 
	padding: 1px 20px;
	font-size: 16px;
	line-height: 24px;
	background-image: url(../images/content_border.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
.twoCol #mainContent a {
	color: #29561D;
}
.twoCol #mainContent vlink {
	color: #C1C283;
}
.twoCol #mainContent h2 {
	color: #29561D;
	font-size: 25px;
}
.twoCol #footer {
	padding: 15px 20px 20px 20px; 
	text-align: center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}
.twoCol #footer a {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	color: #29561D;
	font-size: 18px;
}
.twoCol #footer a:hover {
	color: #000000;
	text-decoration: none;
}
/*.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}*/
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}