﻿@media (min-width: 992px) {
    .col-sm-9 {
        padding-right: 25px;
    }
    .col-sm-3 {
        padding-left: 25px;
    }
}




.main-content {
  background-color: #767676;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ececec), to(#767676));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #ececec, #767676);
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #ececec, #767676);
  /* IE 10 */
  background: -ms-radial-gradient(circle, #ececec, #767676);
}
@media (min-width: 768px) {
    .main-content {margin-top:0px;}
}
@media (max-width: 768px) {
    .main-content {
      background-color: #767676;
      /* Safari 4-5, Chrome 1-9 */
      background: -webkit-gradient(radial, center center, 0, center center, 460, from(#a2a2a2), to(#767676));
      /* Safari 5.1+, Chrome 10+ */
      background: -webkit-radial-gradient(circle, #a2a2a2, #767676);
      /* Firefox 3.6+ */
      background: -moz-radial-gradient(circle, #a2a2a2, #767676);
      /* IE 10 */
      background: -ms-radial-gradient(circle, #a2a2a2, #767676);
    }
}
.generic-title-h1, .generic-title-h2 {
    text-align:center;
    color:#076AAE;
    font-weight:bold;
}
.generic-title-h1 {
    font-size:33px;
    margin-bottom:0;
}
.generic-title-h2 {
    font-size:53px;
    margin-top:0;
    border-bottom: 0px #006CA7 solid;
}
.generic-title-h3 {
    margin-top: 0px;
    color: #076AAE;
    font-size:53px;
    font-weight:bold;
    text-align: center;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .generic-title-h1 {font-size:23px;}
    .generic-title-h2 {font-size:36px;}
    .generic-title-h2 {font-size:18px;}
}
.campaign-list {
    background-color:rgb(250, 250, 250);
    box-shadow: 4px 4px 0 0 rgba(7, 106, 174, 0.8);
    -moz-box-shadow: 4px 4px 0 0 rgba(7, 106, 174, 0.8);
    -webkit-box-shadow: 4px 4px 0 0 rgba(7, 106, 174, 0.8);
    margin-bottom:20px;
}
.campaign-list ul {padding:3px 50px 3px 20px;}
.campaign-list li {
    font-size:18px;
    padding-top:3px;
    padding-bottom:3px;
    text-indent: -30px;
}
.campaign-list li:before {
    content: "•";
    font-size: 230%;
    padding-left: 15px;
    line-height: 25px;
    vertical-align: middle;
    color:#076AAE;
}
@media (max-width: 767px) {
    .campaign-list ul {padding-right:42px}
    .campaign-list li {font-size:14px}
    .campaign-list li:before {padding-left: 10px;}
}
#carousel-generic {margin-bottom:20px;}
@media (min-width: 768px) {
    .department-interested-form {margin-top:51px;}
    .department-interested-form .form-group {margin-bottom:25px}
}
.department-interested-form legend {
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    border-bottom: none;
    line-height: 26px;
}
.department-interested-form label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.department-interested-form label[for="Unsubscribe"] {
    position: static;
    width: 100%;
    height: auto;
    padding: 0 15px;
    margin: 0;
    overflow: visible;
    clip: auto;
    border: none;
    font-weight: normal;
    color:#ffffff;
}
.department-interested-form .btn-default {
    background-color:#076AAE;
    color:#ffffff;
    border-color:transparent;
    background-image: url(/Lists/MediaServer_Images/campaigns/images/arrow.png);
    background-position: 30% center;
    background-repeat: no-repeat;
    font-size:20px;
    box-shadow: 3px 3px 0 0 rgba(250, 250, 250, 0.8);
    -moz-box-shadow: 3px 3px 0 0 rgba(250, 250, 250, 0.8);
    -webkit-box-shadow: 3px 3px 0 0 rgba(250, 250, 250, 0.8);
    border-radius:0;
    font-weight:bold;
}
.department-interested-form .btn-default:hover, .department-interested-form .btn-default:focus {
    background-color:#076AAE;
    right:-2px;
    bottom:-2px;
    box-shadow:none;
}
@media (min-width: 768px) {
    img.campaign-logo-ou {margin-top:10px; margin-bottom:15px}
}
@media (max-width: 767px) {
    img.campaign-logo-ou {margin-bottom:20px; width: 65%; margin-left: auto; margin-right: auto;}
}

.campaign-slogan p {
    color: #ffffff;
    font-size:26px;
    font-weight: bold;
    margin-bottom:15px;
}

@media (max-width: 767px) {
    .campaign-slogan p {
        font-size:18px;
    }
}


