@charset "UTF-8";

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

html, body {height: 100%;}

html {
  font-size: 62.5%;
}


body {
  background: url(../img/bb-bg.png) center center #dfbf93;
  font-family: "proxima-nova","Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 18px;
  font-size: 1.4rem;
  line-height: 1;
  color: #3e7079;
  position: relative;
  -webkit-font-smoothing: antialiased;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -4em;
}

.push {height: 4em;}

/* Links ---------------------- */

a {
  color: #3e7079;
  text-decoration: none;
  line-height: inherit;
}


a:hover {
  color: #0f8d85;
}


a:focus {
  color: #0f8d85;
  outline: none;
}


p a, p a:visited {
  line-height: inherit;
}

/* Misc ---------------------- */

.left {
  float: left;
}


.right {
  float: right;
}


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


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


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


.hide {
  display: none;
}


.highlight {
  background: #ffff99;
}


#googlemap img, object, embed {
  max-width: none;
}


#map_canvas embed {
  max-width: none;
}


#map_canvas img {
  max-width: none;
}


#map_canvas object {
  max-width: none;
}

/* Base Type Styles Using Modular Scale ---------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-size: 14px;
}


p {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 24px;
}

p.lead {
  font-size: 17.5px;
  line-height: 1.6;
  margin-bottom: 17px;
}

p img.left, p img {
  margin: 17px;
  margin-left: 0;
}

p img.right {
  margin: 17px;
  margin-right: 0;
}


aside p {
  font-size: 13px;
  line-height: 1.35;
  font-style: italic;
}


h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  line-height: 1.1;
  margin-bottom: 14px;
  margin-top: 14px;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 80%;
  color: #888;
  line-height: 0;
}


h1 {
  font-size: 44px;
}


h2 {
  font-size: 37px;
}


h3 {
  font-size: 27px;
}


h4 {
  font-size: 23px;
}


h5 {
  font-size: 17px;
}


h6 {
  font-size: 14px;
}


hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 22px 0 21px;
  height: 0;
}


.subheader {
  line-height: 1.3;
  color: #777;
  font-weight: 300;
  margin-bottom: 17px;
}


em, i {
  font-style: italic;
  line-height: inherit;
}


strong, b {
  font-weight: bold;
  line-height: inherit;
}


small {
  font-size: 60%;
  line-height: inherit;
}


code {
  font-weight: bold;
  background: #ffff99;
}

/* Lists ---------------------- */

ul, ol {
  font-size: 14px;
  line-height: 1.6;
  list-style-position: inside;
  margin-bottom: 1.6em;
}


ul.square, ul.circle, ul.disc {
  margin-left: 17px;
}


ul.square {
  list-style-type: square;
}


ul.circle {
  list-style-type: circle;
}


ul.disc {
  list-style-type: disc;
}


ul.no-bullet {
  list-style: none;
}


ul.large li {
  line-height: 21px;
}


.print-only {
  display: none !important;
}

@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;
  }


  .hide-on-print {
    display: none !important;
  }


  .print-only {
    display: block !important;
  }
}
/* The Grid ---------------------- */

.row {
  width: 1000px;
  max-width: 100%;
  min-width: 768px;
  margin: 0 auto;
}

.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -15px;
}

.row.collapse .column, .row.collapse .columns {
  padding: 0;
}

.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -15px;
}

.row .row.collapse {
  margin: 0;
}


.column, .columns {
  float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
}

.column.centered, .columns.centered {
  float: none;
  margin: 0 auto;
}


[class*="column"] + [class*="column"]:last-child {
  float: right;
}


[class*="column"] + [class*="column"].end {
  float: left;
}


.row .one {
  width: 8.333%;
}


.row .two {
  width: 16.667%;
}


.row .three {
  width: 25%;
}


.row .four {
  width: 33.333%;
}


.row .five {
  width: 41.667%;
}


.row .six {
  width: 50%;
}


.row .seven {
  width: 58.333%;
}


.row .eight {
  width: 66.667%;
}


.row .nine {
  width: 75%;
}


.row .ten {
  width: 83.333%;
}


.row .eleven {
  width: 91.667%;
}


.row .twelve {
  width: 100%;
}


.row .offset-by-one {
  margin-left: 8.333%;
}


.row .offset-by-two {
  margin-left: 16.667%;
}


.row .offset-by-three {
  margin-left: 25%;
}


.row .offset-by-four {
  margin-left: 33.333%;
}


.row .offset-by-five {
  margin-left: 41.667%;
}


.row .offset-by-six {
  margin-left: 50%;
}


.row .offset-by-seven {
  margin-left: 58.333%;
}


.row .offset-by-eight {
  margin-left: 66.667%;
}


.row .offset-by-nine {
  margin-left: 75%;
}


.row .offset-by-ten {
  margin-left: 83.333%;
}


.push-two {
  left: 16.667%;
}


.pull-two {
  right: 16.667%;
}


.push-three {
  left: 25%;
}


.pull-three {
  right: 25%;
}


.push-four {
  left: 33.333%;
}


.pull-four {
  right: 33.333%;
}


.push-five {
  left: 41.667%;
}


.pull-five {
  right: 41.667%;
}


.push-six {
  left: 50%;
}


.pull-six {
  right: 50%;
}


.push-seven {
  left: 58.333%;
}


.pull-seven {
  right: 58.333%;
}


.push-eight {
  left: 66.667%;
}


.pull-eight {
  right: 66.667%;
}


.push-nine {
  left: 75%;
}


.pull-nine {
  right: 75%;
}


.push-ten {
  left: 83.333%;
}


.pull-ten {
  right: 83.333%;
}


img, object, embed {
  max-width: 100%;
  height: auto;
}


img {
  -ms-interpolation-mode: bicubic;
}


#map_canvas img, .map_canvas img {
  max-width: none!important;
}

/* Nicolas Gallagher's micro clearfix */

.row, .cf {
  *zoom: 1;
}

.row:before, .row:after, .cf:before, .cf:after {
  content: "";
  display: table;
}

.row:after, .cf:after {
  clear: both;
}

/* Mobile Grid and Overrides ---------------------- */
@media only screen and (max-width: 767px) {

  body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }


  .row {
    width: auto;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }


  .column, .columns {
    width: auto !important;
    float: none;
  }


  .column:last-child, .columns:last-child {
    float: none;
  }


  [class*="column"] + [class*="column"]:last-child {
    float: none;
  }


  .column:before, .columns:before, .column:after, .columns:after {
    content: "";
    display: table;
  }


  .column:after, .columns:after {
    clear: both;
  }


  .no-left-margin, .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten {
    margin-left: 0 !important;
  }


  .left-auto, .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten {
    left: auto;
  }


  .right-auto, .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten {
    right: auto;
  }

  /* Mobile 4-column Grid */

  .row .mobile-one {
    width: 25% !important;
    float: left;
    padding: 0 15px;
  }

  .row .mobile-one:last-child {
    float: right;
  }

  .row.collapse .mobile-one {
    padding: 0;
  }


  .row .mobile-two {
    width: 50% !important;
    float: left;
    padding: 0 15px;
  }

  .row .mobile-two:last-child {
    float: right;
  }

  .row.collapse .mobile-two {
    padding: 0;
  }


  .row .mobile-three {
    width: 75% !important;
    float: left;
    padding: 0 15px;
  }

  .row .mobile-three:last-child {
    float: right;
  }

  .row.collapse .mobile-three {
    padding: 0;
  }


  .row .mobile-four {
    width: 100% !important;
    float: left;
    padding: 0 15px;
  }

  .row .mobile-four:last-child {
    float: right;
  }

  .row.collapse .mobile-four {
    padding: 0;
  }


  .push-one-mobile {
    left: 25%;
  }


  .pull-one-mobile {
    right: 25%;
  }


  .push-two-mobile {
    left: 50%;
  }


  .pull-two-mobile {
    right: 50%;
  }


  .push-three-mobile {
    left: 75%;
  }


  .pull-three-mobile {
    right: 75%;
  }
}
/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */

.block-grid {
  display: block;
  overflow: hidden;
  padding: 0;
}

.block-grid > li {
  display: block;
  height: auto;
  float: left;
}


.block-grid.two-up {
  margin: 0 -15px;
}


.block-grid.two-up > li {
  width: 50%;
  padding: 0 15px 15px;
}

/*  .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */

.block-grid.three-up {
  margin: 0 -12px;
}


.block-grid.three-up > li {
  width: 33.33%;
  padding: 0 12px 12px;
}

/*  .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */

.block-grid.four-up {
  margin: 0 -10px;
}


.block-grid.four-up > li {
  width: 25%;
  padding: 0 10px 10px;
}

/*  .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */

.block-grid.five-up {
  margin: 0 -8px;
}


.block-grid.five-up > li {
  width: 20%;
  padding: 0 8px 8px;
}

/*  .block-grid.five-up>li:nth-child(5n+1) {clear: left;} */
/* Mobile Block Grids */
@media only screen and (max-width: 767px) {

  .block-grid.mobile {
    margin-left: 0;
  }


  .block-grid.mobile > li {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}
/* Requires:
   globals.css */
/* Table of Contents

:: Visibility
:: Alerts
:: Labels
:: Tooltips
:: Panels
:: Side Nav
:: Sub Nav
:: Pagination
:: Breadcrumbs
:: Lists
:: Link Lists
:: Keystroke Chars
:: Video
:: Tables
:: Microformats

*/
/* Visibility Classes ---------------------- */
/* Standard visibility targeting */

.show-for-small,
.show-for-medium,
.hide-for-large,
.show-for-xlarge {
  display: none !important;
}


.hide-for-xlarge,
.show-for-large,
.hide-for-small,
.hide-for-medium {
  display: block !important;
}

/* Very large display targeting */
@media only screen and (min-width: 1441px) {

  .hide-for-small,
  .hide-for-medium,
  .hide-for-large,
  .show-for-xlarge {
    display: block !important;
  }


  .show-for-small,
  .show-for-medium,
  .show-for-large,
  .hide-for-xlarge {
    display: none !important;
  }
}
/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) {

  .hide-for-small,
  .show-for-medium,
  .hide-for-large,
  .hide-for-xlarge {
    display: block !important;
  }


  .show-for-small,
  .hide-for-medium,
  .show-for-large,
  .show-for-xlarge {
    display: none !important;
  }
}
/* Small display targeting */
@media only screen and (max-width: 767px) {

  .show-for-small,
  .hide-for-medium,
  .hide-for-large,
  .hide-for-xlarge {
    display: block !important;
  }


  .hide-for-small,
  .show-for-medium,
  .show-for-large,
  .show-for-xlarge {
    display: none !important;
  }
}
/* Orientation targeting */

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}


.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

@media screen and (orientation: landscape) {

  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }


  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {

  .show-for-portrait,
  .hide-for-landscape {
    display: block !important;
  }


  .hide-for-portrait,
  .show-for-landscape {
    display: none !important;
  }
}
/* Touch-enabled device targeting */

.show-for-touch {
  display: none !important;
}


.hide-for-touch {
  display: block !important;
}


.touch .show-for-touch {
  display: block !important;
}


.touch .hide-for-touch {
  display: none !important;
}

/* Specific overrides for elements that require something other than display: block */

table.show-for-xlarge,
table.show-for-large,
table.hide-for-small,
table.hide-for-medium {
  display: table !important;
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {

  .touch table.hide-for-xlarge,
  .touch table.hide-for-large,
  .touch table.hide-for-small,
  .touch table.show-for-medium {
    display: table !important;
  }
}
@media only screen and (max-width: 767px) {

  table.hide-for-xlarge,
  table.hide-for-large,
  table.hide-for-medium,
  table.show-for-small {
    display: table !important;
  }
}

/* Requires
   globals.css */
/* Normal Buttons ---------------------- */

.button {
  width: auto;
  background: #2ba6cb;
  border: 1px solid #1e728c;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  outline: none;
  padding: 10px 20px 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  /* Hovers */
  /* Sizes */
  /* Colors */
  /* Radii */
  /* Layout */
  /* Disabled ---------- */
}

.button:hover {
  color: white;
  background-color: #2284a1;
}

.button:active {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
}

.button:focus {
  -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  color: white;
}

.button.large {
  font-size: 17px;
  padding: 15px 30px 16px;
}

.button.medium {
  font-size: 14px;
}

.button.small {
  font-size: 11px;
  padding: 7px 14px 8px;
}

.button.tiny {
  font-size: 10px;
  padding: 5px 10px 6px;
}

.button.expand {
  width: 100%;
  text-align: center;
}

.button.primary {
  background-color: #2ba6cb;
  border: 1px solid #1e728c;
}

.button.primary:hover {
  background-color: #2284a1;
}

.button.primary:focus {
  -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.button.success {
  background-color: #5da423;
  border: 1px solid #396516;
}

.button.success:hover {
  background-color: #457a1a;
}

.button.success:focus {
  -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.button.alert {
  background-color: #c60f13;
  border: 1px solid #7f0a0c;
}

.button.alert:hover {
  background-color: #970b0e;
}

.button.alert:focus {
  -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.button.secondary {
  background-color: #e9e9e9;
  color: #1d1d1d;
  border: 1px solid #c3c3c3;
}

.button.secondary:hover {
  background-color: #d0d0d0;
}

.button.secondary:focus {
  -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.button.radius {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.button.round {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
}

.button.full-width {
  width: 100%;
  text-align: center;
  padding-left: 0 !important;
  padding-right: !important;
}

.button.left-align {
  text-align: left;
  text-indent: 12px;
}

.button.disabled, .button[disabled] {
  opacity: 0.6;
  cursor: default;
  background: #2ba6cb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Don't use native buttons on iOS */

input[type=submit].button, button.button {
  -webkit-appearance: none;
}

@media only screen and (max-width: 767px) {

  .button {
    display: block;
  }


  button.button, input[type="submit"].button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
/* Correct FF button padding */
@-moz-document url-prefix() {

  button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0;
  }


  input[type="submit"].tiny.button {
    padding: 3px 10px 4px;
  }


  input[type="submit"].small.button {
    padding: 5px 14px 6px;
  }


  input[type="submit"].button, input[type=submit].medium.button {
    padding: 8px 20px 9px;
  }


  input[type="submit"].large.button {
    padding: 13px 30px 14px;
  }
}