html, body { height: 100%; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 130%; font-size: 14pt; font-weight: 300; }

#title {width:100%;text-align:center;background-color:rgba(138, 0, 137, 0.33); min-width:840px; }

#wrapper { width: 100%; margin-right: auto; margin-left: auto; margin-top: 25px; min-width:800px; }

.container { text-align:left;width:70%; margin:auto; }

#footer {width:100%; padding: 40px 0; text-align:center;background-color:rgba(138, 0, 137, 0.33); vertical-align:center; min-width:840px; }

h1 { width: 840px; height: 160px; margin-bottom: 0px; display: inline-block; text-indent: -9999px; background: url("title.png"); }

h2 { padding-bottom: 40px; padding-top: 0px; font-size:36pt; font-weight:normal; font-family:Arial, sans-serif;}

h3 { color: rgb(34, 68, 119); font-size:24pt; font-weight:normal; font-family:Arial, sans-serif; }

h4 { color: rgb(160, 60, 200); font-size: 16pt; font-weight:bold; font-family:Arial, sans-serif; }



#r3col .column {
  float: left;
  margin-right: 20px;
  bmorder-left: 1px solid rgb(221, 221, 221);
  padding: 0 10px;
}

#r3col .left, .middle {
  width: 30%;
}

#r3col .right {
  width: 25%;
}

@media screen and (max-width: 1550px) {
  #r3col .column {
    width: 100%;
  }
}

.r2col .column {
  float: left;
  width: 45%;
  padding-right: 50px;
}

.r2col .row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1550px) {
  .r2col .column {
    width: 100%;
  }
}

#footer .column {border:0;}



#benefits li { padding-bottom: 20pt; }
ul { padding-left: 16px;  }

