/*COLOR GUIDE
________________________________________________________

yellow: 	#efe7bd;

cream: 		#e9e3c5;

clay: 		#8a5523;

caramel: 	#a39468;
tan: 			#d3c4a4;


emerald:	#035c61;
charcoal: 	#2a3b42;
berry: 		#f26561;

*/

.imgleft {
	float: left;
	border: 1px solid #AB9970;
	margin: 5px 15px 5px 0px;
}
.imgright {
	float: right;
	border: 1px solid #AB9970;
	margin: 5px 0px 5px 15px;
}
.imgcenter {
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
}

html, body {
	background: #764a1d url(../images/bg.jpg) repeat-x ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
}
	#logo {
	width: 153px;
	height: 272px;
	position: relative;
	top: 10px;
	left: 65px;
	z-index: 2;
}
#container {
	background: url(../images/page_bg.gif) top repeat-y;
	width: 940px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#header {
	width: 940px;
	margin: -274px auto 0px;
	position: relative;
	height: 49px;
	background-color: #8a5523;
}
#header_img {
	margin: 0 auto;
	background-color: #e9e3c5;
	width: 840px;
	height: 300px;
}
#page {
	background: url(../images/sidebar_bg.jpg) top left repeat-y;
	color: #424242;
	width: 840px;
	margin: 0px 0px 0px 50px;
	padding: 0px;
	float: left;
	position: relative;
	border-bottom: solid 1px #a39468;
}
#fullpage {
	color: #424242;
	width: 840px;
	margin-left: 50px;
	padding: 0px 0px 0px 0px;
	float: left;
	position: relative;
	border-bottom: solid 1px #a39468;
}

#twocols {
	width:650px;
	float:right;
	position:relative;
}

#rightcol {
	text-align: center;
	width:290px;
	float:right;
	position:relative;
	padding: 30px 0px 10px;
}

#leftcol {
	float: left;
	display:inline;
	position: relative;
	width:325px;
	padding: 30px 10px 10px 20px;
	border-right: solid 1px #a39468;
	border-left: solid 1px #a39468;
}

#footer {
	text-align: center;
	width: 840px;
	margin: 0px;
	padding: 15px 60px 10px 40px;
	clear: both;
	overflow: hidden;
}

#footer_bottom { 
	text-align: center;
	width: 940px;
	margin: 0px auto 0px auto;
	position: relative;
	clear: both;
	overflow: hidden;
	height: 65px; 
	background: url(../images/foot_bg.gif) center top no-repeat;
}

#footer p {
	margin: 10px 0px;
	color: #a39468;
	display:inline;
	float: left;
}

#footer p a {
	color: #035c61;
}
#footer_center {
	width: 70%;
	float: left;
	display:inline;
}
#footer_left {
	display:inline;
	float: left;
}
#footer_right {
	display:inline;
	float: right;
}

/******************* Full Page (No Side Nav) *******************/

#fulltwocols {
padding: 0px;
margin: 0px;
	width:840px;
	float: right;
	position:relative;
}
#fullleftcol {
	width:526px;
	padding: 30px 20px 20px 0px;
	float: left;
	position: relative;
	margin: 0px;
	border-right: solid 1px #a39468;
}
#fullrightcol {
	text-align: center;
	width:290px;
	float:right;
	position:relative;
	padding: 30px 0px 10px;
}
/******************* Homepage *******************/

#homeleftcol {
	width:265px;
	padding: 30px 0px 10px 10px;
	float:left;
	position: relative;
	margin: 0px;
}
#hometwocols {
padding: 0px;
margin: 0px;
	width:558px;
	float:right;
	position:relative;
	border-left: solid 1px #d3c4a4;
}
#homemidcol {
	text-align: left;
	width:265px;
	float: left;
	display:inline;
	position: relative;
	padding: 30px 0px 10px 10px;
}
#homerightcol {
	width:265px;
	float:right;
	position:relative;
	padding: 30px 0px 0px 10px;
	border-left: solid 1px #d3c4a4;
}
/******************* Resident Login *******************/

#onecol {
	width:600px;
	float:right;
	position:relative;
	padding: 30px 20px 0px 30px;
	border-left: solid 1px #d3c4a4;
}

/* *** Float containers fix  */ 
 
.clearfix: after {
	content:  ".";
	display:  block;
	height:  0;
	clear:  both;
	visibility:  hidden;
}

.clearfix {
	display:  inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height:  1%;
}

.clearfix {
	display:  block;
}
/* End hide from IE-mac */