/**
 * @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 44, ../../sass/layouts/responsive-sidebars.scss */
#page,
#messages,
#membership-bar-header {
  /* 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: 1200px; */
  max-width: 1140px;
}

/*
 * Apply the shared properties of grid items in a single, efficient ruleset.
 */
/* line 63, ../../sass/layouts/responsive-sidebars.scss */
#header,
#content,
#secondary-menu,
#messages .messages,
#navigation,
.region {
  padding-left: 20px;
  padding-right: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("/sites/all/theme/custom/bleach/polyfills/boxsizing.htc");
}

/*
 * Containers for grid items and flow items.
 */
/* line 76, ../../sass/layouts/responsive-sidebars.scss */
#header,
#sub-menu-region,
#main,
#footer,
#main-content
#sidebar-right .block {
  *position: relative;
  *zoom: 1;
}
/* line 46, ../../../../../../../../../lib/gems/1.8/gems/zen-grids-1.4/stylesheets/zen/_grids.scss */
#header:before, #header:after,
#sub-menu-region:before,
#sub-menu-region:after,
#main:before,
#main:after,
#footer:before,
#footer:after,
#main-content
#sidebar-right .block:before,
#main-content
#sidebar-right .block:after {
  content: "";
  display: table;
}
/* line 50, ../../../../../../../../../lib/gems/1.8/gems/zen-grids-1.4/stylesheets/zen/_grids.scss */
#header:after,
#sub-menu-region:after,
#main:after,
#footer:after,
#main-content
#sidebar-right .block:after {
  clear: both;
}

/* line 80, ../../sass/layouts/responsive-sidebars.scss */
#sub-menu-region {
  margin-bottom: 23px;
}

@media all and (min-width: 769px) {
  /* line 89, ../../sass/layouts/responsive-sidebars.scss */
  body.sidebar-right #main-content {
    float: left;
    width: 66.66667%;
    margin-left: 0%;
    margin-right: -66.66667%;
  }
  /* line 92, ../../sass/layouts/responsive-sidebars.scss */
  body.sidebar-right #sidebar-right {
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }

  /* line 98, ../../sass/layouts/responsive-sidebars.scss */
  .top-blocks {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 104, ../../sass/layouts/responsive-sidebars.scss */
  .top-blocks .left {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/theme/custom/bleach/polyfills/boxsizing.htc");
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
    padding-left: 0;
  }
  /* line 110, ../../sass/layouts/responsive-sidebars.scss */
  .top-blocks .center {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/theme/custom/bleach/polyfills/boxsizing.htc");
    float: left;
    width: 33.33333%;
    margin-left: 33.33333%;
    margin-right: -66.66667%;
  }
  /* line 115, ../../sass/layouts/responsive-sidebars.scss */
  .top-blocks .right {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/theme/custom/bleach/polyfills/boxsizing.htc");
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-right: 0;
  }

  /* line 122, ../../sass/layouts/responsive-sidebars.scss */
  .bottom-blocks {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    clear: left;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
  }
  /* line 132, ../../sass/layouts/responsive-sidebars.scss */
  .bottom-blocks .content {
    float: left;
    width: 60%;
    margin-left: 20%;
    margin-right: -80%;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 138, ../../sass/layouts/responsive-sidebars.scss */
  .bottom-blocks .home-web-button {
    width: 33.33333%;
    float: left;
  }
}
@media all and (max-width: 768px) {
  /*
   * Use 3 grid columns for smaller screens.
   */
  /* line 152, ../../sass/layouts/responsive-sidebars.scss */
  .top-blocks {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 158, ../../sass/layouts/responsive-sidebars.scss */
  .top-blocks .left {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/theme/custom/bleach/polyfills/boxsizing.htc");
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
    padding-left: 0;
  }
  /* line 164, ../../sass/layouts/responsive-sidebars.scss */
  .top-blocks .center {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/theme/custom/bleach/polyfills/boxsizing.htc");
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
    padding-right: 0;
  }
  /* line 170, ../../sass/layouts/responsive-sidebars.scss */
  .top-blocks .right {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/theme/custom/bleach/polyfills/boxsizing.htc");
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    clear: left;
  }

  /* line 177, ../../sass/layouts/responsive-sidebars.scss */
  .bottom-blocks {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    clear: left;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
  }
  /* line 187, ../../sass/layouts/responsive-sidebars.scss */
  .bottom-blocks .content {
    float: left;
    width: 60%;
    margin-left: 20%;
    margin-right: -80%;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 193, ../../sass/layouts/responsive-sidebars.scss */
  .bottom-blocks .home-web-button {
    width: 100%;
    float: left;
  }
}
@media all and (max-width: 480px) {
  /*
   * Use 3 grid columns for smaller screens.
   */
  /* line 208, ../../sass/layouts/responsive-sidebars.scss */
  .region {
    padding: 0 5px;
  }

  /* line 212, ../../sass/layouts/responsive-sidebars.scss */
  .top-blocks {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 218, ../../sass/layouts/responsive-sidebars.scss */
  .top-blocks .left {
    padding-left: 5px;
    padding-right: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/theme/custom/bleach/polyfills/boxsizing.htc");
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    clear: left;
  }
  /* line 224, ../../sass/layouts/responsive-sidebars.scss */
  .top-blocks .center {
    padding-left: 5px;
    padding-right: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/theme/custom/bleach/polyfills/boxsizing.htc");
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    clear: left;
  }
  /* line 230, ../../sass/layouts/responsive-sidebars.scss */
  .top-blocks .right {
    padding-left: 5px;
    padding-right: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/theme/custom/bleach/polyfills/boxsizing.htc");
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    clear: left;
  }

  /* line 237, ../../sass/layouts/responsive-sidebars.scss */
  .bottom-blocks {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    clear: left;
    padding: 0;
    margin: 0;
    padding-bottom: 20px;
  }
  /* line 250, ../../sass/layouts/responsive-sidebars.scss */
  .bottom-blocks .content {
    float: left;
    width: 80%;
    margin-left: 10%;
    margin-right: -90%;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 256, ../../sass/layouts/responsive-sidebars.scss */
  .bottom-blocks .home-web-button {
    width: 100%;
    float: left;
  }
}