html,body {
  margin:0;
  padding:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  color:#333333;
}
h1,h2,h3,h4,h5,h6 {
  margin:0;
  padding:0;
  font-weight:normal;
}
h1 { font-size: 200%; }
h2 { font-size: 160%; }
h3 { font-size: 145%; }
h4 { font-size: 130%; }
h5 { font-size: 115%; }
h6 { font-size: 200%; }
a {color: #017acd}
iframe {
  border:0;
}
.clearfix {
  clear:both;
  display:block;
}
/*--------------------------------------------------------------
## Blue Buttons
--------------------------------------------------------------*/
a.btn-blue {
  background-color:#017acd;
  padding: 10px;
  border-radius: 5px;
  color:#ffffff;
  text-decoration:none;
  transition: all 0.2s linear;
}
a.btn-blue:hover {
  background-color:#0099ff;
}
a.btn-blue img {
  height: 25px;
  width: auto;
  display:inline;
}
a.btn-blue.md {
  font-size: 125%;
  padding:10px;
  margin: 20px auto;
  line-height: 200%;
}
a.btn-blue.lg {
  font-size: 150%;
  padding:15px;
  margin: 40px auto;
  line-height: 250%;
}
a.btn-blue.xl {
  font-size: 200%;
  padding:20px;
  margin: 50px auto;
  line-height: 300%;
}
.padding { 
  padding: 20px;
}
/*--------------------------------------------------------------
## Columns // Boxes
--------------------------------------------------------------*/
.row {
  width: 100%;
}
.row.join {
  color:#ffffff;
  width: 100%;
  background-image:url(images/bgxmas3.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 100px 0;
  margin: 45px auto;
  text-align:center;
  position:relative;
  float:left;
  text-shadow: 5px 0px 5px #934f7f;
}
.row.join .wrapper {
  max-width: 1140px;
  margin:0 auto;
}
.row.join iframe {
  max-width: 70%;
  height: 400px;
}
.row.join h3 {
  font-size: 300%;
}
p.xl {
  font-size: 150%!important;
  line-height: 125%!important; 
}
p.lg {
  font-size: 125%!important;
  line-height: 125%!important; 
}
.row.join a {
  color:#ffffff;
}
.row.join a:hover {
  text-decoration:none;
}
.row:last-child {
  padding: 15px 0 0 0;
}
.full {
  width: 100%;
  float:left;
  position:relative;
}
.half.center,
.third.center {
  text-align:center;
}
.half img,
.third img {
  height: auto;
}
/*--------------------------------------------------------------
## Images
--------------------------------------------------------------*/
img.circle {
  border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 3px solid #ffffff;
  box-shadow: 0 0 5px #cccccc;
}
img.rounded {
  border-radius: 5%;
  -o-border-radius: 5%;
  -moz-border-radius: 5%;
}
/*--------------------------------------------------------------
## Announcement
--------------------------------------------------------------*/
.announcement {
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color:#dbf3ff;
  box-shadow: 0px 2px 5px #addff7;
  border: 1px solid #addff7;
  padding:0px!important;
  height: auto;
  margin:0;
  line-height: 150%!important;
  color:blue;
  font-size: 150%;
}
/*--------------------------------------------------------------
## Global Container
--------------------------------------------------------------*/
div#container {
  max-width: 1140px;
  margin: 0 auto;
}
div#wrapper {
  margin:0 auto;
  width: 100%;
}
div#content {
  width: 100%;
  margin: 25px auto;
}
/*--------------------------------------------------------------
## Global Header: Logo, Bg Image, Site Title;
--------------------------------------------------------------*/
div#header {
  background-color: #b1effe;
  background-image: url(images/headerxmas3.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  padding: 0;
  width: 100%;
  margin: 25px auto 0 auto;
  display:block;
  clear:both;
  border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
}
div#header h1,div#header h2,
div#header h3,div#header h4,
div#header h5,div#header p {
  margin: 0;
}
div#header h1 {
  color:#ffffff;
  /*
  color: mediumvioletred;
  */
  font-size: 200%;
  font-style: italic;
  padding: 35px 0 0 20px;
}
div#header h2 {
  color:#ffffff;
  /*
  color: mediumvioletred;
  */
  font-size: 115%;
  padding: 0 0 35px 20px;
}
div#header .logo,
div#header .fb {
  position:relative;
  float:left;
}
div#header .fb {
  text-align:right!important;
  color:#ffffff;
  /*
  color:blue;
  */
}
div#header .fb i {
  background-color:#ffffff;
  text-shadow: 5px 0px 5px #ffffff;
  color:#ffffff;
}
div#header .fb a {
  color:#ffffff;
}
/*--------------------------------------------------------------
## Image Floats
--------------------------------------------------------------*/
div#content .img-caption.pull-left,
div#content img.pull-left,
.pull-left {
  float:left;
  padding:0 25px 0 0;
}
.img-caption {
  text-align:center;
}
.img-caption img {
  max-width: 100%;
  height: auto;
}
/*--------------------------------------------------------------
## Primary Content
--------------------------------------------------------------*/
div#content h2 {
  color: #333333;
}
div#content h3 {
  border: 1px solid #d3d3d3;
  background: #dedfdf; /* Old browsers */
  background: -moz-linear-gradient(top, #dedfdf 0%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #dedfdf 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dedfdf 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedfdf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  padding:0;
  margin: 0;
  position:relative;
  float:left;
  width: 100%;
  clear:both;
  display:block;
}
div#content .third h3 {
  border: 0px solid #d3d3d3;
  background: transparent; /* Old browsers */
  background: -moz-linear-gradient(top, #dedfdf 0%, #ffffff 0%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #dedfdf 0%,#ffffff 0%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dedfdf 0%,#ffffff 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  margin: 0 0 10px 0;
}
div#content h3 span {
  padding:5px 0 5px 10px;
  position:relative;
  float:left;
}
div#content h4 {
  color:blue;
  margin: 20px 0 0 0;
  padding:0 0 5px 0;
  border-bottom: 1px solid #cccccc;
}
div#content h5 {
  color:blue;
  margin: 20px 0 10px 0;
  padding: 0;
}
div#content p {
  font-size: 90%;
  line-height: 160%;
  margin: 20px 0;
}
div#content ul,
div#content ol {
  font-size: 90%;
  line-height: 150%;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
div#footer {
  width: 100%;
  margin: 0;
  padding: 8px 0 0 0;
  clear: both;
  text-align:center;
}
div#footer address {
  font-size: 80%;
  color: #666666;
  padding: 12px 0;
  font-style:normal;
}
/*--------------------------------------------------------------
## Responsive Queries
--------------------------------------------------------------*/
@media screen and (min-width: 160px) {
  div#wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 1159px) {
  div#wrapper {
    width: 92%;
  }
}
@media screen and (min-width: 1000px) {}
@media screen and (max-width: 999px) {}
@media screen and (min-width: 800px) {
  div#content .img-caption.pull-left,
  div#content img.pull-left {
    float:left;
    max-width: 50%;
    padding:0 25px 25px 0;
  }
  .pull-left {
    float:left;
    padding:0 25px 0 0;
  }
  div#content img.pull-right,
  .img-caption.pull-right {
    float:right;
    padding:0 0 0 25px;
    max-width: 40%;
  }
}
@media screen and (min-width: 600px) {
  div#header .logo {
    width: 70%;
  }
  div#header .fb {
   width: 30%;
  }
  div#header .fb .padding {
    padding: 60px 20px 0 20px;
  }
  .row {
    padding: 15px 0;
    clear:both;
    display:block;
  }
  .half {
    width: 50%;
    float:left;
    position:relative;
  }
    .half img,
    .third img {
      max-width: 50%;
    }
  .third {
    width: 33.3333333%;
    float:left;
    position:relative;
  }
  .full .padding {
    padding:0 10px;
  }
  .half .padding,
  .third .padding {
    padding:0 10px 0 10px;
  }
}
@media screen and (max-width: 599px) {
  div#header .logo {
    width: 70%;
  }
  div#header .fb {
   width: 30%;
  }
  div#header .fb .padding {
    padding: 60px 20px 0 20px;
  }
  .row {
    padding: 0;
    margin: 0;
    width: 100%;
    clear:both;
  }
  .half,
  .third {
    width: 100%;
    clear:both;
    display:block;
    position:relative;
    float:left;
    margin:25px 0 0 0!important;
    padding:0!important;
  }
  .half img {
    max-width: 50%;
  }
  .third img {
    width: 50%;
  }
  .full .padding,
  .half .padding,
  .third .padding {
    padding:0;
  }
}
@media screen and (max-width: 598px) {
  div#header .logo {
    width: 70%;
  }
  div#header .fb {
   width: 30%;
  }
}
@media screen and (min-width: 480px) and (max-width: 799px) {
  div#content img.pull-left,
  .img-caption.pull-left {
    float:left;
    padding:0 25px 25px 0;
    max-width: 30%;
  }
  div#content img.pull-right,
  .img-caption.pull-right {
    float:right;
    padding:0 0 0 25px;
    max-width: 30%;
  }
}
@media screen and (max-width: 479px) {
  div#header .fb .padding {
    padding: 60px 20px 0 20px;
  }
  img.pull-left,
  .img-caption.pull-left,
  .pull-left,
  img.pull-right,
  .img-caption.pull-right,
  .pull-right,
  .img-caption {
    padding:0 0 0 0;
    margin: 0 0 25px 0;
    max-width: 100%!important;
    height: auto;
    clear:both;
    display:block;
  } 
  .half,
  .third {
    width: 100%;
    clear:both;
    display:block;
  }
  .half img,
  .third img {
    max-width: 100%;
  }
}
@media screen and (max-width: 380px) {
  div#header .fb .padding {
    padding: 100px 20px 0 20px;
  }
}