
#first-info {
  overflow:hidden;
  margin:0.5em 0.5em;
  background-color:#0076a8;
  color:white;
  font-size:1em;
}
#first-info .content {
  padding:0.6em 0.6em;
}

#very-big-button {
  display:block;
  float:right;
  
  width:160px;
  height:45px;
  
  margin:0 0 0 0.5em;
  
  font-size:1.1em;
  padding:0.7em;
  color:black;
  text-align:center;
  text-decoration:none;
  
  vertical-align:middle;
}
#very-big-button:link,
#very-big-button:visited {
  /* TODO: add background image here */
  background-color:#9fd136;
}
#very-big-button:hover {
  /* TODO: add background image here */
  background-color:#addb5e;
}

#how-it-works {
  overflow:hidden;
  margin:1em 0.5em;
  background-color:#8bc300;
  padding-bottom:0.3em;
}
  #how-it-works h2 {
    margin:0.3em 0;
    text-align:center;
    color:white;
    font-size:1.1em;
    letter-spacing:0.05em;
  }
  #how-it-works table {
    border:none;
    border-spacing:0.6em;
    margin-top:-0.3em;
  }
  #how-it-works tr {
    margin:0;
    padding:0;
  }
  #how-it-works td {
    padding:0.6em;
    width:33.3%;
    background-color:white;
    vertical-align:top;
  }
    #how-it-works h3 {
      margin:0.1em 0 0.2em 0;
      padding:0.8em 0 0 47px;
      font-size:0.75em;
      color:#006699;
      text-transform:uppercase;
      text-align:right;
      
      background-color:white;
      background-repeat:no-repeat;
      background-position:top left;
      
      height:40px;
    }
    
    #about-site-header {
      background-image:url('../images/about-site-header.png');
    }
    #about-certification-header {
      background-image:url('../images/about-certification-header.png'); 
    }
    #about-club-header {
      background-image:url('../images/about-club-header.png'); 
    }
    
    #how-it-works p {
      font-size:0.8em;
      margin-bottom:0.8em;
    }
    
#member-types-block {
  margin:0;
  overflow:hidden;
  position:relative;
}
  #member-types-block h2.blue {
    margin:0.5em 0.5em 0.4em 0.5em;
    font-size:1.1em;
  }
  #member-types-columns {
    border:none;
    border-spacing:0.6em;
    margin-top:-0.3em;
  }
  #member-types-columns tr {
    margin:0;
    padding:0;
  }
  #member-types-columns td {
    padding:0.6em 0.6em 4em 0.6em;
    width:33%;
    vertical-align:top;
    border:1px solid #0076a8;
  }
    
    #member-types-block h3 {
      font-size:0.9em;
      margin:0.5em 0 0.5em 0;
      color: #0076a8;
      padding:3px 0 0 60px;
      height:23px;
      text-transform:uppercase;
      background:white url('../images/gc-small.png') no-repeat 20px 0px;
    }
    
    #member-types-block p {
      font-size:0.8em;
    }
    
    #registration-buttons {
      position:absolute;
      bottom:0em;
      width:100%;
    }
    #registration-buttons table {
      border:none;
      border-spacing:0.6em;
      margin-top:-0.3em;
      overflow:hidden;
      position:relative;
      width:100%;
    }
    #registration-buttons table tr {
      margin:0;
      padding:0;
    }
    #registration-buttons table td {
      padding:0.6em;
      width:33%;
      vertical-align:top;
      xborder:1px solid #0076a8;
    }
    
    #member-types-block a.devenir-button {
      display:block;
      
      font-weight:bold;
      font-size:1.0em;
      color:black;
      text-decoration:none;
      text-align:center;
      padding:2px;
      height:43px;
      border:1px solid #fac977;
      
      xposition:absolute;
      xbottom:0.6em;
    }
    #member-types-block a:link,
    #member-types-block a:visited {
      background:#ffcc00;
    }
    #member-types-block a:hover {
      background:#ffdf14;
    }
