/* =============================================================================
   Colors & Globals
   ========================================================================== */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222; }

body {
  width: 100%;
  margin: 0px;
  min-width: 320px;
  position: relative;
  padding: 0px 0 0px 0; }

.outer {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto; }

.inner {
  width: 95.314788%;
  /*1302/1366*/
  margin: 0 auto; }

.wrap {
  width: 82.9493087557604%;
  /*1080/1302*/
  margin: 0 auto; }

.inner-wrap {
  width: 79.4444444444444%;
  /*858px/1080*/
  margin: 0 auto; }

.tiny-wrap {
  width: 74.125874%;
  /*636/858*/
  margin: 0 auto; }

img {
  max-width: 100%;
  outline: none;
  vertical-align: middle;
  display: block;
  margin-bottom: 30px; }

p img {
  width: auto !important;
  height: auto !important; }

iframe, object, embed {
  max-width: 100% !important;
  display: block;
  margin: 0 auto; }

iframe {
  margin: 25px auto; }

.big-column {
  float: left;
  width: 65.8986175115207%;
  /*858/1302*/ }
  .big-column .sub-column {
    width: 48.2517482517483%;
    /*414/858*/ }
  .big-column .sub-column-1 {
    float: left;
    clear: both; }
  .big-column .sub-column-2 {
    float: right; }

.small-column {
  float: right;
  width: 31.7972350230415%;
  /*414/1302*/ }

.small-column-left {
  float: left;
  width: 31.7972350230415%;
  /*414/1302*/ }

.big-column-right {
  float: right;
  width: 65.8986175115207%;
  /*858/1302*/ }
  .big-column-right .sub-column {
    width: 48.2517482517483%;
    /*414/858*/ }
  .big-column-right .sub-column-1 {
    float: left;
    clear: both; }
  .big-column-right .sub-column-2 {
    float: right; }

.three-column {
  width: 31.7972350230415%;
  /*414/1302*/
  float: left;
  margin: 0 0 0 2.3041474654378%;
  /*30/1302*/ }
  .three-column img {
    margin-bottom: 25px; }

.three-column-0 {
  margin-left: 0px;
  clear: both; }

.two-column {
  width: 48.8479262672811%;
  /*636/1302*/ }
  .two-column .sub-col-1 {
    float: left;
    width: 39.622642%;
    /*252/ 636*/ }
  .two-column .sub-col-2 {
    float: right;
    width: 55.660377%;
    /*354/636*/ }
  .two-column .two-column-wrap {
    width: 90.566038%;
    /*576/636*/
    margin: 0 auto;
    padding: 0 0 30px 0; }

.two-column-1 {
  float: left;
  clear: both; }

.two-column-2 {
  float: right; }

ul.testimonials li.two-column-0 {
  float: left;
  clear: both; }
ul.testimonials li.two-column-1 {
  float: right;
  clear: none; }

.four-column {
  width: 23.2718894009217%;
  /*303/1280*/
  margin: 0 0 0 2.3041474654378%;
  /*30/1302*/
  float: left; }
  .four-column img {
    margin-bottom: 25px; }

.four-column-0 {
  margin-left: 0px;
  clear: both; }

.flush-column {
  width: 50%; }

.flush-column-1, .flush-column-2 {
  float: left; }

.default-content {
  min-height: 300px;
  padding: 48px 0; }

.default-section {
  border-bottom: 1px solid #B28A49; }

.overlay {
  background-color: rgba(28, 85, 104, 0.73); }

.gradient-overlay {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1c5568+0,9d3a20+100&0.7+0,0.3+100 */
  background: -moz-linear-gradient(top, rgba(28, 85, 104, 0.7) 0%, rgba(157, 58, 32, 0.3) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(28, 85, 104, 0.7) 0%, rgba(157, 58, 32, 0.3) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(28, 85, 104, 0.7) 0%, rgba(157, 58, 32, 0.3) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b31c5568', endColorstr='#4d9d3a20',GradientType=0 );
  /* IE6-9 */ }

.mustard-overlay {
  background-color: rgba(178, 138, 73, 0.86); }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection {
  background: #9D3A20;
  color: #FFFFFF;
  text-shadow: none; }

::selection {
  background: #9D3A20;
  color: #FFFFFF;
  text-shadow: none; }

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0; }

/* ==|== primary styles =====================================================
   Author: Ethan Sager, www.bebetterstudios.com
   ========================================================================== */
.header {
  padding-top: 48px;
  position: relative; }
  .header .headercol1 {
    float: left;
    width: 21.966206%; }
    .header .headercol1 .logo img {
      margin-bottom: 0px; }
    .header .headercol1 .mobile-switch {
      cursor: pointer;
      width: 60px;
      float: right;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      margin-top: 4px;
      display: none; }
      .header .headercol1 .mobile-switch:hover span.mobile-grab-bar {
        background: #f5efe6; }
      .header .headercol1 .mobile-switch .mobile-bars {
        margin-top: 0px;
        padding: 0px 0 8px 0; }
      .header .headercol1 .mobile-switch .mobile-grab-bar {
        display: block;
        margin: 0 auto 5px auto;
        width: 70%;
        height: 6px;
        background: white;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        -webkit-transition: background-color 250ms ease-out 0s;
        -moz-transition: background-color 250ms ease-out 0s;
        -o-transition: background-color 250ms ease-out 0s;
        transition: background-color 250ms ease-out 0s; }
  .header .headercol2 {
    float: right;
    width: 75.729647%; }

.footer {
  padding: 60px 0; }
  .footer .footer-top #mc_embed_signup {
    width: 95.283019%;
    margin: 0 auto; }
  .footer .footer-bottom {
    margin-top: 100px; }

.main-image {
  min-height: 468px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  .main-image .overlay, .main-image .gradient-overlay, .main-image .mustard-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .main-image .outer {
    position: relative;
    z-index: 2; }
  .main-image .main-image-content {
    visibility: hidden;
    margin-top: 12%; }
    .main-image .main-image-content h1, .main-image .main-image-content .h1, .main-image .main-image-content h2, .main-image .main-image-content .h2, .main-image .main-image-content h3, .main-image .main-image-content .h3, .main-image .main-image-content h4, .main-image .main-image-content .h4, .main-image .main-image-content h5, .main-image .main-image-content .h5, .main-image .main-image-content h6, .main-image .main-image-content .h6, .main-image .main-image-content p {
      color: #FFFFFF; }
  .main-image .title-cols {
    position: absolute;
    bottom: 24%;
    left: 0px;
    height: auto;
    width: 100%;
    z-index: 9999; }

.main-image-home {
  min-height: 700px; }
  .main-image-home .main-image-content {
    visibility: hidden;
    margin-top: 24%; }
    .main-image-home .main-image-content h1, .main-image-home .main-image-content .h1, .main-image-home .main-image-content h2, .main-image-home .main-image-content .h2, .main-image-home .main-image-content h3, .main-image-home .main-image-content .h3, .main-image-home .main-image-content h4, .main-image-home .main-image-content .h4, .main-image-home .main-image-content h5, .main-image-home .main-image-content .h5, .main-image-home .main-image-content h6, .main-image-home .main-image-content .h6, .main-image-home .main-image-content p {
      color: #FFFFFF; }

.home-top-section, .home-bottom-section, .news-and-events-section .inner, .books-overview-top-section,
.books-overview-middle-section, .books-overview-bottom-section {
  padding: 60px 0; }

.middle-image {
  min-height: 568px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  .middle-image .overlay, .middle-image .gradient-overlay, .middle-image .mustard-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .middle-image .outer {
    position: relative;
    z-index: 2; }
  .middle-image .middle-image-content {
    visibility: hidden;
    margin-top: 12%; }
    .middle-image .middle-image-content h1, .middle-image .middle-image-content .h1, .middle-image .middle-image-content h2, .middle-image .middle-image-content .h2, .middle-image .middle-image-content h3, .middle-image .middle-image-content .h3, .middle-image .middle-image-content h4, .middle-image .middle-image-content .h4, .middle-image .middle-image-content h5, .middle-image .middle-image-content .h5, .middle-image .middle-image-content h6, .middle-image .middle-image-content .h6, .middle-image .middle-image-content p {
      color: #FFFFFF; }

.news-and-events-section .inner {
  background-color: #F5EFE6; }

.top-book-image, .top-book-image-single {
  position: relative;
  display: block; }
  .top-book-image .top-book-image-wrap, .top-book-image-single .top-book-image-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 9999; }
    .top-book-image .top-book-image-wrap img, .top-book-image-single .top-book-image-wrap img {
      visibility: hidden;
      margin: 0 auto;
      display: block; }

.top-book-image-single .top-book-image-wrap img {
  visibility: hidden;
  max-width: 71.855346%; }

.bottom-border {
  border-bottom: 1px solid #B28A49; }

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media screen and (min-width: 0px) {
  .wrap {
    width: 100%;
    margin: 0 auto; }

  .news-and-events-section .inner .wrap {
    width: 82.9493087557604%;
    /*1080/1302*/
    margin: 0 auto; }

  .inner-wrap {
    width: 100%;
    margin: 0 auto; }

  .tiny-wrap {
    width: 92%;
    margin: 0 auto; }

  .two-column {
    width: 100%; }
    .two-column .two-column-content-wrap {
      width: 90%;
      margin: 0 auto; }

  .two-column-1 {
    float: none;
    margin-bottom: 30px; }

  .main-image .title-cols .two-column-1 {
    margin-bottom: 15px; }

  .two-column-2 {
    float: none; }

  .three-column {
    width: 100%;
    /*414/1302*/
    float: none;
    margin: 0 0 30px 0;
    /*30/1302*/ }
    .three-column img {
      margin-bottom: 25px; }

  .three-column-0 {
    margin-left: 0px; }

  .four-column {
    width: 100%;
    /*303/1280*/
    margin: 0 0 25px 0;
    /*30/1302*/
    float: none; }

  .four-column-0 {
    margin-left: 0px; }

  .big-column {
    float: none;
    width: 100%;
    margin-bottom: 25px; }
    .big-column img {
      display: block;
      margin: 0 auto; }
    .big-column .tertiary-nav {
      display: block; }

  .small-column {
    float: none;
    width: 100%; }
    .small-column .tertiary-nav {
      display: none; }

  .small-column-left {
    float: none;
    width: 100%;
    margin-bottom: 25px; }

  .big-column-right {
    float: none;
    width: 100%; }

  .flush-column, .flush-three-column {
    width: 100%; }
    .flush-column .flush-column-wrap, .flush-three-column .flush-column-wrap {
      width: 90.78341%;
      margin: 0 auto;
      padding: 0 0 30px 0; }

  .flush-column-1, .flush-column-2 {
    float: none; }

  .flush-column-1 {
    margin-bottom: 35px; }

  .header {
    z-index: 999999;
    padding-top: 28px; }
    .header .headercol1 {
      float: none;
      width: 100%; }
      .header .headercol1 .logo {
        float: left;
        width: 70%;
        max-width: 300px; }
      .header .headercol1 .mobile-switch {
        display: block;
        float: right;
        width: 50px; }
    .header .headercol2 {
      display: none;
      float: none;
      width: 100%;
      background-color: rgba(28, 85, 104, 0.9);
      margin-top: 12px;
      padding: 15px 0px 20px 0;
      position: relative; }

  .footer {
    padding: 30px 0; }
    .footer .footer-bottom {
      margin-top: 60px; }

  .main-image {
    min-height: 320px; }
    .main-image .main-image-content {
      visibility: hidden;
      margin-top: 14%; }
      .main-image .main-image-content h1, .main-image .main-image-content .h1, .main-image .main-image-content h2, .main-image .main-image-content .h2, .main-image .main-image-content h3, .main-image .main-image-content .h3, .main-image .main-image-content h4, .main-image .main-image-content .h4, .main-image .main-image-content h5, .main-image .main-image-content .h5, .main-image .main-image-content h6, .main-image .main-image-content .h6, .main-image .main-image-content p {
        color: #FFFFFF; }
    .main-image .title-cols {
      position: relative;
      bottom: 24%;
      left: 0px;
      height: auto;
      width: 100%;
      z-index: 9999;
      text-align: center; }

  .home-top-section, .home-bottom-section, .news-and-events-section .inner, .books-overview-top-section,
  .books-overview-middle-section, .books-overview-bottom-section {
    padding: 30px 0; }

  .middle-image {
    min-height: 368px; }

  .top-book-image .top-book-image-wrap, .top-book-image-single .top-book-image-wrap {
    height: auto;
    z-index: 9999; }
    .top-book-image .top-book-image-wrap img, .top-book-image-single .top-book-image-wrap img {
      max-width: 250px;
      margin: 0 auto;
      display: block; } }
@media screen and (min-width: 480px) {
  .main-image {
    min-height: 320px; } }
@media screen and (min-width: 550px) {
  .main-image {
    min-height: 350px; }

  .main-image-home {
    min-height: 425px; }

  .middle-image {
    min-height: 468px; } }
@media screen and (min-width: 600px) {
  .wrap {
    width: 82.9493087557604%;
    /*1080/1302*/
    margin: 0 auto; }

  .inner-wrap {
    width: 100%;
    margin: 0 auto; }

  .two-column, .approach-two-column {
    width: 48.8479262672811%;
    /*636/1302*/ }
    .two-column .two-column-content-wrap, .approach-two-column .two-column-content-wrap {
      margin: 0 auto; }

  .two-column-1, .approach-two-column-0 {
    float: left;
    margin-bottom: 0px; }

  .two-column-2, .approach-two-column-1 {
    float: right; }

  .approach-two-column-1, .approach-two-column-0 {
    margin-bottom: 35px; }

  .three-column {
    width: 31.7972350230415%;
    /*414/1302*/
    float: left;
    margin: 0 0 0 2.3041474654378%;
    /*30/1302*/ }
    .three-column img {
      margin-bottom: 25px; }

  .three-column-0 {
    margin-left: 0px; }

  .main-image {
    min-height: 350px; }
    .main-image .title-cols {
      position: absolute;
      bottom: 24%;
      left: 0px;
      height: auto;
      width: 100%;
      z-index: 9999;
      text-align: left; }

  .main-image-home {
    min-height: 500px; } }
@media screen and (min-width: 650px) {
  .four-column {
    width: 23.2718894009217%;
    /*303/1280*/
    margin: 0 0 0px 2.3041474654378%;
    /*30/1302*/
    float: left; }
    .four-column img {
      margin-bottom: 35px; }

  .four-column-0, .four-column-2 {
    clear: none; }

  .four-column-0 {
    margin-left: 0px;
    clear: both; }

  .small-column-left {
    float: left;
    width: 31.7972350230415%;
    /*414/1302*/
    margin-bottom: 0px; }

  .big-column-right {
    float: right;
    width: 65.8986175115207%;
    /*858/1302*/ }

  .big-column {
    float: left;
    width: 65.8986175115207%;
    /*858/1302*/ }
    .big-column .sub-column {
      width: 48.2517482517483%;
      /*414/858*/ }
    .big-column .sub-column-1 {
      float: left;
      clear: both; }
    .big-column .sub-column-2 {
      float: right; }

  .small-column {
    float: right;
    width: 31.7972350230415%;
    /*414/1302*/ }

  .top-book-image .top-book-image-wrap, .top-book-image-single .top-book-image-wrap {
    height: auto;
    z-index: 9999; }
    .top-book-image .top-book-image-wrap img, .top-book-image-single .top-book-image-wrap img {
      max-width: 300px;
      margin: 0 auto;
      display: block; } }
@media screen and (min-width: 768px) {
  .tiny-wrap {
    width: 74.1258741258741%;
    /*636/858*/
    margin: 0 auto; }

  .flush-column {
    width: 50%; }
    .flush-column .flush-column-wrap {
      width: 90.78341%;
      margin: 0 auto; }

  .flush-column-1, .flush-column-2 {
    float: left; }

  .flush-column-1 {
    margin-bottom: 0px; }

  .flush-column-2 {
    padding-top: 40px;
    padding-bottom: 0px; }

  .header {
    z-index: 999999;
    padding-top: 48px; }
    .header .headercol1 {
      float: left;
      width: 25.966206%; }
      .header .headercol1 .logo {
        float: none;
        width: 100%;
        max-width: 100%; }
      .header .headercol1 .mobile-switch {
        display: none;
        float: none;
        width: 50px; }
    .header .headercol2 {
      display: block !important;
      float: right;
      width: 70.729647%;
      background-color: transparent;
      margin-top: 0px;
      padding: 0px 0px 0px 0;
      position: relative; }

  .footer {
    padding: 60px 0; }
    .footer .footer-bottom {
      margin-top: 100px; }

  .home-top-section, .home-bottom-section, .news-and-events-section .inner, .books-overview-top-section,
  .books-overview-middle-section, .books-overview-bottom-section {
    padding: 60px 0; }

  .main-image {
    min-height: 468px; }
    .main-image .title-cols {
      bottom: 16%; }

  .main-image-home {
    min-height: 600px; }

  .middle-image {
    min-height: 568px; }

  .top-book-image .top-book-image-wrap, .top-book-image-single .top-book-image-wrap {
    height: auto;
    z-index: 9999; }
    .top-book-image .top-book-image-wrap img, .top-book-image-single .top-book-image-wrap img {
      max-width: 360px;
      margin: 0 auto;
      display: block; }

  .top-book-image-single .top-book-image-wrap img {
    max-width: 300px; } }
@media only screen and (min-width: 940px) {
  .inner-wrap {
    width: 79.4444444444444%;
    /*858px/1080*/
    margin: 0 auto; }

  .tiny-wrap {
    width: 74.1258741258741%;
    /*636/858*/
    margin: 0 auto; }

  .header .headercol1 {
    width: 23.966206%; }
  .header .headercol2 {
    width: 72.729647%; }

  .main-image-home {
    min-height: 700px; } }
@media only screen and (min-width: 1020px) {
  .main-image .title-cols {
    bottom: 24%; } }
@media only screen and (min-width: 1150px) {
  .top-book-image .top-book-image-wrap img, .top-book-image-single .top-book-image-wrap img {
    max-width: 100%; }

  .top-book-image-single .top-book-image-wrap img {
    max-width: 71.855346%; } }
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

.ir br {
  display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }

  /* a[href]:after { content: " (" attr(href) ")"; }*/
  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
/* ==|== Trumps =======================================================
	Trump styles
   ========================================================================== */
.left {
  float: left; }

.right {
  float: right; }

.center {
  margin: 0 auto; }

.text-center {
  text-align: center; }

.hidden {
  display: none; }

.not-visibile {
  visibility: hidden; }

.uppercase {
  text-transform: uppercase !important; }

.no-border-top {
  border-top: none; }

.no-border-bottom {
  border-bottom: none; }

.no-boder-left {
  border-left: none; }

.no-border-right {
  border-right: none; }

.no-margin-top {
  margin-top: 0px !important; }

.no-margin-right {
  margin-right: 0px !important; }

.no-margin-bottom {
  margin-bottom: 0px !important; }

.no-margin-left {
  margin-left: 0px !important; }

.no-padding-top {
  padding-top: 0px !important; }

.no-padding-right {
  padding-right: 0px !important; }

.no-padding-bottom {
  padding-bottom: 0px !important; }

.no-padding-left {
  padding-left: 0px !important; }

h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, p.white, .white {
  color: #FFFFFF; }

/*# sourceMappingURL=layout.css.map */