/**
 * @file
 * Positioning for responsive layout .
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */
/*
 * Center the page.
 */
/* line 43, ../../sass/layouts/responsive-sidebars.scss */
#page,
.region-bottom,
#header .wrapper,
#footer .wrapper,
#top-line .wrapper,
#main-menu .wrapper,
#by-the-numbers .wrapper,
#above-the-footer .wrapper,
#g4 .wrapper {
  /* For screen sizes larger than 1200px, prevent excessively long lines of text
     by setting a max-width. */
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  position: relative;
}

/* line 60, ../../sass/layouts/responsive-sidebars.scss */
#footer #footer-middle .wrapper {
  width: 291px;
  max-width: 100%;
  overflow: hidden;
}

/*
 * Apply the shared properties of grid items in a single, efficient ruleset.
 */
/* line 71, ../../sass/layouts/responsive-sidebars.scss */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  padding-left: 0px;
  padding-right: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}

/*
 * Containers for grid items and flow items.
 */
/* line 51, ../../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#header:before, #header:after,
#main:before,
#main:after,
#footer:before,
#footer:after {
  content: "";
  display: table;
}
/* line 56, ../../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#header:after,
#main:after,
#footer:after {
  clear: both;
}

/* line 89, ../../sass/layouts/responsive-sidebars.scss */
#footer-top,
#footer-middle,
#copyrights {
  display: inline-block;
  width: 100%;
}

/* line 95, ../../sass/layouts/responsive-sidebars.scss */
#copyrights,
#by-the-numbers,
#above-the-footer {
  display: none;
}

/* line 102, ../../sass/layouts/responsive-sidebars.scss */
#header {
  padding: 12px 15px 0 15px;
}

/* line 105, ../../sass/layouts/responsive-sidebars.scss */
#page {
  padding: 0 15px;
}

/*
 * Navigation bar
 */
@media all and (max-width: 480px) {
  /* line 114, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-second .region-sidebar-second {
    margin-top: 20px;
  }
}
@media all and (min-width: 480px) {
  /* line 120, ../../sass/layouts/responsive-sidebars.scss */
  #main {
    position: relative;
  }

  /* line 124, ../../sass/layouts/responsive-sidebars.scss */
  #navigation {
    position: absolute;
    top: 0;
    /* Move the navbar up inside #main's padding. */
    height: 3em;
    width: 100%;
  }
}
@media all and (min-width: 480px) and (max-width: 749px) {
  /* line 134, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-second .region-sidebar-second {
    margin-top: 20px;
  }
}
@media all and (min-width: 750px) and (max-width: 959px) {
  /*
   * Use 3 grid columns for smaller screens.
   */
  /*
   * The layout when there is only one sidebar, the left one.
   */
  /* line 152, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-first #content {
    /* Span 2 columns, starting in 2nd column from left. */
    float: left;
    width: 16.66667%;
    margin-left: 8.33333%;
    margin-right: -25%;
  }
  /* line 156, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-first .region-sidebar-first {
    /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 8.33333%;
    margin-left: 0%;
    margin-right: -8.33333%;
  }

  /*
   * The layout when there is only one sidebar, the right one.
   */
  /* line 166, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-second #content {
    /* Span 2 columns, starting in 1st column from left. */
    float: left;
    width: 16.66667%;
    margin-left: 0%;
    margin-right: -16.66667%;
    padding-right: 20px;
  }
  /* line 171, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-second .region-sidebar-second {
    /* Span 1 column, starting in 3rd column from left. */
    float: left;
    width: 8.33333%;
    margin-left: 16.66667%;
    margin-right: -25%;
    padding-top: 40px;
  }

  /*
   * The layout when there are two sidebars.
   */
  /* line 182, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars #content {
    /* Span 2 columns, starting in 2nd column from left. */
    float: left;
    width: 16.66667%;
    margin-left: 8.33333%;
    margin-right: -25%;
  }
  /* line 186, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-first {
    /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 8.33333%;
    margin-left: 0%;
    margin-right: -8.33333%;
  }
  /* line 190, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second {
    /* Start a new row and span all 3 columns. */
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
    padding-left: 0;
    padding-right: 0;
    clear: left;
  }
  /* line 195, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second .block {
    padding-left: 0px;
    padding-right: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  /* line 198, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second .block:nth-child(3n+1) {
    /* Span 1 column, starting in the 1st column from left. */
    float: left;
    width: 8.33333%;
    margin-left: 0%;
    margin-right: -8.33333%;
    clear: left;
  }
  /* line 202, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second .block:nth-child(3n+2) {
    /* Span 1 column, starting in the 2nd column from left. */
    float: left;
    width: 8.33333%;
    margin-left: 8.33333%;
    margin-right: -16.66667%;
  }
  /* line 205, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second .block:nth-child(3n) {
    /* Span 1 column, starting in the 3rd column from left. */
    float: left;
    width: 8.33333%;
    margin-left: 16.66667%;
    margin-right: -25%;
  }
}
@media all and (min-width: 960px) {
  /*
   * Use 5 grid columns for larger screens.
   */
  /*
   * The layout when there is only one sidebar, the left one.
   */
  /* line 225, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-first #content {
    /* Span 4 columns, starting in 2nd column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 8.33333%;
    margin-right: -41.66667%;
  }
  /* line 229, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-first .region-sidebar-first {
    /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 8.33333%;
    margin-left: 0%;
    margin-right: -8.33333%;
  }

  /*
   * The layout when there is only one sidebar, the right one.
   */
  /* line 239, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-second #content {
    /* Span 4 columns, starting in 1st column from left. */
    float: left;
    width: 75%;
    margin-left: 0%;
    margin-right: -75%;
    padding-right: 24px;
  }
  /* line 244, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-second .region-sidebar-second {
    /* Span 1 column, starting in 5th column from left. */
    padding-top: 20px;
    padding-left: 16px;
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
  }

  /*
   * The layout when there are two sidebars.
   */
  /* line 258, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars #content {
    /* Span 3 columns, starting in 2nd column from left. */
    float: left;
    width: 25%;
    margin-left: 8.33333%;
    margin-right: -33.33333%;
  }
  /* line 262, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-first {
    /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 8.33333%;
    margin-left: 0%;
    margin-right: -8.33333%;
  }
  /* line 266, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second {
    /* Span 1 column, starting in 5th column from left. */
    float: left;
    width: 8.33333%;
    margin-left: 33.33333%;
    margin-right: -41.66667%;
  }

  /* line 271, ../../sass/layouts/responsive-sidebars.scss */
  body #header {
    padding: 0;
  }

  /* line 275, ../../sass/layouts/responsive-sidebars.scss */
  #header .wrapper {
    padding-top: 17px;
    /*background: url("../../images/cdp_medals.jpg") 0 0 no-repeat;*/
    padding-bottom: 17px;
    background-size: auto !important;
    background-position: 425px 64px;
  }

  /* line 283, ../../sass/layouts/responsive-sidebars.scss */
  #logo {
    display: block;
    width: 400px;
    height: 80px;
    overflow: hidden;
    text-indent: -999px;
    background: url("../../images/cdp_logo2x.png") 0 0 no-repeat;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
  }

  /* line 295, ../../sass/layouts/responsive-sidebars.scss */
  #logo img {
    display: none;
  }

  /* line 299, ../../sass/layouts/responsive-sidebars.scss */
  body #top-line {
    display: block;
  }

  /* line 303, ../../sass/layouts/responsive-sidebars.scss */
  body #main {
    padding: 0;
    /*float: left;*/
  }

  /* line 308, ../../sass/layouts/responsive-sidebars.scss */
  #main-menu,
  #by-the-numbers,
  #above-the-footer {
    display: block;
  }

  /* line 315, ../../sass/layouts/responsive-sidebars.scss */
  .front #content {
    float: left;
  }

  /* line 319, ../../sass/layouts/responsive-sidebars.scss */
  #footer #footer-top {
    border-top: 0;
    padding: 30px 0 20px;
  }

  /* line 324, ../../sass/layouts/responsive-sidebars.scss */
  #footer #footer-top .region {
    display: inline-block;
    width: 100%;
  }

  /* line 329, ../../sass/layouts/responsive-sidebars.scss */
  #footer #footer-middle {
    border-top: 10px #d2b339 solid;
    background: #FFF url("../../images/dark_bg.gif") 0 0 repeat-x;
    background: #FFF url("data:image/gif;base64,R0lGODlhBAAvAJEAAOrq6t3d3f////b29iH5BAAAAAAALAAAAAAEAC8AAAIZnBene8mP4HNS0Wou1pVLD4ETpgimAKRAAQA7") 0 0 repeat-x;
  }
  /* line 333, ../../sass/layouts/responsive-sidebars.scss */
  #footer #footer-middle .wrapper {
    max-width: 960px !important;
  }

  /* line 338, ../../sass/layouts/responsive-sidebars.scss */
  body #footer #footer-middle {
    color: #001d37;
  }

  /* line 343, ../../sass/layouts/responsive-sidebars.scss */
  #footer #footer-middle a {
    color: #33739d;
  }
  /* line 345, ../../sass/layouts/responsive-sidebars.scss */
  #footer #footer-middle a:visited {
    color: #33739d;
  }
  /* line 348, ../../sass/layouts/responsive-sidebars.scss */
  #footer #footer-middle a:hover {
    color: #d9b53b;
  }

  /* line 353, ../../sass/layouts/responsive-sidebars.scss */
  body #footer #footer-middle {
    padding-top: 0;
  }

  /* line 357, ../../sass/layouts/responsive-sidebars.scss */
  #copyrights {
    display: inline-block;
  }
}
@media all and (min-width: 840px) and (max-width: 959px) {
  /* line 366, ../../sass/layouts/responsive-sidebars.scss */
  #header .wrapper {
    width: 100%;
    float: left;
    background: url("../../images/header_color_logos.gif") 260px 18px no-repeat;
  }
}