html, body {
    margin: 0;
    height: 100%;
}

body.horserace{
  background:url('../images/HorseRace65grad.jpg');
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover; 
  background-position: left bottom;  
}

h1.underconst{color:yellow;background-color:#000000;width:400px;height:130px;line-height:130px;text-align:center;}
.main {
  color: white;
  font-family: helvetica;
}

.mainheader {
  margin: 0px;
  padding: 0px;
}

#wrapper {
   min-height:100%;
}

#header {
   background-color: rgba(5,4,2,0.2);
   padding:10px;
}

#body {
   min-height:100%;
   padding:10px;
   padding-bottom:40px;   /* Height of the footer */
}

#footer {
   background-color: rgba(5,4,2,0.1);
   position:absolute;
   bottom:0;
   width:100%;
   height:40px;   /* Height of the footer */
   margin-top: -40px;
}

#copyright {
  position: absolute; bottom: 0;;
  width: 100%;
  text-align: center;
}

#invitation {
   background-color: rgba(5,4,2,0.2);
   width: 750px;
   text-align: center;
}

#letter {
   background-color: white;
   width: 710px;
   color: black;
   text-align: left;
   padding: 20px;
}

.invitation{
   background-color: rgba(5,4,2,0.2);
   padding: 0;
}

.navigation {
   font-size: 24px;
   color: #FCFCFC;
   font-family: helvetica; 
   text-align: left;
  text-decoration: none;
}

a.navigation {
  text-decoration: none;
}

a.navigation:link, a.navigation:visited {
   color: #FCFCFC;
   text-decoration: none;
}

a.navigation:hover, a.navigation:active {
   color: #FCFCFC;
   background-color: rgba(5,4,2,0.3);
}

table.main {
  border: none;
  border-collapse: collapse;
}

table.main td {
  text-align: center;
  padding: none;
}

p.contact_info {
  font-family:Arial,Helvetica,sans-serif;
  white-space:pre;
  margin-left: 0.5in; 
}

p.invalid {
  font-family:Arial,Helvetica,sans-serif;
  color: magenta;
}

div.id_form {
  margin-top: 25px;
  margin-left: 80px;
}