body {background-color:#94a284;	
  }

.banner {margin: 0 auto;
  }

.banner td {padding: 0;
            margin: 0;
  }

.banner td img {display: block;
                border: none;
  }

.nav_container {width: 747px;
                height: 50px;
                background-image: url(images/ribbon.jpg);
                background-repeat: no-repeat;
  }

.nav {list-style-type: none;
      text-align: center;
      padding: 0px;
      margin: 0px 20px;
      max-height: 50px;
      
  }
   
.nav li {display: inline;
         padding: 0 20px;
         font-weight: bold;
         color: #6b8a6b;
         font-family: georgia;
  }

.nav li span a {color: #254714; 
  }

.nav li a {color: #728547;
           text-decoration: none;
  }

.nav li a:hover {color: #254714;
  }

.gal_nav {color: green;
          font-weight: bold;
          text-align: center;
          padding-bottom: 1em;
}

.gal_nav img {padding-top: 1em;
}

.gal_nav table {margin-bottom: 1em;
                width: 100px;
                margin-right: auto;
                margin-left: auto;
}

.gal_nav table td {padding-right: 1em;
                   padding-left: 1em;
}

.nav_shadow {width: 747px;
             height: 45px;
             background-image: url(images/ribbon_shadow.jpg);
             background-repeat: no-repeat;
  }

.banner .main_container {text-align: center;
                 background-image: url(images/text_back.jpg);
                 background-repeat: repeat-y;
                 background-position: 50% 0%;
                 padding: 0 0 20px 0;
  }

.center {text-align: center;
}

.text_body {
            margin: 0 auto 0 auto;
}

.text_body h3 {
            margin-top: 20px;
}

.text_body.first h3 {
            margin-top: 0px;
}

.text_body p {margin: 10px 70px 0px 60px;
              text-align: justify;
              color: #4A4232;
              font-weight: bold;
}

.sub_title { color: #4A4232;
             font-weight: bold;
}

.text_body a:hover {color: #254714;
}

.text_body a {color: #728547;
}

.text_body img {margin: auto;
                border: solid 1px black;
}

.about_img_right {float: right; 
                  margin: 1em 70px 1em 1em; 
                  padding: ;
                  width: 150px;
                  height: 165px;
                  display: inline;
}

/* display: inline; for the above and below clases is a IE hack to keep IE from doubling margins closest to container block on floated images */

.about_img_left {float: left; 
                 margin: 1em 1em 1em 60px; 
                 padding: ;
                 width: 150px;
                 height: 119px;
                 display: inline;
}

.gallery_table {margin-left: auto;
                margin-right: auto;
}

.gallery_table img {display: block;
}

.gallery_table td {padding: 0.3em;
}

.gallery_table a:hover {display: block;
                        border: solid 2px beige;
} 

.gallery_table a {display: block;
                  border: solid 2px #BFB6A4;
} 

.gallery_entrance a {display: block;
                     border: solid 2px #BFB6A4;
}

.gallery_entrance {margin-left: auto;
                margin-right: auto;
}

.gallery_entrance img {display: block;
}

.gallery_entrance td {padding: 0 4em 0 4em;
}

.gallery_entrance a:hover {display: block;
                           border: solid 2px beige;
} 

.gallery_entrance a {display: block;
                    border: solid 2px #BFB6A4;
}


h2 {margin: 0px 60px;
    text-align: left;
    color: #827765;
    font-family: Georgia;
    font-size: 130%;
  }

h3 {margin: 0px 60px;
    text-align: left;
    font-family: Georgia;
    color: #827765;
    font-style: italic;
  }

h4 {color: #4A4232;
    margin: 0;
    font-style: italic;
  }

#sadie {float: right;
        margin: 0px 70px 0px 10px;
        display: inline; /* Compensating for IE bug. */
  }
  
.footer {width: 747px;
         height: 55px;
         background-image: url(images/text_back_bottom.jpg);
         background-repeat: no-repeat;
  }
  
.sub_footer {text-align: center;
             color: #6b8a6b; 
             font-size: 80%;
  }