/*
	Color sets
	
	Off-white: #e7dbaa
	Brown: #5f360b
	Green: #227118
	Link orange: #e88023
	
*/

html {margin: 0 0 10px 0; padding: 0;}
body {
	margin: 0 0 10px 0;
	padding: 0;
	background: #e7dbaa;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .8em;
	color: #3b3b3b;
}

a {color: #227118; text-decoration: underline;}
a:hover {color: #66bd5a; text-decoration: underline;}
img, img a, img a:hover {border: 0;}

#top {
	background: url(images/top_bg.png) 0 0 repeat-x;
	height: 110px;
}
#topInner {
	width: 908px;
	height: 110px;
	margin: 0 auto;
}



/*Container*/
.container {
	width: 890px;
	padding: 0 9px;
	background: url(images/container_bg.png) 0 0 repeat-y;
	margin: 0 auto;
	overflow: hidden;
	height: 100%;
}
.container2 {
	width: 874px;
	padding: 17px;
	background: url(images/container2_bg.png) 0 0 repeat-y;
	margin: 0 auto;
	overflow: hidden;
	height: 100%;
}
.blankContainer {
	width: 750px;
	padding: 0 9px;
    padding-right: 140px;
	margin: 0 auto;
	overflow: hidden;
	height: 100%;
}
#containerBot, #container2Bot {
	background: url(images/intro_page_container_bottom.png) 0 0 no-repeat;
	height: 14px;
	width: 908px;
	margin: 0 auto;
	font-size: 1px;
}
#container2Bot {background: url(images/inner_page_container_bottom.png) 0 0 no-repeat;}

/*Splash intro*/
#splashWrapper {
	background: url(images/splash_bg.jpg) 0 0 repeat-x;
	height: 280px;
	overflow: hidden;
}
#splashWrapper .container {padding: 0; width: 908px;}
#splashWrapper .container .splashBG {
	background: white url(images/header_splash_bg.png) 0 0 repeat-x;
	height: 280px;
	width: 900px;
	margin: 0 auto;
}
#splashWrapper .container .splashBG #splashContent {
	width: 890px;
	height: 280px;
	margin: 0 auto;
	background: url(images/splash_img.jpg) 0 0 no-repeat;
}
#splashWrapper .container .splashBG #splashContent h1, #splashWrapper .container .splashBG #splashContent p {
	float: right;
	display: inline;
	width: 400px;
	margin: 14px 0 8px 0;
	padding: 0 30px 0 0;
	clear: both;
	color: white;
	font-weight: normal;
	font-size: 28px;
}
#splashWrapper .container .splashBG #splashContent p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 14px 0;
}

#preamble {
	background: url(images/text_shadow_bg.png) 0 0 repeat-x;
	padding: 10px 12px 0 12px;
	margin: 0 0 15px 0;
	
}
#preamble p {
	font-size: 14px;
	margin: 0;
	padding: 0 0 12px 0;
	line-height: 26px;
	border-bottom: 1px solid #c0aa74;
}


/*Intro boxes*/
.introBox {
	width: 375px;
	background: url(images/inner_box.png) 0 50px no-repeat;
	overflow: hidden;
	padding: 0;
	float: left; display: inline;
}
.introBox .boxHeader {
	background: url(images/inner_box_header.png) 0 0 no-repeat;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: white;
}
.introBox .boxContent {
	background: url(images/inner_box_bottom.png) bottom left no-repeat;
	overflow: hidden;
	height: 100%;
	padding: 10px 15px;
	text-align: center;
}
.introBox .boxContent .images {
	/*float: left;*/
	/*display: inline;*/
	width: 100%;
	text-align:center;
}
.introBox .boxContent .images img {
	border: 3px solid white;
	/*display: block;*/
	margin: 0 10px 6px 10px;
}
.introBox .boxContent img {
	margin: 0 auto;
}

.introBox .boxContent p {
	padding: 0;
	margin: 5px 0 10px 0;
	color: black;
	float: right;
	display: inline;
	line-height: 1.4em;
	width: 210px;
	font-family: Arial, Helvetica, sans-serif;
}


/*Footer*/
#footer {
	width: 900px;
	margin: 15px auto 0 auto;
	padding: 0;
	overflow: hidden;
	height: 100%;
	background: url(images/ico_eho.png) bottom left no-repeat;
}
#footer ul#footerLinks {
	width: 530px;
	list-style: none;
	float: left;
	display: inline;
	margin: 0;
	text-align: left;
	padding: 0;
}
#footer ul#footerLinks li {
	display: inline;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#footer ul#footerLinks li a {text-decoration: none;}

#footer ul#footerContact {
	width: 330px;
	list-style: none;
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
}
#footer ul#footerContact li {
	font-family: Arial, Helvetica, sans-serif;
	color: #5f360b;
	text-align: right;
}
#footer ul#footerContact li strong {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
}
#footer ul#footerContact li a {text-decoration: none;}


/*Note*/
#note {
	background: url(images/note_bg.png) 0 0 no-repeat;
	width: 194px;
	height: 299px;
	position: absolute;
	margin: -33px 0 0 755px;
	z-index: 1;
}
#noteContent {
	overflow: hidden;

	position: absolute;
	padding: 57px 0 0 0;
	z-index: 3;
	margin: 0 0 0 755px;
	width: 194px;
	text-align: center;
}
#noteContent img {
	border: 3px solid white;
}
#noteContent h4 {
	font-weight: normal;
	font-size: 16px;
	color: #094509;
	margin: 0 20px;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #c6ae5b;
}
#noteContent p {
	font-size: 11px;
	color: #382206;
	font-family: Arial, Helvetica, sans-serif;
	width: 154px;
	margin: 0 auto;
	text-align: left;
}
#noteContent a {
	cursor: pointer;
	float: right;
	display: inline;
	margin: 14px 30px 0 0;
}
*:first-child+html #note {margin: -33px 0 0 0;}
*:first-child+html #noteContent {margin: 0;}



/*Inner page*/
#splashWrapper2 {
	background: url(images/splash_bg.jpg) 0 0 repeat-x;

}

#content {
	float: left;
	display: inline;
	width: 600px;
}

#fullcontent {
	width: 870px;
	padding: 0 10px;
}

.container2 h1, .container h1 {
	color: #0c1d4f;
	font-size: 30px;
	margin: 0px 0 7px 0;
	padding: 0 7px;
	font-weight: normal;
}
.container h1 {
	margin: 17px 0 0 0;
}
.container2 h1 span.header, .container h1 span.header {display: block;}
.container2 h1 span.subHeader, .container h1 span.subHeader {font-size: 20px; display: block; color: #1c3d9d;}

.flashArea {
	width: 613px;
	height: 515px;
	margin: 0;
	padding: 0;
}

.communityDescription, .contentArea {
	margin: 10px 0;
	padding: 0 7px;
	font-family: Arial, Helvetica, sans-serif;
}

blockquote {
	padding: 10px 0;
	color: #094509;
	font-size: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: 1px solid #e5e5a1;
	border-bottom: 1px solid #e5e5a1;
}


/*Sidebar*/
#sideBar {
	width: 230px;
	float: right;
	display: inline;
}
#sideBar h3 {
	color: #0c1d4f;
	font-size: 30px;
	margin: 10px 0 7px 0;
	padding: 0;
	font-weight: normal;
}
#sideBar h4 {
	font-size: 20px;
	color: #1c3d9d;
	margin: 10px 0 7px 0;
	padding: 0;
	font-weight: normal;
}
#sideBar .communityLogo {
	text-align: center;
	margin: 3px auto;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #c6cb83;
}
#sideBar ul#linkList {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	padding: 0;
}
#sideBar ul#linkList li {
	border-bottom: 1px solid #e5e5a1;
	padding: 3px 0 3px 20px;
	background: url(images/list_check.png) 0 5px no-repeat;
}
#sideBar ul#linkList li a {color: #794e16; text-decoration: none;}
#sideBar ul#linkList li a:hover {color: #b58444;}


.map {
	border: 1px solid #603b0c;
	display: block;
}

address {
	margin: 10px 0;
	font-size: 1.2em;
	display: block;
	color: #603b0c;
	font-style: normal;
}

#sideBar a {
	color: #227118;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#sideBar a:hover {
	color: #4ba540;
}

address strong {display: block; font-size: 1.2em;}

a.get_directions {font-size: 11px;}

#sideBar ul#moreInfoLinks {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	padding: 0;
}
#sideBar ul#moreInfoLinks li {
	border-bottom: 1px solid #e5e5a1;
	padding: 3px 0 3px 20px;
	background: url(images/list_arrow.png) 0 5px no-repeat;
}



/*Menu*/
#menuWrapper, .menuBg {
	background: url(images/menu_bg.png) 0 0 repeat-x;
	height: 35px;
}
.menuBg { display: block; line-height: 35px; padding-left: 10px; font-weight: bold; white-space: nowrap; overflow: none; }

#menuWrapper ul#menu {
	width: 890px;
	margin: 0 auto;
	padding: 1px 0 0 0;
	list-style: none;
}
#menuWrapper ul#menu li {
	height: 33px;
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden; /*Hides most of that Firefox click border the browser automatically adds*/
}
#menuWrapper ul#menu li a {
	height: 33px;
	display: block;
	text-indent: -9999px;
}

#menuWrapper ul#menu li.home a {background: url(images/menu_home.png) 0 0 no-repeat; width: 73px;}
#menuWrapper ul#menu li.about a {background: url(images/menu_about.png) 0 0 no-repeat; width: 131px;}
#menuWrapper ul#menu li.communities a {background: url(images/menu_communities.png) 0 0 no-repeat; width: 186px;}
#menuWrapper ul#menu li.news a {background: url(images/menu_news.png) 0 0 no-repeat; width: 117px;}
#menuWrapper ul#menu li.contact a {background: url(images/menu_contact.png) 0 0 no-repeat; width: 111px;}

#menuWrapper ul#menu li.home a:hover, #menuWrapper ul#menu li.about a:hover, #menuWrapper ul#menu li.communities a:hover,
#menuWrapper ul#menu li.news a:hover, #menuWrapper ul#menu li.contact a:hover {background-position: bottom left;}



/*Buttons*/
.button_view_communities {
	width: 168px;
	height: 42px;
	float: right;
	display: inline;
	clear: both;
	margin: 0 50px 0 0;
}
.button_view_communities a {
	text-indent: -9999px;
	display: block;
	width: 168px;
	height: 42px;
	background: url(images/button_view_communities.png) 0 0 no-repeat;
}
.button_view_communities a:hover {background-position: bottom left;}

.button_view_55_communities img, .button_view_family_communities img {
	width: 171px;
	height: 44px;
	margin: 10px auto 0 auto;
}
.button_view_family_communities img {width: 187px;}

ul.pdf li {
	margin: 8px;
	list-style: none;
	background: url(images/pdf.png) no-repeat;
	padding: 0 0 0 24px;
}

ul.fullsplit li.liHead {
	font-size: 1.5em;
	margin-bottom: 10px;
}

ul.fullsplit {
	width: 375px;
	float: left;
}
ul.fullsplit li {
	list-style: none;
	margin: 15px 0;
}
ul.fullsplit li .heading {
	font-size: 1.25em;
	margin: 5px 0;
	padding: 0;
	display: block;
}

/*Images*/
#logo {width: 212px; height: 110px; margin: 0 0 0 50px; float: left; display: inline;}
#tagLine {width: 416px; height: 110px; margin: 0 25px 0 0; float: right; display: inline;}

