/* HTML Elements */

html, body {
	margin: 0px;
	height: 100%;
	font: 11px georgia, times, serif;
	color: #9C4D1C;
	background-color: #DCBC85;
	background-image: url('images/topbanner_tile.gif');
	background-repeat:  repeat-x;
	background-position: 0px 0px;
}
p
{
    margin: 0px 0px 12px 0px;
}
img 
{
	border: none;
}
fieldset
{
	margin-top: 12px;
	padding: 12px;
	border: solid 1px #6A5808;
}
legend
{
	font: 11px georgia, times, serif;
	color: #6A5808;
}
h1, .h1
{    /* large headline - SIFR into Trajan font */
	font: 24px georgia, times, serif;
	font-weight: bold;
	color: #9C4D1C;
    margin: 0px 0px 3px 0px;
}
h2, .h2 {    /* large headline - SIFR into Trajan font */
	font: 20px georgia, times, serif;
	font-weight: bold;
	color: #9C4D1C;
    margin: 0px 0px 3px 0px;
}
h3, .h3 {    /* small headline - SIFR into Trajan font */
	font: 20px georgia, times, serif;
	color: #9C4D1C;
    margin: 0px 0px 0px 0px;
}
h4, .h4 {    /* same as h3, only in alternate color */
        /* small headline - SIFR into Trajan font */
        /* sidebar header */
	font: 20px georgia, times, serif;
	color: #808000;
    margin: 0px 0px 3px 0px;
}
h5, .h5 {  
        /* small headline - SIFR into Trajan font */
        /* home page and communities landing page */
	font: 16px georgia, times, serif;
	color: #808000;
    margin: 0px 0px 3px 0px;
}
h6, .h6
{    /* mediun headline - SIFR into Trajan font */
	font: 18px georgia, times, serif;
	color: #3B3B3B;
    margin: 0px 0px 3px 0px;
}
ul li
{
    margin-left: -23px;
}
ol li
{
    margin-left: -10px;
}
a, a:visited 
{
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

/* Classes */

.BreadCrumb
{
    color: #6A5808; 
    font: 8pt Arial;
}
.siteSlideshow
{
    position: absolute; 
    left: 222px; 
    top: 130px; 
    border: solid 1px #9d4b1c; 
    filter: progid:DXImageTransform.Microsoft.shadow(strength=3,direction=135,color=#555555);
}
.seriesDetails
{
    font-weight: bold;
    margin: 0px 0px 6px 0px;
}
.contactLabel 
{
    margin-top: 10px;
    margin-left: 10px;
}
.contactControl 
{
    margin-top: 4px;
    margin-left: 16px;
    vertical-align: middle;
}
.topMenuItem {
	position: absolute;
	top: 0px;
	height: 36px;
}
.rule_dot {
	width: 100%;
	height: 24px;
	background-image: url('images/rule_dot.gif');
	background-position: 0px 50%;
	background-repeat: repeat-x;
	margin: 0px 0px;
}
.rule_dot_dark {
	width: 100%;
	height: 24px;
	background-image: url('images/rule_dot_dark.gif');
	background-position: 0px 50%;
	background-repeat: repeat-x;
	margin: 0px 0px;
}

.rule_solid {
	border-bottom: 1px solid #8A4410; 
	height: 25px; 
	margin-bottom: 25px;
}

.linkArrow {
	vertical-align: top;
	margin: 2px 4px;
	border: none;
}


/* Object */

#MainMenu       
{
    position: absolute;
    z-index: 10; 
    top: 41px;
    left: 140px;
    z-index: 10;
}
#ToolsMenu       
{
    position: absolute;
    z-index: 10; 
    top: 10px;
    left: 720px;
    z-index: 10;
}
#PhoneMenu
{
    position: absolute;
    z-index: 10; 
    top: 50px;
    left: 750px;
    z-index: 10;
    font: bold 8pt Verdana;
    letter-spacing: -1px;
    color: White;
}
#Content
{
	width: 814px;
	background-color: #F2EAD7;
	color: #9C4D1C;
    font: 11px georgia, times, serif;
	border: 1px solid #9C4D1C;
    padding: 40px 0px 40px 0px;
    overflow:hidden;
    line-height: 1.6em;
}
#Content table, #Content tr, #Content td  
{
    font: 11px georgia, times, serif;
    line-height: 1.6em;
}
#Content a, #Content a:visited, .inactiveLink, #communities_menu a, #map_container a 
{
    font: 11px georgia, times, serif;
    color: #6A5B08;
    text-decoration: underline;
}
#Content a:hover, #communities_menu a:hover, #map_container a:hover
{
    text-decoration: underline;
}
#BreadCrumbBar
{
    position: absolute; left: 305px; top: 85px; height: 40px; width: 550px; text-align: left; 
}
#BreadCrumb
{
    position: absolute; left: 298px; top: 90px; height: 40px; width: 550px; text-align: left; 
}
#SubMenu
{
    position: absolute;
    top: -50px;
    left: -50px;
}
#mainTable {
	width: 1000px;
	height: 100%;
}
#topBanner {
	background: #92A545 url('images/topbanner_tile.gif') repeat-x;
	height: 65px;
	padding: 0px;
	white-space: nowrap;
}
#sideLeft {
	border-top: 1px solid #BB8A00;
	background-image: url('images/shadow_main_left.gif');
	background-position: right;
	background-repeat: repeat-y;
}
#sideRight {
	border-top: 1px solid #BB8A00;
	background-image: url('images/shadow_main_right.gif');
	background-position: left;
	background-repeat: repeat-y;
}
#footer {
	background-image: url('images/shadow_main_bottom.gif');
	background-position: top;
	background-repeat: repeat-x;
}
#footer p {
	font: 11px arial, helvetica, sans;
	color: #9C4D1C;
	margin-top: 12px;
}
#footer a {
	font: 11px arial, helvetica, sans;
	color: #9C4D1C;
	text-decoration: : underline;
}

#topMenu {
	position: absolute;
	left: 144px;
	top: 41px;
	width: 800px;
	height: 36px;
}
#home_title {
	position: absolute;
	left: 268px;
	top: 89px;
	width: 623px;
	height: 34px;
}
#home_slideshow {
	position: absolute;
	left: 224px;
	top: 134px;
	width: 747px;
	height: 369px;
	border: 1px solid #9C4D1C;
    background-color: #dcbc85;
}
html>body #home_slideshow {
	position: absolute;
	left: 224px;
	top: 134px;
	width: 745px;
	height: 367px;
	border: 1px solid #9C4D1C;
    background-color: #dcbc85;
}
#home_slideshow_image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 745px;
	height: 367px;
}
#home_search {
	position: absolute;
	top: 165px;
	left: 30px;
	width: 198px;
	height: 308px;
	background-color: #E6D4AE;
	border: 1px solid #9C4D1C;
}
/*hack to get div in firefox to be same height as in i.e.*/
html>body #home_search {
	position: absolute;
	top: 165px;
	left: 30px;
	width: 198px;
	height: 306px;
	background-color: #E6D4AE;
	border: 1px solid #9C4D1C;
}
#home_search_txt {
	position: absolute;
	top: 25px;
	left: 17px;
	width: 167px;
	height: 57px;
}
#home_search_wa {
	position: absolute;
	top: 100px;
	left: 17px;
	width: 167px;
	height: 85px;
}
#home_search_or {
	position: absolute;
	top: 185px;
	left: 17px;
	width: 167px;
	height: 102px;
}
#home_content /* align with navbar and allow space for artwork */
{
    margin-left: 130px;
    margin-top: 420px;
}    
#home_content_alt /* align with navbar and do not allow space for artwork */
{
    margin-left: 170px;
    margin-top: 35px;
}    
#home_menu
{
    position: absolute; 
    left: 29px; 
    top: 92px; 
    height: 388px; 
    width: 248px; 
    border: solid 2px #f0f0f0; 
}
#utilMenu {
	position: absolute;
	left: 720px;
	top: 14px;
	background-color: #A9B86B;
}
#utilMenu table {
	width: 255px;
	height: 22px;
}
#utilMenu table td img
{
    height: 22px;
}
#utilMenu table td.item {
	text-align: center;
	height: 22px;
}
#utilMenu table td.div {
	width: 1px;
}
#utilMenu table td.leftEnd {
	text-align: left;
	width: 4px;
}
#utilMenu table td.rightEnd {
	text-align: right;
	width: 4px;
}
#utilMenu table td a 
{
	display: block;
	color: #FFFFFF;
	font: 11px verdana, helvetica, sans;
	text-decoration: none;
	margin-top: 4px;
}
#utilMenu table td a:hover {
	text-decoration: underline;
}

#communities_artwork {
	position: absolute;
	top: 127px;
	left: 280px;
	width: 685px;
	height: 300px;
	overflow: hidden;
	background-color: #E6D4AE;
	border: 1px solid #9C4D1C;
}
#communities_artwork_image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 685px;
	height: 300px;
}
#communities_content /* align with navbar and allow space for artwork */
{
    margin-left: 170px;
    margin-top: 345px;
}    
#communities_content_alt /* align with navbar and do not allow space for artwork */
{
    margin-left: 170px;
    margin-top: 30px;
}    
#map_container
{
    position: absolute; 
    left: 30px; 
    top: 94px; 
    width: 248px;
    height: 390px;
}
#map_placeholder
{
	width: 248px;
    height: 390px !important;
    height: 390px; 
}
#communities_menu
{
    position: absolute; 
    left: 28px; 
    top: 92px; 
    width: 252px;
    *height: 100px; 
}
#community_menu
{
    position: absolute; 
    left: 28px; 
    top: 479px !important;
    top: 483px; 
    *width: 252px; 
    *height: 100px;
}
#contact_artwork {
	position: absolute;
	top: 120px;
	left: 146px;
	width: 825px;
	height: 303px;
	overflow: hidden;
	background-color: #E6D4AE;
	border: 1px solid #9C4D1C;
}
#contact_artwork_image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 940px;
	height: 303px;
}
#contact_content /* align with navbar and allow space for artwork */
{
    margin-left: 170px;
    margin-top: 345px;
}    
#contact_content_alt /* align with navbar and do not allow space for artwork */
{
    margin-left: 170px;
    margin-top: 35px;
} 
#contact_menu {
	position: absolute;
	top: 150px;
	left: 30px;
}
/* ie6 hacks */
*html #contact_menu 
{
	width: 192px;
	height: 50px; 
}
#difference_artwork {
	position: absolute;
	top: 120px;
	left: 146px;
	width: 824px;
	height: 303px;
	overflow: hidden;
	background-color: #E6D4AE;
	border: 1px solid #9C4D1C;
}
#difference_artwork_image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 825px;
	height: 303px;
}
#difference_content /* align with navbar and allow space for artwork */
{
    margin-left: 170px;
    margin-top: 345px;
}    
#difference_content_alt /* align with navbar and do not allow space for artwork */
{
    margin-left: 170px;
    margin-top: 35px;
}    
#difference_menu {
	position: absolute;
	top: 150px;
	left: 30px;
}

#testimonials_content {
	margin-left: 170px; 
	margin-top: 20px;	
}
/* ie6 hacks */
*html #difference_menu 
{
	width: 192px;
	height: 100px; 
}
#homeowners_artwork {
	position: absolute;
	top: 120px;
	left: 146px;
	width: 825px;
	height: 303px;
	overflow: hidden;
	background-color: #E6D4AE;
	border: 1px solid #9C4D1C;
}
#homeowners_artwork_image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 825px;
	height: 303px;
}
#homeowners_content /* align with navbar and allow space for artwork */
{
    margin-left: 170px;
    margin-top: 345px;
}    
#homeowners_content_alt /* align with navbar and do not allow space for artwork */
{
    margin-left: 170px;
    margin-top: 35px;
}    
#homeowners_menu {
	position: absolute;
	top: 150px;
	left: 30px;
}
/* ie6 hacks */
*html #homeowners_menu 
{
	width: 192px;
	height: 50px; 
}
#referral_artwork {
	position: absolute;
	top: 120px;
	left: 146px;
	width: 825px;
	height: 303px;
	overflow: hidden;
	background-color: #E6D4AE;
	border: 1px solid #9C4D1C;
}
#referral_artwork_image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 825px;
	height: 303px;
}
#referral_content /* align with navbar and allow space for artwork */
{
    margin-left: 170px;
    margin-top: 45px;
}    
#referral_content_alt /* align with navbar and do not allow space for artwork */
{
    margin-left: 170px;
    margin-top: 35px;
}    
#referral_menu {
	position: absolute;
	top: 150px;
	left: 30px;
}
/* ie6 hacks */
*html #referral_menu 
{
	width: 192px;
	height: 50px; 
}
#series_content 
{
    margin-left: 170px;
    margin-top: 35px;
}    
#series_menu {
	position: absolute; 
    left: 29px; 
    top: 92px; 
    width: 248px; 
    border: solid 2px #f0f0f0; 
}
/* ie6 hacks */
*html #series_menu 
{
	height: 50px; 
}
#eoh_logo {
	float: left;
	margin: 13px 5px 0px 2px;
}
.adminArea
{
    border: dashed 1px #FF0000;
}
#Content .editLink, .editLink
{
    xfont-family: Verdana;
    xfont-size: 10px;
    text-align:right;
    background: #FF0000;
    color: #FFFFFF;
}
#Content .editLink a, #Content .editLink a:visited, .editLink a, .editLink a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
.adminToolbar
{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 3px 3px 3px 3px;
}
#Content .adminOnlyLink, .adminOnlyLink, #Content a:visited.adminOnlyLink
{
    color: #AEAB89;
}
#Content .uiLink, .uiLink, #Content a:visited.uiLink
{
    font: 11px georgia, times, serif;
    color: #6A5B08;
    text-decoration: none;
}
#Content a:hover.uiLink
{
    text-decoration: underline;
}
#admin_content 
{
    padding: 40px 40px 40px 80px;
}
.formButton
{
    background: #97A443;
    color: #F6F9E7;
    font-weight: bold;
    border: solid 2px #F6F9E7;
}