body {
  margin:  0px;
  border:  0px;
  padding: 0px;
}

#full_screen {
  margin:  0px;
  border:  0px;
  padding: 0px;
  font-size: 16px;
  font-family: "Trebuchet MS", tahoma, verdana, arial, sans-serif;
  background-color:  #B5AE9B;
}

#all_content {
  margin-left : auto; /* This is how you center a block horizontally,*/
  margin-right: auto; /* that is, side-to-side.                      */
  margin-top:    0px;
  margin-bottom: 0px;
  border: 0px;
  padding: 20px;
  width: 990px;    /* 0 + 0 + 40 +  990 = 1030.  */
  height: 4000px;
}

/* 714 + 276 = 990.  */

#left_content {
  margin-left  :  0px;  /* 20 + 0 + 20 + 674 = 714 */
  margin-top   :  0px;
  margin-right : 20px;
  margin-bottom:  0px;
  border: 0px;
  padding: 10px;
  width: 674px;
/*height: 685px;*/
  float: left;
  background-color:  white;
}

header {
  margin: 0px;
  border: 0px;
  padding: 0px;
  width: 100%;
  height: 148px;
  clear: both;  /* Keep the "main stuff" below this.  */
  background-color: #C1DDA2;
}

article {
  clear: both;
}

.banner {
  margin-top:     0px;   /* Not 10. */
  margin-bottom:  5px;
  margin-left:    0px;
  margin-right:   0px;
  border-top: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
  padding-top:     5px;
  padding-bottom:  5px;
  padding-left:    8px;
  padding-right:  10px;
  font: normal 120% verdana, sans-serif;
  text-transform: uppercase;
  color: #679100;
  background: transparent;
}

.newsletter_banner {    /* Not all upper-case. */
  margin-top:    10px;
  margin-bottom:  0px;  /* Not 5. */
  margin-left:    0px;
  margin-right:   0px;
  border-top: 1px solid #A0A0A0;
/*border-bottom: 1px solid #A0A0A0;*/
  padding-top:     5px;
  padding-bottom:  5px;
  padding-left:    8px;
  padding-right:  10px;
  font-size: 120%;
  font-family: "Trebuchet MS", tahoma, verdana, arial, sans-serif;
  color: #679100;
  background: transparent;
}

.css-slideshow{
   position: relative;
   max-width: 640px;
   height: 480px;
   margin: 20px auto 18px auto;
}

.css-slideshow figure{
   margin: 0;
   position: absolute;
   opacity: 0;
}

.css-slideshow figcaption{
   position: absolute;
   top: 0;
   color: #fff;
   background: rgba(0,0,0, .3);
   font-size: .8em;
   padding: 8px 12px;
   opacity: 0;
   transition: opacity .5s;
}

.css-slideshow:hover figure figcaption{
   transition: opacity .5s;
   opacity: 1;
}

/* First number, e.g. 111, must be somewhat greater than 6 * the number
of slides.  You'll have to figure out the precise value by trial and 
error.  */
figure:nth-child(1) {
   animation: xfade 111s  0s infinite;
}
figure:nth-child(2) {
   animation: xfade 111s  6s infinite;
}
figure:nth-child(3) {
   animation: xfade 111s 12s infinite;
}
figure:nth-child(4) {
   animation: xfade 111s 18s infinite;
}
figure:nth-child(5) {
   animation: xfade 111s 24s infinite;
}
figure:nth-child(6) {
   animation: xfade 111s 30s infinite;
}
figure:nth-child(7) {
   animation: xfade 111s 36s infinite;
}
figure:nth-child(8) {
   animation: xfade 111s 42s infinite;
}
figure:nth-child(9) {
   animation: xfade 111s 48s infinite;
}
figure:nth-child(10) {
   animation: xfade 111s 54s infinite;
}
figure:nth-child(11) {
   animation: xfade 111s 60s infinite;
}
figure:nth-child(12) {
   animation: xfade 111s 66s infinite;
}
figure:nth-child(13) {
   animation: xfade 111s 72s infinite;
}
figure:nth-child(14) {
   animation: xfade 111s 78s infinite;
}
figure:nth-child(15) {
   animation: xfade 111s 84s infinite;
}
figure:nth-child(16) {
   animation: xfade 111s 90s infinite;
}
figure:nth-child(17) {
   animation: xfade 111s 96s infinite;
}
figure:nth-child(18) {
   animation: xfade 111s 102s infinite;
}

@keyframes xfade{
   0%{
      opacity: 1;
   }
   4.667% {
      opacity: 1;
   }
   6.667% {
      opacity: 0;
   }
   98% {
      opacity: 0;
   }
   100% {
      opacity: 1;
   }
}

div #garage_sale {
  margin-top:     0px;
  margin-bottom:  0px;
  margin-left:    0px;
  margin-right:   0px;
  height: 790px;
  border-bottom: 1px solid #A0A0A0;
  padding-top:    25px;
  padding-bottom: 15px;
  text-align: center;
  clear: both;
}

div #announcement {
  margin-top:     0px;
  margin-bottom:  0px;
  margin-left:    0px;
  margin-right:   0px;
  height: 265px;
  border-bottom: 1px solid #A0A0A0;
  padding-top:     5px;
  padding-bottom: 15px;
  font-size: 115%;
  text-align: center;
  clear: both;
}

#announcement h2 {
  font-weight: bold;
}

.img_large {
  margin-top:    10px;
  margin-bottom: 10px;
  margin-left:    0px;
  margin-right:  15px;
  width:  65%;
  float: left;
  clear: both;
}

.img_left_large {
  margin-top:    10px;
  margin-bottom: 10px;
  margin-left:    0px;
  margin-right:  15px;
  width:  45%;
  float: left;
  clear: both;
}

.img_right_large {
  margin-top:    10px;
  margin-bottom: 10px;
  margin-left:    0px;
  margin-right:  15px;
  width:  30%;
  float: left;
}

.img_left {
  margin-top:    10px;
  margin-bottom: 10px;
  margin-left:    0px;
  margin-right:  15px;
  border: 0px;
  padding-top:     0px;
  padding-bottom:  0px;
  padding-left:    0px;
  padding-right:   0px;
  float: left;
}

.img_right {
  margin-top:    10px;
  margin-bottom: 10px;
  margin-left:   15px;
  margin-right:   0px;
  border: 0px;
  float: right;
}

article p.first {
  margin-top:    14px;
  margin-bottom: 10px;
  margin-left:    0px;
  margin-right:   0px;
}

article p.snug {
  margin-top:     0px;
  margin-bottom: 10px;
  margin-left:    0px;
  margin-right:   0px;
}

article p {
  margin-top:    10px;
  margin-bottom: 10px;
  margin-left:    0px;
  margin-right:   0px;
}

article p.home_first {
  margin-top:    14px;
  margin-bottom: 10px;
  margin-left:   20px;
  margin-right:  20px;
}

article p.home {
  margin-top:    14px;
  margin-bottom: 10px;
  margin-left:   20px;
  margin-right:  20px;
}

.quoted_source {
  margin-top:     0px;
  margin-bottom:  0px;
  margin-left:   50px;
  margin-right:   0px;
  font-weight: bold;
}

h2 {
  margin-top:     0px;
  margin-bottom:  0px;
  margin-left:    0px;
  margin-right:   0px;
  padding-top:    5px;
  padding-bottom: 0px;
  font-size: 110%;
  font-weight: bold;
}

main ul {
  margin-top:     0px;
  margin-bottom: 10px;
  margin-left:    0px;
  margin-right:   0px;
  padding-left:  15px;
  padding-right:  8px;
}

main ul.values {
  margin-top:     5px;
  margin-bottom:  0px;
  margin-left:    0px;
  margin-right:   0px;
  border: 0px;
  padding-left:  15px;
  padding-right:  8px;
  width: 70%;
  float: left;
}

main ul.values_2 {
  margin-top:     0px;
  margin-bottom: 10px;
  margin-left:    0px;
  margin-right:   0px;
  padding-left:  15px;
  padding-right:  8px;
  clear: both;
}

main ul li {
  margin-top:     0px;
  margin-bottom:  2px;
  border: 0px;
  padding-top:    0px;
  padding-bottom: 0px;
}

h2.green {
  margin-top:    10px;
  margin-bottom:  3px;
  margin-left:    0px;
  margin-right:   0px;
  padding: 0px;
  font-size: 110%;
  font-weight: bold;
}

#foyer_frame {
  margin-left:  auto;
  margin-right: auto;
  margin-top:    30px;
  margin-bottom:  0px;
  border: 1px solid black;
  padding-top:     5px;
  padding-bottom: 20px;
  padding-left:   20px;
  padding-right:  20px;
  width: 550px;
  height: 140px;
  background-color:  white;
  font-size: 95%;
}

#buyer_info {
  margin: 0;
  border: 0;
  padding: 0;
  width: 674px;
  height: 165px;
  background-color: white;
}

div.real_estate_info {
  margin-top:    10px;
  margin-bottom:  0px;
  margin-left:    0px;
  margin-right:   0px;
  border: 3px double black;
  padding-top:     0px;
  padding-bottom:  0px;
  padding-left:   15px;
  padding-right:  15px;
  width: 638px;  /* 638 + 30 + 6 + 00 = 674 */
  height: 144px; /* 144 +  0 + 6 + 10 = 160 */
  background-color: white;
  font-family: "Trebuchet MS", tahoma, verdana, arial, sans-serif;
  font-size: 16px;
}

div.real_estate_info h2 {
  margin-top:    10px;
  margin-bottom:  3px;
  margin-left:    0px;
  margin-right:   0px;
  padding: 0px;
}

div.real_estate_info ul {
  margin-top:     0px;
  margin-bottom:  0px;
  margin-left:    0px;
  margin-right:   0px;
  padding-left:  15px;
  padding-right:  8px;
}

div.real_estate_info ul li {
  margin-top:     4px;
  margin-bottom:  4px;
  border: 0;
  padding-top:    0px;
  padding-bottom: 0px;
}

h2.for_sale {
  margin:  0px;
  border:  0px;
  padding-top:    10px;
  padding-bottom:  0px;
  padding-left:   20px;
  padding-right:  20px;
}

div.real_estate_frame {
  margin-top:    15px;
  margin-bottom: 10px;
  border: 3px double black;
  padding: 0px;
  width: 674px;
}

div.real_estate_item {
  margin: 15px;
  border: 3px double black;
  padding: 15px;
}

div.real_estate_photo {
  margin: 0px;
  border: 1px solid black;
  padding: 1px;
  padding-bottom: 10px;
  text-align: center;
}

div.real_estate_item div.address {
  margin-top:    15px;
  font-weight: bold;
}

.under_contract {
  color:  #F00000;
  text-transform: uppercase;
}

footer {
  margin-top: 70px; /* Can't let main do this, because it's oblivious to
                       its photo slopping below its bottom edge.  */
  margin-left:  0px;
  margin-right: 0px;
  border-top: 5px solid black;
  padding-top: 10px;
  width: 100%;
  clear: both;  /* Be below the photo in the middle of the page.  */
}

aside {
  margin: 0px; /* 0 + 0 + 20 + 256 = 276 */
  border: 0px;
  padding: 10px;
  width: 256px;    /* These numbers have to match the iframe  */
  height: 765px;   /* arguments in index_1.html .             */
  float: left;
  background-color:  white;
}