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

body {
  margin: 0;
  padding: 0;
  background-color: #CCCCCC;
}

#wrapper {
  width: 1000px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  margin: 0 auto;
  background: url(/images/Columns.gif) top center repeat-y;
}

#header, #nav {
  background-color: #004400;
}

#header {
  width: 900px;
  padding: 50px;
  text-align: center;
}

#nav {
  width: 100px;
  height: 100%;
  padding: 50px 50px 50px 20px;
  text-align: left;
  float: left;
  background-color: #004400;
}

#nav a {
  font-size: 20px;
  color: #FFFFFF;
  text-decoration: none;
}

#nav a:hover {
  color: #000000;
}

#main {
  width: 630px;
  padding: 50px 100px 50px 100px;
  text-align: left;
  float: right;
  background-color: #FFFFFF;
}

#main h1 {
  font-size: 20px;
}

#main p {
  font-size: 15px;
  color: #000000;
}

#main a {
  font-size: 15px;
  color: #0276FD;
  text-decoration: none;
}

#main a:hover {
  text-decoration: underline;
}

#footer {
  clear: both;
  background: #696969;
  font-size: 12px;
  text-align: center;
}

table.form td {
  padding: 5px;
}

table.info {
  font-size: 12px;
}

table.info td {
  padding: 3px;
  width: 300px;
}

table.donationinfo td {
  padding: 3px;
  width: 200px;
  text-align: center;
}

table.contacts th, td {
  padding: 3px;
}

table.contacts th {
  text-decoration: bold;
}

table.calendar th, td {
  padding: 3px;
  vertical-align: top;
}

table.calendar th {
  text-decoration: bold;
  width: 150px;
  text-align: center;
}
  
#contacts a {
  color: #006600;
}

#result {
  font-size: 12px;
}

#invalid {
  color: #FF0000;
  font-weight:bold;
}

#valid {
  color: #00CD00;
  font-weight:bold;
}