@charset "utf-8";
/* CSS Document */

body {
   background: #f5f080 url('images/background.jpg') repeat-x;
   color: #642165;
   font: 12px arial, helvetica, san-serif;
   margin: 0;
   padding: 0;
}

#container {
   margin: 0 auto;
   padding: 0;
   overflow: hidden;
   position: relative;
   width: 856px;
}

#content {
   background: transparent url('images/content_bg.jpg') repeat-y;
   float: right;
   margin: 20px 0 0 0;
   padding: 10px 0 0 0;
   width: 636px;
}
#content a {
   color: #642165;
   font: 12px Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-decoration: none;
}

#content a:hover {
   color: #bc5dbd;
   font: 12px Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-decoration: none;
}

#content p, form {
   color: #642165;
   font: 12px Arial, Helvetica, sans-serif;
   line-height: 20px;
   padding: 0 15px;
   text-align: left;
}
#content .img {
   border: 1px solid #642165;
}

#content .center  {
   text-align: center;
}

#content .noborder {
   border: 1px solid #642165;
}

#content .noborder2 {
   border: none;
}

#footer {
   background: transparent url('images/footer_bg.jpg') no-repeat;
   float: right;
   height: 100px;
   width: 636px;
}

#footer img {
   border: 0;
}

hr {
   border-bottom:2px dotted #642165;
   border-top: none;
}

#leftnav {
   float: left;
   margin: -15px 0 0 0;
   width: 220px;
}

#leftnav .rsvp {
   padding: 12px 0px 0px 0px;
}

#leftnav img {
   border: 0;
}

#topnav {
   display: block;
   margin: 20px 0 0 0;
   padding: 0;
   text-align: right;
   width: 856px;
}

#topnav a {
   color: #642165;
   font: bold 12px Arial, Helvetica, sans-serif;
   text-decoration: none;
}

#topnav a:hover {
   color: #bc5dbd;
   font: bold 12px Arial, Helvetica, sans-serif;
   text-decoration: none;
}

.spaced { line-height: 1.4em; }
.spaced SUB, .spaced SUP { line-height: 0; }