html {
  background-color: #fff200;
  background-image: url('../layout/Background.png'); }

body, html {
  font-family: "Georgia", serif;
  padding: 0;
  margin: 0; }

.nav {
  text-align: center; }
  #home .nav {
    margin-top: 26px; }
  #page .nav {
    width: 100px;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 30px; }
  .nav span.li {
    font-family: "Georgia", serif;
    display: inline-block;
    vertical-align: top; }
  .nav span.li a {
    display: block;
    background-color: #fff200;
    height: 65px;
    width: 65px;
    margin: 6px;
    text-indent: -9000pt;
    background-image: url('../img/Buttons.png'); }
  .nav #about {
    background-position: 0px 0px; }
    .nav #about:hover {
      background-position: 0px -65px; }
  .nav #menus {
    background-position: -65px 0px; }
    .nav #menus:hover {
      background-position: -65px -65px; }
  .nav #current {
    background-position: -130px 0px; }
    .nav #current:hover {
      background-position: -130px -65px; }
  .nav #friends {
    background-position: -195px 0px; }
    .nav #friends:hover {
      background-position: -195px -65px; }
  .nav #reservations {
    background-position: -260px 0px; }
    .nav #reservations:hover {
      background-position: -260px -65px; }

.page {
  width: 767px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 67px;
  margin-bottom: 67px; }
  .page > .top {
    height: 32px;
    background-image: url('../layout/outer_t.png');
    margin-bottom: -32px; }
  .page > .center {
    position: relative;
    min-height: 420px;
    background-color: #9bbe65;
    background-image: url('../layout/outer_c.png');
    margin-top: 32px;
    padding-top: -32px;
    padding-right: 1em; }
  .page > .bottom {
    height: 30px;
    background-image: url('../layout/outer_b.png'); }
  .page#home .center {
    min-height: 100px;
    padding-top: 64px;
    padding-bottom: 138px; }
  .page .logo {
    margin-top: -40px;
    margin-bottom: 20px; }
    .page .logo a:hover {
      background-color: transparent; }
    .page .logo #logo {
      width: 170px;
      height: 56px; }
  .page .body {
    margin-left: 100px; }
  .page h1 {
    font-size: 18pt;
    margin-bottom: 1em;
    color: #311c0b;
    font-family: "Georgia", serif; }
  .page .text {
    text-align: justify;
    line-height: 1.5em;
    padding-bottom: 1em; }

.page#special .top {
  margin-top: 15px; }
.page#special .center {
  padding-left: 100px;
  padding-right: 100px; }
  .page#special .center p {
    text-align: justify; }

.menu_list .item {
  display: inline-block;
  padding-bottom: 1em; }
  .menu_list .item img, .menu_list .item h3 {
    vertical-align: middle; }
  .menu_list .item h3 {
    display: inline;
    padding: 1em; }

.menu {
  width: 420px;
  margin-top: 2em;
  margin-left: auto;
  margin-right: auto; }
  .menu > .top {
    height: 31px;
    background-image: url('../layout/menu_t.png');
    position: relative; }
    .menu > .top .prev {
      position: absolute;
      left: 20px;
      top: 5px; }
    .menu > .top .next {
      position: absolute;
      right: 20px;
      top: 5px; }
  .menu > .center {
    background-color: #fff200;
    background-image: url('../layout/menu_c.png');
    padding-left: 2em;
    padding-right: 2em; }
  .menu > .bottom {
    height: 32px;
    background-image: url('../layout/menu_b.png'); }
  .menu h2 {
    color: #311c0b;
    font-family: "Georgia", serif;
    font-size: 150%;
    padding-top: 0;
    margin-bottom: .75em; }
  .menu h3 {
    font-weight: bold; }

.rsvp {
  width: 337px;
  margin-left: auto;
  margin-right: auto; }
  .rsvp > .top {
    height: 30px;
    background-image: url('../layout/rsvp_t.png'); }
  .rsvp > .center {
    margin-top: -30p;
    background-color: #fff200;
    background-image: url('../layout/rsvp_c.png');
    padding-left: 2em;
    padding-right: 2em; }
  .rsvp > .bottom {
    height: 27px;
    background-image: url('../layout/rsvp_b.png'); }
  .rsvp h2 {
    color: #311c0b;
    font-family: "Georgia", serif;
    font-size: 150%;
    padding-top: 0;
    margin-bottom: .75em; }
  .rsvp h3 {
    font-weight: bold; }

.rsvp_text {
  width: 337px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px; }

.rsvp {
  padding-bottom: 50px; }

.rsvp form {
  text-align: right; }
  .rsvp form .field {
    padding-top: 1em;
    padding-bottom: 1em; }
    .rsvp form .field label {
      width: 10em; }
    .rsvp form .field input {
      width: 15em; }

p {
  padding-bottom: .5em; }

.quotes {
  text-align: center; }
  .quotes .quote {
    padding: .5em;
    font-style: italic;
    font-size: 110%; }
    .quotes .quote .author {
      font-style: normal;
      font-size: 90%;
      margin-top: .2em; }

h2 {
  color: #fff200;
  padding-top: 1.75em;
  margin-bottom: .25em; }

a:link, a:visited {
  display: inline-block;
  color: #311c0b;
  text-decoration: underline; }
  a:link:hover,   a:visited:hover {
    background-color: #311c0b;
    color: #fff200;
    margin: -1px;
    padding: 1px;
    text-decoration: none; }
    .nav a:link:hover,     .nav a:visited:hover {
      margin: 6px;
      padding: 0px;
      color: transparent; }
  #TB_window a:link:hover,   #TB_window a:visited:hover {
    background-color: transparent;
    margin: 0;
    padding: 0; }

.body ul {
  text-align: left;
  margin-left: 2em;
  margin-top: 1em;
  margin-bottom: 1em; }
  .body ul li {
    list-style-type: disc; }

ul.links {
  text-align: center;
  margin: 0; }
  ul.links li {
    list-style-type: none; }

table {
  text-align: left; }
  table td {
    padding: .25em; }

.notice {
  padding: 1em;
  border: 1px solid black;
  font-weight: bold; }

.error {
  padding: 1em;
  border: 1px solid black;
  font-weight: bold; }