body {
  font-family: Arial, Verdana, Helvetica, Geneva, Swiss, Sans-Serif;
  background: #9fa8bf url(/graphics/background.gif);
  text-align: center;
  font-size: 9pt;
  color: #3f5a24;
}

.outerbody {
  width: 760px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background: #fff;
}

div.homemode {
  background: #d4f9d3;
}

.homemode tr {
  vertical-align: top;
  font-weight: bold;
}

.homemode h1 {
  font-family: Verdana,Arial,Helvetica,Geneva,SunSans-Regular;
  font-weight: bold;
  font-style: italic;
}

.homemode h2 { margin-bottom: 0; }
.homemode ul { margin-top: 0; }

.homemode li {
  font-size: 11px;
  margin-top: 3px;
}

div.baseline {
  font-size: 7pt;
  color:#003399;
  background: url(/graphics/template/bottombar.gif) no-repeat;
  text-align: center;
  padding: 4px;
}

.homemode div.baseline {
  height: 35px;
  background: url(/graphics/homepage/bottombar.gif) no-repeat;
}

.baseline a:link, .baseline a:visited {
  text-decoration: none;
  color: #003399;
  font-size: 7pt;
}

.baseline a:hover, .baseline a:active {
  text-decoration: underline;
  color: #003399;
  font-size: 7pt;
}

.topline a:hover img {
  filter: alpha( Opacity=50 );
  -moz-opacity: 0.5;
}

.topline img {
  border: none;
}

.membermenu {
  vertical-align: top;
  background: #7385b4;
  padding: 0;
}

div.membermenubtn {
  background: #7385b4 url(/graphics/membermenu/buttonbg.gif) no-repeat;
}

a.membermenubtn {
  display: block;
  background: #7385b4 url(/graphics/membermenu/buttonbg.gif) no-repeat;
  font-size: 80%;
  width: 105px;
  height: 14px;
  padding: 2px 6px;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}

a.membermenubtn.selected, a.membermenubtn:hover {
  background: none;
}

h1 {
  margin: 5px 0;
  font-size: 17pt;
  color:#7990cd;
}

.menucurve {
  position: relative;
  margin-top: -15px;
}

table.content {
  border-collapse: collapse;
}

td.content {
  vertical-align: top;
  padding: 0 15px;
}

div.content {
  padding: 0 15px;
}

th {
  text-align: left;
  font-weight: normal;
}

.result {
  clear: both;
  text-decoration: none;
}

div.result {
  font-size: 11pt;
}

.result .bride {
  clear: left;
  margin-left: 30px;
}

.result .bride, .result .groom, .result .date {
  display: block;
  float: left;
  width: 150px;
  background: none;
}

.result:hover span {
  text-decoration: underline;
  cursor: pointer;
  background: #eee;
}

h3 {
  font-size: 11pt;
  font-weight: normal;
}

form {
  margin-left: 30px;
  font-size: 9pt;
}

.agree {
  font-size: 7pt;
  font-weight: bold;
}

.agree div {
  display: inline;
}


/*** from scaffold ***/
#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#errorExplanation ul {
  margin-bottom: 0;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

.submit {
  text-align: center;
  padding: 15px;
}

.indent {
  padding-left: 1em;
}

div.rsvp {
  padding-left: 2em;
}

table.rsvp {
  width: 100%;
  border-spacing: 2px 0;
}

th.rsvp {
  font-weight: bold;
}

td.rsvp {
  padding: 0.2ex 0.5em;
  margin: 0;
  border: 0;
  font-color: #000;
}

.rsvp.name {
  width: 15em;
}

.rsvp.meal {
  width: 10em;
}

tr.rsvp.odd {
  background: #ccf;
}

tr.rsvp.even {
  background: #eee;
}

.rsvp.total {
  font-weight: bold;
  font-size: 120%;
}

img.preview {
  display: block;
}

table.preview {
  margin-top: 2ex;
}

table.preview tr {
  vertical-align: top;
}

table.preview td:first-child {
  border-right: 1px #ccc solid;
}

label.preview {
  display: block;
  padding: 1ex 1em;
  border: 1px #fff solid;
  width: 250px;
}

label.preview:hover {
  background: #eee;
  border: 1px #aaa outset;
}

input.std {
  width: 15em;
}