body {
 background-color: #fff;
 margin: 0; /*top&bottom left&right*/
 padding: 0;
}
p {
 color: #000;
 font: 12px/18px Arial, Helvetica, sans-serif;
 text-align: left;
}
a {
 color: #003300;
 text-decoration: underline;
}
a:hover {
 text-decoration: underline;
}
a:visited {
 color: #996633;
}
strong {
 color: #702e18;
}
img {
 border: none;
 margin: 0;
 padding: 0;
}
.hidden {
 display: none;
 visibility: hidden;
}
h1 {
 color: #000;
 margin: 0;
 padding: 0;
 z-index: 1;
}
#header h1 {
 background: url("http://www.thereserveatpoplarplains.com/images/site/bkg-header-home.jpg") no-repeat transparent;
 width: 320px; /*logo image width*/
 height: 365px; /*logo image height*/
}
#header-inside h1 {
 background: url("http://www.thereserveatpoplarplains.com/images/site/bkg-header-inside.jpg") no-repeat transparent;
 width: 320px; /*logo image width*/
 height: 227px; /*logo image height*/
}
h1 span { /*Hides site title if page viewed by web browser*/
 display: none;
 visibility: hidden;
}
h2 {
 font: bold 22px/33px Georgia, "Times New Roman", Times, serif;
 margin: 0;
 padding: .25em 0 0;
}
h3 {
 font: 18px/27px Tahoma, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 1em 0 0;
}
h4 {
 font: 16px/24px Tahoma, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 1em 0 0;
}
h5 {
 font: 14px/18px Tahoma, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 1em 0 0;
}
#description {
 display: none;
 visibility: hidden;
}


/*Layout styles*/
#frame, #header, #header-inside, #home-photo, #open-house-note, #content, #content-model, #content-center, #footer, #footer-inside {
 float: left;
 margin: 0;
 padding: 0;
 position: relative;
 width: 975px;
 z-index: 1;
}
#nav, #topnav, #midnav, #btnnav, #leftcol-inside, #rightcol-inside, #rightcol-content {
 margin: 0;
 padding: 0;
 position: absolute;
}

#frame {
 background: transparent;
}

#header, #header-inside {
 background: transparent;
 text-align: left;
 width: 320px;
}


#home-photo {
 margin-top: 55px;
 width: 651px;
}

#leftcol-inside {
 left: 0;
 top: 230px;
 width: 320px;
}
#open-house-note {
 padding-left: 83px;
 width: 220px;
}
#open-house-note p {
 font: 12px/18px Tahoma, Arial, Helvetica, Verdana;
}
#leftcol-inside #buttons, #leftcol-inside #address img {
 display: inline;
 float: left;
 margin: 0;
 padding: 0 0 0 77px;
 position: relative;
 width: 237px;
}
#leftcol-inside #address img {
 margin: 2em 0 0 -75px;
 padding-left: 0;
 width: 320px;
}

#content {
 background: url("http://www.thereserveatpoplarplains.com/images/site/bkg-inside-content.jpg") repeat transparent;
 clear: right;
 margin-top: 60px;
 min-height: 600px;
 padding-left: 0;
 width: 651px;
}
/* for Internet Explorer */
/*\*/
* html #content {
 height: 600px;
}
/**/

#content-center {
 width: 380px;
}
#content-center h2, #content-center h3, #content-center h4, #content-center h5, #content-center p {
 background: transparent;
 color: #000;
 margin: 0;
 padding: 0 10px 40px 30px;
 text-align: left;
 width: 320px;
}
#center-image {
 background: transparent;
 clear: left;
 display: inline;
 float: left;
 margin: 0 0 0 30px;
 padding: 0;
 position: relative;
 width: 314px;
}
#content-center #center-image img {
 background: #b88f59;
 margin: 0;
 padding: 4px;
}
#center-image p {
 margin: 0;
 padding: 0;
 text-align: right;
}
#content-center a, #content-center img {
 margin: 0;
 padding: 0;
}

#content-center #center-image .view-larger {
 background: #b88f59;
 clear: both;
 display: inline;
 float: left;
 font: 12px/18px Arial, Helvetica, sans-serif;
 margin: -4px 0 0;
 padding: 0 0 5px 5px;
 position: relative;
 width: 317px;
}
#right-top-image .view-larger {
 background: #fefed6;
 clear: both;
 display: inline;
 font: 12px/12px Arial, Helvetica, sans-serif;
 float: left;
 margin: 0 0 0 -4px;
 padding: 0 0 5px 5px;
 position: relative;
 width: 249px;
}
#content-center #center-image .view-larger a {
 color: #fff;
 margin: 0;
 padding: 2px 4px;
 text-align: right;
 text-decoration: none;
}
#right-top-image .view-larger a {
 color: #000;
 margin: 0;
 padding: 5px 0 10px;
 text-align: right;
 text-decoration: none;
}
#center-image .view-larger img, #right-top-image .view-larger img {
 margin: 0;
 padding: 6px 0 0 6px;
}

#content h2, #content h3, #content h4, #content h5, #content p {
 background: transparent;
 color: #000;
 margin: 0;
 padding: 0 10px 40px 30px;
 text-align: left;
 width: 320px;
}
#content h2 {
 background: url("http://www.thereserveatpoplarplains.com/images/site/bkg-inside-h2-dingbat.gif") no-repeat transparent 10px 10px;
 color: #702e18;
 height: 35px;
 margin: 0;
 padding: 10px 0 40px 55px;
 width: 290px;
}
#content h3, #content h4, #content h5 {
 padding-bottom: 0;
}
#content h3 {
 color: #702e18;
 font: bold 16pt/20pt Arial, Helvetica, sans-serif;
 text-transform: uppercase;
}
#content h4 {
 color: #003300;
 margin-top: 1em;
 font: bold 15pt/20pt Arial, Helvetica, sans-serif;
}
#content h5 {
 color: #702e18;
 font: bold 14pt/20pt Arial, Helvetica, sans-serif;
}
#content h6 {
 color: #000;
 font: bold 13pt/18pt Arial, Helvetica, sans-serif;
}
#content #center-image {
 margin: 0 0 2em 30px;
 padding: 0;
 width: 321px;
}
#content #center-image p {
 margin: 0;
 padding: 0;
 text-align: right;
}
#content #center-image a {
 margin: 0;
 padding: 0;
}

#content p {
 margin: 0;
 padding-bottom: 2em;
}
#content .note {
 margin: 0;
 padding: 0 0 6px 40px;
}
#content ul {
 margin: 0;
 padding: 0 40px 1em;
 width: 320px;
}
#content ul li {
 font: 12px/18px Arial, Helvetica, sans-serif;
 margin: 10px 14px 10px 14px;
 padding-left: 5px;
 vertical-align: top;
 width: 310px;
}


#blog-entries h3 {
 color: #702e18;
 font: bold 12pt/16pt Arial, Helvetica, sans-serif;
 text-transform: none;
}
#blog-date {
 font: normal 8pt/11pt Arial, Helvetica, sans-serif;
 margin: 0 0 0 30px; padding: 0;
 text-transform: uppercase;
}


#rightcol-inside {
 left: 700px;
 padding-bottom: 10px;
 top: 60px;
 width: 245px;
 z-index: 10;
}
#rightcol-content {
 left: 380px;
 padding-bottom: 10px;
 top: 0;
 width: 245px;
 z-index: 10;
}
#rightcol-inside #right-top-image, #rightcol-content #right-top-image {
 background: #fefed6;
 clear: right;
 display: inline;
 float: left;
 margin: 0;
 padding: 50px 4px 4px;
 position: relative;
 width: 245px;
}
#rightcol-inside h3, #rightcol-content h3, #links h4 {
 clear: left;
 color: #702e18;
 font: bold 14px/18px Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 10px 0 0 20px;
}
#rightcol-inside ul, #rightcol-inside li, #rightcol-content ul, #rightcol-content li {
 font: 12px/18px Arial, Helvetica, sans-serif;
}
#rightcol-inside li, #rightcol-content li {
 font: 12px/18px Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 vertical-align: top;
}
#links {
 clear: both;
 display: inline;
 float: left;
 position: relative;
 width: 245px;
}
#links h4, #links p {
 margin: 0;
 padding: 0 0 0 20px;
}
#links h4 {
 margin-top: 10px;
}
#links ul {
 margin-top: 0;
 padding: 0 0 0 20px;
}
#links ul li {
margin-top: 0; margin-bottom: 0;
padding-top: 0; padding-bottom: 0;
}

#footer {
 color: #999;
 display: inline;
 float: left;
 width: 651px;
}
html>body #footer {
 float: left;
 margin: 75px 0 40px 335px;
 width: 651px;
}
#footer p {
 color: #999;
 font-size: 10px;
}

#footer-inside p {
 text-align: right;
}
#footer-inside {
 display: inline;
 float: right;
 position: relative;
 width: 971px;
}
html>body #footer-inside {
 float: right;
 width: 971px;
}
.footer-address {
 color: #999;
 float: left;
 margin: 25px 0;
 padding: 0;
 position: relative;
}
#footer-links {
 background: transparent;
 color: #999;
 display: inline;
 float: left;
 font: 12px/18px Arial, Helvetica, sans-serif;
 margin: 0 0 36px;
 padding: 0;
 position: relative;
 text-align: left;
 width: 100%;
}
#footer-links a {
 font-size: 12px;
 text-align: left;
 text-decoration: none;
}
#footer-links a:hover {
 text-decoration: underline;
}
#footer-links p {
 color: #999;
 font-size: 9px;
 text-align: center;
}



/*Navigation link styles*/
#topnav img, #midnav img, #btnnav img, #topnav ul, #midnav ul, #topnav li, #midnav li {
 background: transparent;
 margin: 0;
 padding: 0;
 text-align: left;
 z-index: 100;
}
#topnav img, #midnav img, #btnnav img {
 position: relative;
 z-index: 100;
}
#topnav span, #midnav span, #btnnav span {
 display: none;
 visibility: hidden;
}
#topnav ul, #midnav ul {
 float: left;
 position: relative;
 z-index: 100;
}
#topnav li, #midnav li {
 display: inline;
 float: left;
 list-style: none;
 position: relative;
 z-index: 100;
}
#topnav ul {
 height: 24px;
 width: 704px;
}
#midnav ul {
 height: 95px;
 width: 981px;
}


/*Styles for IE6/7 browsers that don't conform to W3C standards*/
#topnav {
 left: 243px;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 29px;
 z-index: 100;
}
#midnav {
 display: inline;
 float: left;
 margin: 0;
 padding: 0;
 position: relative;
 z-index: 100;
}
#btnnav {
 display: inline;
 float: left;
 margin: 0;
 padding: 0 0 0 83px;
 position: relative;
 width: 237px;
}

/*Styles for W3C compliant browsers*/
html>body #midnav {
 left: 0;
 position: absolute;
 top: 366px;
}

html>body #btnnav {
 left: 83px;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 461px;
 width: 237px;
}


/*Horizontal Menu related styles*/
#topnav ul li a, #topnav ul li a:hover {
 background-color: #fff;
 color: #702e18;
 font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
}
html>body #topnav ul li a, html>body #topnav ul li a:hover {
 display: block; /*This breaks IE browsers, no surprise*/
}

/*1st sub level menu*/
#topnav ul li ul{
 display: block;
 left: 0;
 margin: 0;
 padding: 0;
 position: absolute;
 top: .25em; /* no need to change, as true value set by script */
 visibility: hidden;
 width: 140px;
 z-index: 100;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#topnav ul li ul li{
 display: list-item;
 float: none;
 margin: 0;
 padding: 0;
 z-index: 100;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
#topnav ul li ul li ul{ 
 left: 159px; /* no need to change, as true value set by script */
 top: 0;
 z-index: 100;
}

/* Sub level menu links style */
#topnav ul li ul li a, #topnav ul li ul li a:hover {
 background-color: #fff;
 border: 1px solid #eee;
 color: #c37b0f; /*#702e18;*/
 display: block;
 font: bold small-caps 11px/18px Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 4px 10px;
 text-decoration: none;
 width: 140px; /*width of sub menu levels*/
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
 padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html #topnav ul li { float: left; height: 1%; }
* html #topnav ul li a { height: 1%; }
/* End */