* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Layout
 * ------
 * Using a negative margin technique, adapted from ZEN. The page is loaded by this order:
 *
 * 1. Header
 * 2. Content
 * 3. Navigation menus
 * 4. Sidebar Left
 * 5. Sideabr Right */
/* Layout rules. (Disclaimer: do not change if you're not sure you know what you're doing.) */
.container-inner {
  *zoom: 1;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
/* Remove  - width: 68em; - And add l-r pixel padding */
  padding: 20px 30px; }
  .container-inner:before, .container-inner:after {
    content: " ";
    display: table; }
  .container-inner:after {
    clear: both; }
  @media screen and (max-width: 68em) {
    .container-inner {
      width: auto;
      padding: 30px; } }

/* Adjust padding on small screens */	  
  @media screen and (max-width: 600px) {
    .container-inner {
      padding: 10px; } }

.no-sidebars #content {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 100%;

  }
  .no-sidebars #content:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .no-sidebars #content {
      display: block;
      float: left;
      margin-right: 3.22581%;
      width: 100%; }
      .no-sidebars #content:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 600px) {
    .no-sidebars #content {
      display: block;
      float: left;
      margin-right: 6.66667%;
      width: 100%; }
      .no-sidebars #content:last-child {
        margin-right: 0; } }
.one-sidebar.sidebar-second #content {
  display: block;
  float: left;
  margin-right: 4.12766%;
  width: 63.95745%; }
  .one-sidebar.sidebar-second #content:last-child {
    margin-right: 0; }
  /*Remove @media screen and (max-width: 768px) {
    .one-sidebar.sidebar-second #content {
      display: block;
      float: left;
      margin-right: 3.22581%;
      width: 74.19355%; }
      .one-sidebar.sidebar-second #content:last-child {
        margin-right: 0; } } */
  @media screen and (max-width: 880px) {
    .one-sidebar.sidebar-second #content {
      display: block;
      float: left;
      margin-right: 6.66667%;
      width: 100%; }
      .one-sidebar.sidebar-second #content:last-child {
        margin-right: 0; } }
.one-sidebar.sidebar-first #content {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 82.97872%;
  margin-left: 17.02128%; }
  .one-sidebar.sidebar-first #content:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .one-sidebar.sidebar-first #content {
      display: block;
      float: left;
      margin-right: 3.22581%;
      width: 61.29032%;
      margin-left: 25.80645%; }
      .one-sidebar.sidebar-first #content:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 480px) {
    .one-sidebar.sidebar-first #content {
      display: block;
      float: left;
      margin-right: 6.66667%;
      width: 100%;
      margin-left: 0%; }
      .one-sidebar.sidebar-first #content:last-child {
        margin-right: 0; } }
.two-sidebars #content {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 57.44681%;
  margin-left: 17.02128%; }
  .two-sidebars #content:last-child {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .two-sidebars #content {
      display: block;
      float: left;
      margin-right: 3.22581%;
      width: 48.3871%;
      margin-left: 25.80645%; }
      .two-sidebars #content:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 480px) {
    .two-sidebars #content {
      display: block;
      float: left;
      margin-right: 6.66667%;
      width: 100%;
      margin-left: 0%; }
      .two-sidebars #content:last-child {
        margin-right: 0; } }

#sidebar-first {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 14.89362%;
  margin-left: -76.59574%; }
  #sidebar-first:last-child {
    margin-right: 0; }
  .sidebar-first #sidebar-first {
    margin-left: -102.12766%; }
  @media screen and (max-width: 768px) {
    #sidebar-first {
      display: block;
      float: left;
      margin-right: 3.22581%;
      width: 22.58065%;
      margin-left: -77.41935%; }
      #sidebar-first:last-child {
        margin-right: 0; }
      .sidebar-first #sidebar-first {
        margin-left: -90.32258%; } }
  @media screen and (max-width: 480px) {
    #sidebar-first {
      display: block;
      float: left;
      margin-right: 6.66667%;
      width: 100%;
      margin-left: 0%; }
      #sidebar-first:last-child {
        margin-right: 0; }
      .sidebar-first #sidebar-first {
        margin-left: 0%; } }

#sidebar-second {
  display: block;
  float: left;
  margin-right: 2.12766%;
  width: 31.91489%;
  margin-left: 0%; }
  #sidebar-second:last-child {
    margin-right: 0; }
 /*Remove @media screen and (max-width: 768px) {
    #sidebar-second {
      display: block;
      float: left;
      margin-right: 3.22581%;
      width: 22.58065%;
      margin-left: 0%; }
      #sidebar-second:last-child {
        margin-right: 0; } } */
  @media screen and (max-width: 880px) {
    #sidebar-second {
      display: block;
      float: left;
      margin-right: 6.66667%;
      width: 100%;
      margin-left: 0%; }
      #sidebar-second:last-child {
        margin-right: 0; } }

@media screen and (max-width: 480px) {
  body.page-news-and-events #sidebar-second {
    margin-left: -106.66667%; } }
@media screen and (max-width: 480px) {
  body.page-news-and-events #content {
    margin-top: 480px; } }

#footer {
  float: none;
  clear: both; }

/* Layout Helpers */
#header,
#footer,
.mission,
.breadcrumb,
.node {
  clear: both; }

/* Columns Inner
 * -------------
 * You can change the padding inside the columns without changing the
 * width of them by just usinbg the INNER div of each column */
.inner {
  padding: 0; }

/* Navigation styles */
#navigation li {
  list-style-type: none;
  display: inline-block; }