/*
	Document   : bc
	Created on : Jul 10, 2012, 12:12:31 PM
	Description:
	Bluecadet Styles 
*/
/*
	TODO combine the resulting css file with all.css
*/
.block-main-experience .content {
  background: #262B30;
  overflow: visible; }
  .block-main-experience .content #experience-constitution .blackout {
    background: #000;
    background: rgba(0, 0, 0, 0.8); }
  .block-main-experience .content #experience-constitution .responsive {
    margin: 0 auto;
    position: absolute;
    top: 8px;
    width: 100%; }
    .block-main-experience .content #experience-constitution .responsive .panel {
      cursor: pointer;
      position: absolute;
      -webkit-box-shadow: 0 0 0 black;
      -moz-box-shadow: 0 0 0 black;
      box-shadow: 0 0 0 black; }
      .block-main-experience .content #experience-constitution .responsive .panel.active {
        z-index: 500; }
      .block-main-experience .content #experience-constitution .responsive .panel .pullout {
        background: #fff;
        display: none;
        position: absolute;
        top: 0;
        overflow: hidden;
        height: 100%;
        width: 445px;
        -webkit-box-shadow: -1px -1px 9px black;
        -moz-box-shadow: -1px -1px 9px black;
        box-shadow: -1px -1px 9px black; }
        .block-main-experience .content #experience-constitution .responsive .panel .pullout .inner {
          height: auto;
          margin: auto;
          width: 445px; }
        .block-main-experience .content #experience-constitution .responsive .panel .pullout a.close {
          display: block;
          float: right;
          height: 35px;
          margin: 15px 25px 0;
          position: relative;
          text-indent: -9999px;
          width: 35px; }
          .block-main-experience .content #experience-constitution .responsive .panel .pullout a.close:link, .block-main-experience .content #experience-constitution .responsive .panel .pullout a.close:visited {
            background: url("http://constitutioncenter.plannedgiving.org/clients/550//images/btn-close.png") 0 0 no-repeat; }
          .block-main-experience .content #experience-constitution .responsive .panel .pullout a.close:hover, .block-main-experience .content #experience-constitution .responsive .panel .pullout a.close:active {
            cursor: pointer;
            background-position: 0 100%; }
        .block-main-experience .content #experience-constitution .responsive .panel .pullout .pullout-content {
          height: 100%;
          width: 100%;
          overflow: hidden;
          position: absolute;
          top: 0; }
          .block-main-experience .content #experience-constitution .responsive .panel .pullout .pullout-content .center {
            height: 460px;
            line-height: 460px;
            margin-top: -230px;
            position: relative;
            top: 50%;
            text-align: center; }
            .block-main-experience .content #experience-constitution .responsive .panel .pullout .pullout-content .center .wrap {
              line-height: 0; }
            .block-main-experience .content #experience-constitution .responsive .panel .pullout .pullout-content .center .text {
              border-top: 3px solid #d9d9d9;
              border-bottom: 3px solid #d9d9d9;
              display: inline-block;
              font-size: 20px;
              line-height: 40px;
              margin: 0 50px;
              padding: 30px 0;
              vertical-align: middle; }
          .block-main-experience .content #experience-constitution .responsive .panel .pullout .pullout-content .links {
            position: absolute;
            bottom: 35px;
            text-align: center;
            width: 100%; }
    .block-main-experience .content #experience-constitution .responsive .col-left .inner {
      height: 100%; }
    .block-main-experience .content #experience-constitution .responsive .col-left .freedom {
      background: #b2c7cb url("http://constitutioncenter.plannedgiving.org/clients/550//images/experience-constitution/freedom-rising.jpg") no-repeat; }
    .block-main-experience .content #experience-constitution .responsive .col-left .supreme {
      background: #9eb8bd url("http://constitutioncenter.plannedgiving.org/clients/550//images/experience-constitution/supreme-court.jpg") no-repeat; }
    .block-main-experience .content #experience-constitution .responsive .col-left .election {
      background: #8aa9af url("http://constitutioncenter.plannedgiving.org/clients/550//images/experience-constitution/election-central.jpg") no-repeat; }
    .block-main-experience .content #experience-constitution .responsive .col-right .american {
      background: #769ba1 url("http://constitutioncenter.plannedgiving.org/clients/550//images/experience-constitution/national-tree.jpg") no-repeat; }
    .block-main-experience .content #experience-constitution .responsive .col-right .presidential {
      background: #648b91 url("http://constitutioncenter.plannedgiving.org/clients/550//images/experience-constitution/presidential-oath.jpg") no-repeat; }
    .block-main-experience .content #experience-constitution .responsive .col-right .living {
      background: #56777d url("http://constitutioncenter.plannedgiving.org/clients/550//images/experience-constitution/living-news.jpg") no-repeat; }
    .block-main-experience .content #experience-constitution .responsive .col-right .signers {
      background: #486469 url("http://constitutioncenter.plannedgiving.org/clients/550//images/experience-constitution/signers-hall.jpg") no-repeat; }
    .block-main-experience .content #experience-constitution .responsive .col-right .pullout {
      left: -445px; }
  .block-main-experience .content #experience-constitution .label {
    margin: 20px 0;
    position: relative; }
    .block-main-experience .content #experience-constitution .label .text {
      background: url("http://constitutioncenter.plannedgiving.org/clients/550//images/bg-experience-label.png") 0 0 repeat-x;
      color: #014a90;
      float: left;
      font: bold 16px/22px "refrigerator-deluxe", Helvetica, Arial, sans-serif;
      height: 40px;
      padding: 16px 20px 0;
      text-transform: uppercase; }
    .block-main-experience .content #experience-constitution .label .end {
      background: url("http://constitutioncenter.plannedgiving.org/clients/550//images/bg-experience-end.png") 0 0 repeat-x;
      height: 52px;
      width: 15px;
      float: left; }
    .block-main-experience .content #experience-constitution .label.blue .text {
      background: url("http://constitutioncenter.plannedgiving.org/clients/550//images/bg-experience-label-blue.png") 0 0 repeat-x;
      color: #fff; }
    .block-main-experience .content #experience-constitution .label.blue .end {
      background: url("http://constitutioncenter.plannedgiving.org/clients/550//images/bg-experience-end-blue.png") 0 0 repeat-x; }
  .block-main-experience .content #experience-constitution .col-center {
    background: #192f59;
    /* Old browsers */
    background: -moz-linear-gradient(top, #192f59 0%, #102148 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #192f59), color-stop(100%, #102148));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #192f59 0%, #102148 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #192f59 0%, #102148 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #192f59 0%, #102148 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #192f59 0%, #102148 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#192f59', endColorstr='#102148',GradientType=0 );
    /* IE6-9 */
    -webkit-box-shadow: -1px -2px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px -2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: -1px -2px 3px rgba(0, 0, 0, 0.2); }
    .block-main-experience .content #experience-constitution .col-center .bar {
      background: #1369bb; }
    .block-main-experience .content #experience-constitution .col-center .inner-content {
      color: #fff; }
      .block-main-experience .content #experience-constitution .col-center .inner-content h3 {
        color: #fff;
        font: 24px/34px "freight-sans-pro", Arial, Helvetica, sans-serif; }
      .block-main-experience .content #experience-constitution .col-center .inner-content p {
        font-size: 14px;
        line-height: 28px; }
      .block-main-experience .content #experience-constitution .col-center .inner-content .links.white a:hover > span, .block-main-experience .content #experience-constitution .col-center .inner-content .links.white a > span {
        padding: 0 15px 0 22px; }
      .block-main-experience .content #experience-constitution .col-center .inner-content .links.clear {
        margin: 20px 10px 0; }
        .block-main-experience .content #experience-constitution .col-center .inner-content .links.clear a:link, .block-main-experience .content #experience-constitution .col-center .inner-content .links.clear a:visited {
          color: #fff; }
          .block-main-experience .content #experience-constitution .col-center .inner-content .links.clear a:link .arrow, .block-main-experience .content #experience-constitution .col-center .inner-content .links.clear a:visited .arrow {
            color: #1369bb; }

@media screen and (min-width: 1501px) {
  .block-main-experience .content {
    height: 785px; }
    .block-main-experience .content #experience-constitution {
      max-width: 2000px;
      margin: 0 auto;
      min-width: 960px;
      position: relative;
      top: -15px;
      width: 100%; }
      .block-main-experience .content #experience-constitution .responsive {
        height: 800px; }
        .block-main-experience .content #experience-constitution .responsive .col-left {
          height: auto;
          width: 50%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0; }
          .block-main-experience .content #experience-constitution .responsive .col-left .inner {
            height: 100%;
            margin-right: 107.5px;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0; }
          .block-main-experience .content #experience-constitution .responsive .col-left .freedom {
            background-position: 100% 50%;
            height: 440px;
            width: 100%;
            top: 0;
            left: 0; }
            .block-main-experience .content #experience-constitution .responsive .col-left .freedom .pullout-content .center {
              height: 440px;
              line-height: 440px;
              margin-top: -220px; }
          .block-main-experience .content #experience-constitution .responsive .col-left .supreme {
            background-position: 100% 50%;
            border-top: 1px solid white;
            height: 360px;
            width: 51%;
            bottom: 0;
            left: 0; }
            .block-main-experience .content #experience-constitution .responsive .col-left .supreme .pullout-content .center {
              height: 360px;
              line-height: 360px;
              margin-top: -180px; }
          .block-main-experience .content #experience-constitution .responsive .col-left .election {
            background-position: 50% 50%;
            border-top: 1px solid white;
            border-left: 1px solid white;
            height: 360px;
            width: 50%;
            right: 0;
            bottom: 0; }
            .block-main-experience .content #experience-constitution .responsive .col-left .election .pullout-content .center {
              height: 360px;
              line-height: 360px;
              margin-top: -180px; }
          .block-main-experience .content #experience-constitution .responsive .col-left .pullout {
            right: -445px; }
        .block-main-experience .content #experience-constitution .responsive .col-right {
          height: auto;
          width: 50%;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0; }
          .block-main-experience .content #experience-constitution .responsive .col-right .inner {
            height: 100%;
            margin-left: 107.5px;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0; }
          .block-main-experience .content #experience-constitution .responsive .col-right .american {
            background-position: 0;
            height: 370px;
            width: 34%;
            top: 0;
            left: 0; }
            .block-main-experience .content #experience-constitution .responsive .col-right .american .pullout-content .center {
              height: 370px;
              line-height: 370px;
              margin-top: -190px; }
          .block-main-experience .content #experience-constitution .responsive .col-right .presidential {
            background-position: 0 50%;
            border-left: 1px solid white;
            height: 370px;
            margin-left: -17%;
            width: 34%;
            top: 0;
            left: 50%; }
            .block-main-experience .content #experience-constitution .responsive .col-right .presidential .pullout-content .center {
              height: 370px;
              line-height: 370px;
              margin-top: -190px; }
          .block-main-experience .content #experience-constitution .responsive .col-right .living {
            background-position: 100% 50%;
            border-left: 1px solid white;
            height: 370px;
            width: 34%;
            top: 0;
            right: 0; }
            .block-main-experience .content #experience-constitution .responsive .col-right .living .pullout-content .center {
              height: 370px;
              line-height: 370px;
              margin-top: -190px; }
          .block-main-experience .content #experience-constitution .responsive .col-right .signers {
            background-position: 100% 50%;
            border-top: 1px solid white;
            height: 430px;
            width: 100%;
            bottom: 0;
            left: 0; }
            .block-main-experience .content #experience-constitution .responsive .col-right .signers .pullout-content .center {
              height: 430px;
              line-height: 430px;
              margin-top: -215px; }
          .block-main-experience .content #experience-constitution .responsive .col-right .pullout {
            left: -445px; }
    .block-main-experience .content .col-center {
      border-left: 1px solid white;
      border-right: 1px solid white;
      height: 817px;
      margin: -9px auto 0;
      position: relative;
      width: 215px;
      z-index: 100; }
      .block-main-experience .content .col-center .bar {
        height: 8px;
        width: 100%; }
        .block-main-experience .content .col-center .bar.bottom {
          position: absolute;
          bottom: 0; }
      .block-main-experience .content .col-center .inner-content {
        color: #fff;
        margin: 135px 25px 0; }
        .block-main-experience .content .col-center .inner-content h3 {
          margin: 0 10px 15px; }
        .block-main-experience .content .col-center .inner-content p {
          border-bottom: 2px solid #1369bb;
          margin: 0 10px 25px;
          padding-bottom: 25px; }
        .block-main-experience .content .col-center .inner-content .links.clear {
          margin: 20px 10px 0; }
          .block-main-experience .content .col-center .inner-content .links.clear a:link, .block-main-experience .content .col-center .inner-content .links.clear a:visited {
            color: #fff; }
            .block-main-experience .content .col-center .inner-content .links.clear a:link .arrow, .block-main-experience .content .col-center .inner-content .links.clear a:visited .arrow {
              color: #1369bb; } }
@media screen and (max-width: 1500px) {
  .block-main-experience .content {
    height: 1442px; }
    .block-main-experience .content #experience-constitution {
      max-width: 940px;
      margin: 0 auto;
      min-width: 600px;
      position: relative;
      top: -15px; }
      .block-main-experience .content #experience-constitution .responsive {
        top: 0;
        height: 1442px; }
        .block-main-experience .content #experience-constitution .responsive .col-left {
          height: 440px;
          width: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0; }
          .block-main-experience .content #experience-constitution .responsive .col-left .inner {
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0; }
          .block-main-experience .content #experience-constitution .responsive .col-left .freedom {
            background-position: 100% 50%;
            height: 440px;
            width: 66%;
            top: 0;
            left: 0; }
            .block-main-experience .content #experience-constitution .responsive .col-left .freedom .pullout {
              right: -320px;
              width: 320px; }
              .block-main-experience .content #experience-constitution .responsive .col-left .freedom .pullout .inner {
                width: 320px; }
            .block-main-experience .content #experience-constitution .responsive .col-left .freedom .pullout-content .center {
              height: 440px;
              line-height: 440px;
              margin-top: -220px; }
          .block-main-experience .content #experience-constitution .responsive .col-left .supreme {
            background-position: 100% 100%;
            border-left: 1px solid white;
            height: 220px;
            width: 34%;
            top: 0;
            right: 0; }
            .block-main-experience .content #experience-constitution .responsive .col-left .supreme .pullout {
              left: -445px; }
            .block-main-experience .content #experience-constitution .responsive .col-left .supreme .pullout-content .center {
              height: 360px;
              line-height: 360px;
              margin-top: -180px; }
          .block-main-experience .content #experience-constitution .responsive .col-left .election {
            background-position: 50% 50%;
            border-top: 1px solid white;
            border-left: 1px solid white;
            height: 220px;
            width: 34%;
            right: 0;
            bottom: 0; }
            .block-main-experience .content #experience-constitution .responsive .col-left .election .pullout {
              left: -445px; }
            .block-main-experience .content #experience-constitution .responsive .col-left .election .pullout-content .center {
              height: 360px;
              line-height: 360px;
              margin-top: -180px; }
        .block-main-experience .content #experience-constitution .responsive .col-right {
          height: 800px;
          width: 100%;
          position: absolute;
          top: 657px; }
          .block-main-experience .content #experience-constitution .responsive .col-right .inner {
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0; }
          .block-main-experience .content #experience-constitution .responsive .col-right .american {
            background-position: 0;
            height: 370px;
            width: 34%;
            top: 0;
            left: 0; }
            .block-main-experience .content #experience-constitution .responsive .col-right .american .pullout {
              left: auto;
              right: -445px; }
            .block-main-experience .content #experience-constitution .responsive .col-right .american .pullout-content .center {
              height: 370px;
              line-height: 370px;
              margin-top: -190px; }
          .block-main-experience .content #experience-constitution .responsive .col-right .presidential {
            background-position: 0 50%;
            border-left: 1px solid white;
            height: 370px;
            margin-left: -17%;
            width: 34%;
            top: 0;
            left: 50%; }
            .block-main-experience .content #experience-constitution .responsive .col-right .presidential .pullout {
              left: auto;
              right: -310px;
              width: 310px; }
              .block-main-experience .content #experience-constitution .responsive .col-right .presidential .pullout .inner {
                width: 310px; }
            .block-main-experience .content #experience-constitution .responsive .col-right .presidential .pullout-content .center {
              height: 370px;
              line-height: 370px;
              margin-top: -190px; }
          .block-main-experience .content #experience-constitution .responsive .col-right .living {
            background-position: 100% 50%;
            border-left: 1px solid white;
            height: 370px;
            width: 34%;
            top: 0;
            right: 0; }
            .block-main-experience .content #experience-constitution .responsive .col-right .living .pullout-content .center {
              height: 370px;
              line-height: 370px;
              margin-top: -190px; }
          .block-main-experience .content #experience-constitution .responsive .col-right .signers {
            background-position: 100% 50%;
            border-top: 1px solid white;
            height: 430px;
            width: 100%;
            bottom: 0;
            left: 0; }
            .block-main-experience .content #experience-constitution .responsive .col-right .signers .pullout {
              left: 0;
              right: 0; }
            .block-main-experience .content #experience-constitution .responsive .col-right .signers .pullout-content .center {
              height: 430px;
              line-height: 430px;
              margin-top: -215px; }
        .block-main-experience .content #experience-constitution .responsive .pullout.small .pullout-content .links {
          bottom: 15px; }
        .block-main-experience .content #experience-constitution .responsive .pullout.small .pullout-content .center .text {
          font-size: 16px;
          line-height: 24px;
          margin: 0 30px;
          padding: 15px 0; }
    .block-main-experience .content .col-center {
      border-top: 1px solid white;
      border-bottom: 1px solid white;
      height: 215px;
      position: absolute;
      top: 440px;
      width: 100%;
      z-index: 100; }
      .block-main-experience .content .col-center .bar {
        height: 100%;
        position: absolute;
        width: 8px; }
        .block-main-experience .content .col-center .bar.bottom {
          top: 0;
          right: 0; }
      .block-main-experience .content .col-center .inner-content {
        color: #fff;
        margin: 30px 60px; }
        .block-main-experience .content .col-center .inner-content .main-text {
          border-right: 2px solid #1369bb;
          float: left;
          padding-right: 60px;
          width: 515px; }
        .block-main-experience .content .col-center .inner-content h3 {
          margin: 0 10px 15px; }
        .block-main-experience .content .col-center .inner-content p {
          margin: 0 10px; }
        .block-main-experience .content .col-center .inner-content .actions {
          margin-left: 635px; }
        .block-main-experience .content .col-center .inner-content .links.clear {
          margin: 20px 10px 0; }
          .block-main-experience .content .col-center .inner-content .links.clear a:link, .block-main-experience .content .col-center .inner-content .links.clear a:visited {
            color: #fff; }
            .block-main-experience .content .col-center .inner-content .links.clear a:link .arrow, .block-main-experience .content .col-center .inner-content .links.clear a:visited .arrow {
              color: #1369bb; } }
.block-from-the-constitution .control-links .arrows {
  margin-left: -125px;
  position: absolute;
  top: -27px;
  left: 50%;
  width: 250px; }
  .block-from-the-constitution .control-links .arrows div {
    background: url(http://constitutioncenter.plannedgiving.org/clients/550//images/btn-open-close-arrow.png) no-repeat 0 -18px;
    height: 18px;
    width: 40px;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
    margin: 3px auto 6px; }
    .block-from-the-constitution .control-links .arrows div.up {
      background-position: 0 0; }
.block-from-the-constitution .control-links ul li {
  overflow: hidden; }
  .block-from-the-constitution .control-links ul li a {
    height: 35px; }