body
{
       margin:  0;
      padding:  15px 0;
  font-family:  Arial, Helvetica, sans-serif;
    font-size:  75%;
  line-height:  1.6em;
   text-align:  center;
   background:  #edfce2;
}

h1
{
  color: #63b441;
}

h2
{
  color: #63b441;
}

dt
{
      font-weight:  bold;
  text-decoration:  underline;
}

dd
{
        font-style:  italic;
       margin-left:  0;
    padding-bottom:  1em;
}

a
{
  text-decoration:  none;
}

a img 
{
  border:  none;
}

#container
{
        width:  653px;
       margin:  0 auto;
      padding:  30px 30px 30px 30px;
   text-align:  left;
  padding-top:  0;
   border-top:  30px solid white;
   background:  white
}

#header
{
  background-color:  #63b441;
  background-image:  url(images/pauline-and-ben-banner.jpg);
             width:  651px;
            height:  226px;
           padding:  0 0 0 0px;
}

#header h1
{
  padding-top:  35px;
}


#navigation
{
  background-color:  #5cbd48;
        border-top:  1px solid white;
             width:  651px;
            height:  2.7em;
       line-height:  2.7em;
}

#navigation a
{
  color:  white;
}

#navigation a:hover
{
  background-color:  green;
}

#navigation .selected
{
  background-color:  white;
             color:  green;
}

#navigation .selected a
{
  color:  green;
}

#navigation .selected a:hover
{
  background-color:  white;
             color:  green;
}

#navigation ul
{
   margin:  0;
  padding:  0;
}

#navigation ul li
{
            float:  left;
           margin:  0 auto;
          padding:  0;
  list-style-type:  none;
     border-right:  1px solid white;
      white-space:  nowrap;
}

#navigation li a
{
         display:  block;
         padding:  0 14px;
  letter-spacing:  1px;

}

#navigation ul li.last a
{
  border-right: none;
       padding: 0px 23px;
}


#wedding-date
{
      border:  4px solid green;
      margin:  10px 5px 20px 25px;
     padding:  4px;
       float:  left;
  text-align:  center;
   font-size:  125%;
  background:  #5cbd48;
}

#hotel-box
{
       width:  270px;
      border:  4px solid green;
      margin:  0px 10px 5px 0px;
     padding:  2px  0px 2px 6px;
       float:  left;
   font-size:  125%;
  background:  #5cbd48;
  clear:  both;
}

#calamigos-box
{
       width:  290px;
      border:  4px solid green;
      margin:  0px 0px 5px 10px;
     padding:  2px 0px 2px  6px;
       float:  right;
   font-size:  125%;
  background:  #5cbd48;
       clear:  both;
}

.dinner-box
{
       width:  290px;
      border:  4px solid green;
      margin:  5px;
     padding:  5px;
   font-size:  125%;
  background:  #5cbd48;
}

#photo-inset
{
   margin: 25px 5px 5px 5px;
  padding:  5px 5px 5px 5px;
    float: left;
}

.photo-inset-left
{
   margin: 0px 5px 5px 0px;
  padding: 0px 5px 5px 0px;
    float: left;
}

.photo-inset-right
{
   margin: 0px 0px 5px 5px;
  padding: 0px 0px 5px 5px;
    float: right;
}


#dear-pauline-movie, #dear-pauline-humorous-movie
{
  text-align:  center;
}


.movie-caption
{
            margin:  0   85px 0   85px;
           padding:  1em  3em 1em  3em;
  background-color:  #d3ffb8;
}


.copyright
{
  text-align:  center;
  font-style:  italic;
   font-size:  smaller;
       color:  gray;
}


#countdown-link
{
      margin:  -25px;
   font-size:  smaller;
       color:  #edfce2;
}

#countdown-link a:visited
{
  color:  #edfce2;
}

#countdown-link:hover, #countdown-link:active
{
  color:  #5cbd48;
}

#countdown
{
       color:  #63b441;
  text-align:  center;
   font-size:  225%;
}

.calendar
{
       border:  1px solid gray;
  margin-left:  2em;
}

.calendar th
{
  font-weight:  bold;
   text-align:  center;
        color:  white;
   background:  #5cbd48;
       height:  25px;
}

.calendar td
{
     text-align:  center;
     background:  #a4ff98;
          width:  25px;
         height:  25px;
    line-height:  25px;
}

.calendar td a
{
   background:  green;
        color:  white;
      display:  block;
}

#calendars
{
  float: right;
}

.calendar-date
{
   border:  1px solid gray;
    float:  left;
    width:  4em;
   height:  4em;
   margin:  1em;
}

.calendar-date p
{
  text-align:  center;
  padding: 0 5px;
}

.attendants
{
       border:  1px solid gray;
        width:  100%;
}

.attendants td
{
     text-align:  left;
     background:  #a4ff98;
          width:  50%;
}

.attendants img
{
          float:  left;
  padding-right:  1em;
}

.invitation
{
     background-image:  url(images/green-bamboo-lo-res.jpg);
    background-repeat:  no-repeat;
  background-position:  0px 0px;
                width:  376px;
               height:  500px;
}

.invitation img
{
  padding-left: 115px;
}

.invitation p
{
          color:  #6c5034;
    font-family:  Georgia, "Times New Roman", Times, serif;
  padding-right:  25px;
     text-align:  right;
}

.error
{
  background:  #fffecc;
      border:  1px solid #fdff59;
     padding:  0.5em;
  text-align:  left;
}

.egg
{
  background:  #fffecc;
      border:  1px solid #fdff59;
     padding:  0.5em 1em;
  text-align:  left;
}

.textbox
{
     border:  1px solid green;
  font-size:  200%;
    padding:  0.20em;
}

#rsvp-enter-id
{
  text-align:  center;
       width:  100%;
}

#rsvp-form-table
{
  clear:  both;
}

#rsvp-form-table th
{
     background:  #5cbd48;
  border-bottom:  4px solid white;
          color:  white;
    font-weight:  bold;
     text-align:  center;
}

#rsvp-form-table td
{
     background:  #a4ff98;
  border-bottom:  2px solid white;
        padding:  0.5em 0;
     text-align:  center;
}

#rsvp-food-menu
{
      border:  3px double gray;
      margin:  -2em 2em 1em 2em;
       float:  right;
  text-align:  center;
       width:  200px;
}

#rsvp-status-table th
{
     background:  #5cbd48;
  border-bottom:  2px solid white;
          color:  white;
    font-weight:  bold;
     text-align:  center;
}

#rsvp-status-table td
{
     background:  #a4ff98;
  border-bottom:  2px solid white;
        padding:  0.5em 1em;
     text-align:  center;
          width:  14%;
}

.rsvp-category-table th
{
     background:  #5cbd48;
  border-bottom:  2px solid white;
          color:  white;
    font-weight:  bold;
     text-align:  center;
}

.rsvp-category-table td
{
     background:  #a4ff98;
  border-bottom:  2px solid white;
        padding:  0.5em 1em;
     text-align:  left;
          width:  25%;
}

.rsvp-category-table a
{
            color:  #000;
  text-decoration:  none;
}