Body {
 margin: 0 auto;
 padding: 0;  /* Set body margin and padding to get consistency between browsers. */
 font-family: Verdana,Tahoma,Arial,sans-serif;
 line-height: 124%;
 text-align: center;  /* Hack for IE5/Win */
 color: #a77849;
 background: url(images/weathered-wood.jpg);
}

.hide { display: none !important; }

a:link,
a:visited,
a:active {
 background: transparent;
 color: #a77849;
 text-decoration: none;
}

a:hover {
 background: transparent;
 color: #a77849;	
 text-decoration: none;
 }

a {
text-decoration: none;
color: #a77849;
}

p.left {
 width: 525px;
 padding: 10px;
 color: #a77849;
 margin-right: 15px;
 text-align: left;
}

p.copyright {
 color: #000;
 font-size: 11px;
 letter-spacing: 0.04em;
 line-height: 1.25em;
 font-weight: 500;
 margin-top: 10px;
 margin-left: 10px;
 margin-right: 15px;
 margin-bottom: 10px;
 text-align: center;
}

p.non-justify {
 width: 525px;
 padding: 10px;
 color: #a77849;
 margin-right: 15px;
 text-align: left;
}

p.strong {
 font-size: 12px;
 letter-spacing: 0.04em;
 line-height: 1.25em;
 font-style: oblique;
 font-weight: 600;
 margin-top: 10px;
 margin-left: 0;
 margin-right: 15px;
 margin-bottom: 10px;
 text-align: left;
}

p.subtitle {
 color: #a77849;
 font-size: 12px;
 font-style: oblique;
 font-weight: 500;
 letter-spacing: 0.04em;
 line-height: 1.35em;
 margin-top: 8px;
 margin-left: 15px;
 margin-right: 15px;
 margin-bottom: 10px;
}

p.subtitle2 {
 color: #a77849;
 font-size: 12px;
 font-style: oblique;
 font-weight: 500;
 letter-spacing: 0.04em;
 line-height: 1.35em;
 margin-top: 12px;
 margin-left: 15px;
 margin-right: 15px;
 margin-bottom: 10px;
}

p.sumpter-snowmobiling {
color: #a77849; 
font-size: 12px;
font-style: oblique;
margin-top: -5px;
text-align: center;
}

p.title {
 color: #a77849;
 font-size: 14px;
 letter-spacing: 0.04em;
 line-height: 1.25em;
 font-weight: 600;
 margin-top: 20px;
 margin-left: 10px;
 margin-right: 15px;
 margin-bottom: 10px;
 text-align: left;
}


h4.menu a {
 color: #a77849; 
 font-size: 12px; 
 margin-top: 15px; 
 margin-left: 5px; 
 margin-bottom: 15px; 
}

h4.menu {
 color: #a77849; 
 font-size: 12px; 
 margin-top: 12px; 
 margin-left: 5px; 
 margin-bottom: 12px;
text-align: left; 
}

h4.menu_top {
 color: #a77849; 
 font-size: 12px; 
 margin-top: 22px; 
 margin-left: 10px; 
 margin-bottom: 12px;
text-align: left; 
}


html>body { font-size: 82%;}

#PageLayout {
 width: 757px !important;
 margin: 0 auto;  /* Right and left margin widths set to "auto" */
 padding: 0;
 border: solid 1px #fffff7; 
 margin-top: 10px;
}

/*  This coding gets you back 1px for any width
    i.e. PageLayout is 757px, border is 1px - top,right,bottom,left
         757 + 2px (right and left) = 759px
         the following code makes it 759px  */

#Header #ContentLayout #rightContent { /*  #leftContent - including this doesn't seem to make any difference */
 overflow: visible;	/* fix for IE italics bug */
 position: relative;	/* fix some rendering issues */
}

#Header {
 width: 100%; 
 background: url(images/homestead-realty-banner.jpg);
 height: 398px;
}

#ContentLayout {
 width: 100%;
 color: #a77849;
 background: url(images/bg-b.jpg);
}

#rightContent {
 float: right;
 width: 525px;
 padding: 10px;
 color: #a77849;
 background: url(images/bg-b.jpg);
 margin-right: 15px;
 text-align: justify;
}

#leftContent {
 float: left;
 width: 170px !important;
 padding: 10px;
 color: #a77849;
 margin-left: 3px;
 text-align: left;
}

html>#leftContent { font-size: 84%;}

#footer {
 font-size: 12px;
 height: 130px;
 background: url(images/bg-b.jpg);
 padding: 0.5em;
 border-bottom: solid 1px #fffff7; 
}

img.floatleft {
 float: left; 
 margin-bottom: 5px; 
 margin-top: 6px; 
 margin-left: 0;
 margin-right: 10px; 
}

img.floatleft-sumpter-history {
 float: left; 
 margin-bottom: 5px; 
 margin-top: 0; 
 margin-left: 0;
 margin-right: 15px; 
}

img.floatright {
 float: right; 
 margin-bottom: 3px; 
 margin-top: 6px; 
 margin-left: 15px; 
 margin-right: 15px;
}

img.floatright_clarkes {
 float: right; 
 margin-bottom: 3px; 
 margin-top: 10px; 
 margin-left: 15px; 
 margin-right: 15px;
}


/* Include code to "clear" the Divide code. */
.clear {
 clear: both;
 padding-bottom: 1px;	/* for Gecko-based browsers */
 margin-bottom: 0;	/* for Gecko-based browsers */
}

UL {
 color: #a77849;
 font-family: Verdana, Tahoma, Arial, sans-serif;
 font-size: 12px;
 font-weight: 500; 
 line-height: 1.25em;
 margin-top: 10px; 
 margin-bottom: 15px; 
 margin-left: 10px;
 text-align: left;
}

LI {
 color: #a77849;
 font-family: Verdana, Tahoma, Arial, sans-serif;
 font-size: 12px;
 font-weight: 500; 
 line-height: 1.25em;
 margin-top: 10px; 
 margin-bottom: 15px; 
 margin-left: 10px;
 text-align: left;
}

li a:hover {
 background-color: #eeeeee;
}