/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address margins set differently in IE 6/7.
 */
pre {
  margin: 18px 0;
}
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 .5em;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ib {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
/*foo*/
html,
button,
input,
select,
textarea {
  color: #222;
}
::-moz-selection {
  background: #ffdbbc;
  text-shadow: none;
}
::selection {
  background: #ffdbbc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
.blue {
  color: #006a96;
}
.orange {
  color: #ef7000;
}
.orange-grad {
  background: #ff8a00;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #ff8a00 0%, #ef7000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff8a00), color-stop(100%, #ef7000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #ff8a00 0%, #ef7000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #ff8a00 0%, #ef7000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #ff8a00 0%, #ef7000 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #ff8a00 0%, #ef7000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8a00', endColorstr='#ef7000', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.shadow-1 {
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.shadow-3 {
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.shadow-6 {
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}
.shadow-in {
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4);
}
.text-shadow {
  -moz-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
.trans-width {
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.trans-bgc {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.trans-all {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
html {
  color: #141414;
  font-size: 100%;
  line-height: 1.5em;
}
@media only screen and (min-width: 78.125em) {
  html {
    font-size: 112.5%;
  }
}
body {
  background: #001017;
  background: #006a96;
}
.l-row {
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
}
#content-wrapper {
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  position: relative;
  background-color: #fafafa;
  z-index: 1500;
}
.wide-wrapper {
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  position: relative;
  background-color: #e6e6e6;
  padding-bottom: 24px;
}
@media only screen and (max-width: 29.9375em) {
  .l-basic {
    padding: 12px 4.167% 24px;
  }
}
@media only screen and (min-width: 30em) {
  .l-basic {
    padding: 12px 6.25% 24px;
  }
}
@media only screen and (min-width: 48em) {
  .l-basic {
    min-height: 600px;
    padding: 30px 4.167% 48px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 48em) {
  .l-basic.has-sidebar {
    width: 58.33%;
    float: left;
    margin-left: 8.333%;
    max-width: none;
  }
}
.l-naked {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media only screen and (min-width: 40em) {
  .mob-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.link-list,
.sidebar .link-list,
.accessory .link-list {
  list-style: none;
  padding-left: 0;
  margin: 6px 0;
}
.link-list li,
.sidebar .link-list li,
.accessory .link-list li {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 47.9375em) {
  .link-list li,
  .sidebar .link-list li,
  .accessory .link-list li {
    margin: 12px 0;
  }
}
@media only screen and (min-width: 48em) {
  .link-list li,
  .sidebar .link-list li,
  .accessory .link-list li {
    margin: 6px 0;
  }
}
.pills {
  margin: 12px 0;
}
.pill {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
  margin: 0 10px 6px 0;
}
.pill a {
  color: #8c8c8c;
  background: #dcdcdc;
  padding: 3px 10px;
  border-radius: 12px;
}
.pill a:hover {
  color: #505050;
}
.g-links {
  list-style: none;
  padding-left: 0;
}
.g-links a {
  display: block;
}
.button,
[role=button] {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  line-height: 18px;
  color: #ffffff;
  display: inline-block;
  background: #006a96;
  border: none;
  border-radius: 3px;
  padding: 6px 10px 6px;
  overflow: visible;
  margin: 12px 0;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.button a,
[role=button] a {
  color: #ffffff;
}
.button:hover,
[role=button]:hover {
  color: #ffcd00;
}
.button.inactive,
[role=button].inactive,
[role=button]:disabled {
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  color: #b4b4b4;
  background: #ededed;
  cursor: default;
}
.button.inactive a,
[role=button].inactive a,
[role=button]:disabled a {
  color: #b4b4b4;
}
.btn {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  line-height: 18px;
  color: #ffffff;
  display: inline-block;
  background: #006a96;
  border: none;
  border-radius: 3px;
  padding: 10px;
  overflow: visible;
  margin: 0 0 40px 0;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.btn a,
.btn a:hover {
  color: #ffffff;
}
.btn:hover {
  background: #004663;
  color: #ffffff;
}
.more-link {
  display: inline-block;
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin: 6px 0;
}
.more-link:after {
  color: #006a96;
  content: "\0020\003E\003E";
}
[href$=".pdf"]:after {
  color: #787878;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: 12px;
  content: ' (PDF)';
}
[href$=".zip"]:after {
  color: #787878;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: 12px;
  content: ' (ZIP)';
}
[href$=".pptx"]:after {
  color: #787878;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: 12px;
  content: ' (PPT)';
}
[href$=".docx"]:after {
  color: #787878;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: 12px;
  content: ' (DOCX)';
}
h2.label {
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin-top: 18px;
  margin-top: 1.125rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
.chest {
  position: relative;
  margin: 12px 0 24px;
  /* close and open buttons */
  /* + - indicators */
  /* disclosure arrows */
}
.chest .controls [role=button] {
  color: #474747;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
  background: #fafafa;
  padding: 4px .5em 2px;
  margin: 3px .5em 3px 0;
}
.chest .controls [role=button]:disabled {
  color: #adadad;
}
.chest .controls.bottom {
  margin-top: 12px;
}
.chest .drawer {
  position: relative;
}
.chest .drawer .handle {
  padding-left: 25px;
  cursor: pointer;
  margin: 12px 0 0 0;
}
.chest .drawer .handle h2,
.chest .drawer .handle h3,
.chest .drawer .handle h4,
.chest .drawer .handle h5,
.chest .drawer .handle h6 {
  margin: 0;
}
.chest .indicator {
  color: #adadad;
  position: relative;
  font-weight: 200;
  font-size: 18px;
  line-height: 18px;
  width: 16px;
  height: 16px;
  border: solid 1px #adadad;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: 0;
  z-index: 25;
}
.chest .expander span {
  position: relative;
  top: 0;
}
.chest .open .expander {
  display: none;
}
.chest .collapser span {
  position: relative;
  top: -1px;
}
.chest .collapser {
  display: none;
}
.chest .open .collapser {
  display: inline-block;
}
.chest.arrow .drawer .handle {
  padding-left: 25px;
}
.chest.arrow .closed .handle {
  background: transparent url(/img/dt-rd.png) no-repeat -3px top;
}
.chest.arrow .open .handle {
  background: transparent url(/img/dt-rd.png) no-repeat 0 -100px;
}
.chest .arrow-box {
  position: relative;
  background: #DC551B;
}
.chest .arrow-box:after {
  left: -20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.chest .arrow-box:after {
  border-color: rgba(220, 85, 27, 0);
  border-left-color: #DC551B;
  border-width: 8px;
  top: 50%;
  margin-top: 3px;
}
.chest .open .arrow-box:after {
  -webkit-transform: rotate(90deg);
  margin-top: 7px;
}
.chest .drawer-contents {
  margin-left: 25px;
}
/* hide the closed drawer contents when js is present */
.js .chest .drawer > .drawer-contents {
  display: none;
}
.js .chest .drawer.open > .drawer-contents {
  display: block;
}
.js .hp-inner {
  display: none;
}
.pop {
  position: absolute;
  z-index: 1000;
  display: none;
}
.pop-std {
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  margin: 0;
  padding: 6px 10px;
  border-radius: 3px;
}
.pop-closer {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  /* baseline */
  line-height: 12px;
  color: #7a7a7a;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  height: 18px;
  width: 18px;
  display: block;
  position: absolute;
  background-image: url('/img/controls.png');
  background-image: none, url('/img/controls.svg');
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center -51px;
  bottom: 2px;
  right: 2px;
}
.pop-dark .pop-closer {
  background-position: center -21px;
}
.no-js .pop-closer {
  display: none;
}
.is-active {
  display: block !important;
}
.social-item {
  margin: 0 .5em 0 0;
}
.social-link {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  height: 30px;
  width: 30px;
  background-color: #00638c;
  background-repeat: no-repeat;
  background-size: 30px;
  padding: 0;
  border-radius: 3px;
}
.sn-soc-link,
.social-link,
.sn-social-link {
  background-image: url('/img/social-icons.png');
  background-image: none, url('/img/social-icons.svg');
}
.no-svg .sn-soc-link,
.no-svg .social-link,
.no-svg .sn-social-link {
  background-image: url('/img/social-icons.png');
}
.twitter-link {
  background-position: center -35px;
  background-color: #00aced;
}
.facebook-link {
  background-position: center -135px;
  background-color: #3b5998;
}
.googleplus-link {
  background-position: center -235px;
  background-color: #d94738;
}
.youtube-link {
  background-position: center -335px;
  background-color: #de272b;
}
.mail-link {
  background-position: center -435px;
}
.print-link {
  background-position: center -535px;
}
.instagram-link {
  background-position: center -635px;
  background-color: #9a6952;
}
figure img {
  max-width: 100%;
}
video {
  max-width: 100%;
}
p.embed-wrapper-16-9,
.embed-wrapper-16-9 {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden;
  margin: 24px 0;
}
.embed-wrapper-16-9 iframe,
.embed-wrapper-16-9 object,
.embed-wrapper-16-9 embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
p.embed-wrapper-4-3,
div.embed-wrapper-4-3 {
  position: relative;
  padding-bottom: 75%;
  /* 16/9 ratio */
  padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden;
  margin: 24px 0;
}
.embed-wrapper-4-3 iframe,
.embed-wrapper-4-3 object,
.embed-wrapper-4-3 embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main {
  position: relative;
}
@media only screen and (max-width: 39.9375em) {
  .main {
    margin-left: 4.166666666666666%;
    margin-right: 4.166666666666666%;
  }
}
@media only screen and (min-width: 40em) {
  .main {
    width: 58.33%;
    min-height: 400px;
    float: left;
    margin-left: 12.5%;
    padding-bottom: 48px;
  }
}
.main-contact-trigger {
  margin: 12px 0 12px 0;
}
@media only screen and (min-width: 40em) {
  .main-contact-trigger {
    display: none;
  }
}
.main aside {
  padding: 18px 3.571%;
  border-radius: 3px;
  margin-top: 18px;
  margin-top: 1.125rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
.main aside h2 {
  color: #141414;
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
.main aside h3 {
  color: #141414;
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
.main aside p,
.main aside li {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
.main aside.color {
  background: #8cddff;
}
.main aside.side {
  width: 42.86%;
  float: right;
  margin: 0 0 0 4.688%;
}
@media only screen and (min-width: 40em) {
  .main aside.side {
    margin: 0 -14.29% 12px 3.571%;
  }
}
.main aside.notes {
  background: #f2f2f2;
}
.main .img-left {
  max-width: 150px;
  float: left;
  margin: 3px 3.571% 6px 0;
  border: solid 3px #ffffff;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.main .img-right {
  max-width: 150px;
  float: right;
  margin: 3px 6px 0 3.571%;
  border: solid 3px #ffffff;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.hero {
  margin: 0 0 0 0;
  min-height: 160px;
}
@media only screen and (max-width: 39.9375em) {
  .hero {
    overflow: hidden;
    text-align: center;
    position: relative;
  }
  .hero img {
    width: 640px;
    max-width: none;
    position: absolute;
    top: auto;
    left: 50%;
    margin-left: -320px;
  }
}
.page-header {
  margin: 36px 0 24px 0;
}
.page-header h1 {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1em;
  margin: 0;
}
.page-header .subhed {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #616161;
  margin-top: 6px;
}
.has-hero .page-header {
  margin-top: 30px;
}
.t-sans {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.t-serif {
  font-family: Georgia, Times, "Times New Roman", serif;
}
.t-slab {
  font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
}
.t-cond {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
}
/* Address `font-family` inconsistency between `textarea` and other form elements */
html,
button,
input,
select,
textarea,
p,
li {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
/* corresponds to 16 px */
/* 12px baseline when calculated against 16px body size */
/* type size mixins that correspond to font sizes and are portable */
.t-42 {
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 42px;
  line-height: 2.625rem;
}
.t-36 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
}
.t-32 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 36px;
  line-height: 2.25rem;
}
.t-27 {
  font-size: 27px;
  font-size: 1.6875rem;
  line-height: 27px;
  line-height: 1.6875rem;
}
.t-24 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
}
.t-21 {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.t-18 {
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.t-16 {
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.t-15 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.t-14 {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.t-13 {
  /* sidebar text, etc. */
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.t-12 {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.t-10 {
  /* the smallest of small text. use for fine print */
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 12px;
  line-height: 0.75rem;
}
/* font-weight mixins */
.t-n-300 {
  font-family: "proxima-nova-n3", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
}
.t-i-300 {
  font-family: "proxima-nova-i3", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 300;
}
.t-n-400 {
  font-family: "proxima-nova-n4", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.t-i-400 {
  font-family: "proxima-nova-i4", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.t-n-700 {
  font-family: "proxima-nova-n7", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.t-i-700 {
  font-family: "proxima-nova-i7", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
.t-cond-n-300 {
  font-family: "proxima-nova-codensed-n3", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
}
.t-cond-i-300 {
  font-family: "proxima-nova-codensed-i3", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 300;
}
.t-cond-n-400 {
  font-family: "proxima-nova-codensed-n4", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.t-cond-i-400 {
  font-family: "proxima-nova-codensed-i4", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.t-cond-n-700 {
  font-family: "proxima-nova-codensed-n7", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.t-cond-i-700 {
  font-family: "proxima-nova-codensed-i7", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 700;
}
h1 {
  color: #616161;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  font-family: "proxima-nova-codensed-n7", "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
h2 {
  color: #006a96;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
h3 {
  color: #004663;
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "proxima-nova-n7", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
h4 {
  color: #474747;
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "proxima-nova-i7", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 700;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
h5 {
  color: #616161;
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "proxima-nova-n7", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
h6 {
  color: #2e2e2e;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-n7", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
p {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 18px;
  margin-top: 1.125rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
ul,
ol {
  margin-top: 18px;
  margin-top: 1.125rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
ul {
  padding-left: 20px;
  padding-left: 1.25rem;
}
ol {
  padding-left: 24px;
  padding-left: 1.5rem;
}
li {
  color: #474747;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
a {
  color: #006e91;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
a:hover {
  color: #006a96;
}
pre {
  border: dotted 3px #e6e6e6;
  padding: 0 1em;
  margin: 24px 1em;
}
.codeblock {
  padding: 0;
}
code {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: monospace;
  font-family: "proxima-nova-n4", "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
p.code b {
  color: #bc5800;
  font-family: monospace;
  font-weight: normal;
  padding: 0 2px;
  background: #f0f0f0;
}
/* site header titles */
#sh {
  position: relative;
  background: #006a96;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  border-bottom: solid 3px #ffcd00;
  z-index: 1500;
}
#sh-titles {
  position: relative;
  height: 72px;
  overflow: hidden;
}
@media only screen and (min-width: 40em) {
  #sh-titles {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 48em) {
  #sh-titles {
    height: 72px;
  }
}
.sh-site {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sh-campus {
  width: 200px;
  height: 40px;
}
.sh-campus-link {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  background-image: url('/img/logo-white.png');
  background-image: none, url('/img/logo-white.svg');
  background-size: 100%;
}
@media only screen and (max-width: 47.9375em) {
  .sh-campus-link {
    height: 24px;
    position: relative;
    left: -2px;
  }
}
@media only screen and (min-width: 48em) {
  .sh-campus-link {
    height: 40px;
  }
}
@media only screen and (max-width: 47.9375em) {
  .lt-ie9 .sh-campus-link {
    width: 140px;
    background-image: url(/img/logo-white-140.png);
  }
}
.sh-site-link,
.sh-campus-link {
  background-repeat: no-repeat;
}
.sh-titles-overlap .sh-site,
.sh-titles-separate .sh-background {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #005979;
  font-size: 108px;
  line-height: 72px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  height: 72px;
  position: absolute;
  bottom: -3px;
  left: 0;
}
@media only screen and (max-width: 47.9375em) {
  .sh-titles-overlap .sh-site,
  .sh-titles-separate .sh-background {
    display: none;
  }
}
/* site navigation link */
@media only screen and (max-width: 39.9375em) {
  .sn-link {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
    color: #ffffff;
  }
}
@media only screen and (min-width: 40em) {
  .sn-link {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
/* optional separate positioning of campus and site title */
@media only screen and (max-width: 47.9375em) {
  #sh-titles.sh-titles-separate {
    height: auto;
  }
}
.sh-titles-separate .sh-site {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  color: #ffffff;
  line-height: 1em;
  font-weight: 200;
}
@media only screen and (max-width: 39.9375em) {
  .sh-titles-separate .sh-site {
    margin-left: 4.6875%;
  }
}
@media only screen and (min-width: 40em) {
  .sh-titles-separate .sh-site {
    margin-left: 2.083333333333%;
  }
}
@media only screen and (max-width: 47.9375em) {
  .sh-titles-separate .sh-site {
    font-size: 18px;
    margin-right: 75px;
    margin-bottom: 9px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  }
}
@media only screen and (min-width: 48em) {
  .sh-titles-separate .sh-site {
    font-size: 27px;
    line-height: 24px;
    position: absolute;
    top: 19px;
    left: 2.083333333333%;
    margin-left: 0;
  }
}
.sh-titles-separate .sh-site a {
  color: rgba(255, 255, 255, 0.7);
  color: #ffffff;
}
.sh-titles-separate .sh-campus {
  right: 25px;
}
@media only screen and (max-width: 39.9375em) {
  .sh-titles-separate .sh-campus {
    margin-left: 4.6875%;
  }
}
@media only screen and (min-width: 40em) {
  .sh-titles-separate .sh-campus {
    margin-left: 2.083333333333%;
  }
}
@media only screen and (max-width: 47.9375em) {
  .sh-titles-separate .sh-campus {
    bottom: 36px;
    margin-top: 12px;
    margin-bottom: 3px;
    width: 120px;
    height: 24px;
    margin-right: 75px;
  }
}
@media only screen and (min-width: 48em) {
  .sh-titles-separate .sh-campus {
    position: absolute;
    bottom: 18px;
  }
}
@media only screen and (max-width: 39.9375em) {
  .sh-titles-separate .sn-link {
    text-align: center;
    width: 75px;
    position: absolute;
    display: block;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    top: 0;
    bottom: 0;
    right: 0;
    background: #007cb0;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  }
  .sh-titles-separate .sn-link:hover {
    color: #ffcd00;
  }
  .sh-titles-separate .sn-link div {
    width: 100%;
    position: absolute;
    top: 50%;
  }
  .sh-titles-separate .sn-link span {
    display: block;
    position: relative;
    top: -10px;
  }
}
/* optional overlapping positioning of campus and site title */
.sh-titles-overlap .sh-campus {
  position: absolute;
  bottom: 6px;
  left: 4.6875%;
  z-index: 100;
}
@media only screen and (min-width: 40em) {
  .sh-titles-overlap .sh-campus {
    left: 2.083333333333%;
  }
}
@media only screen and (max-width: 39.9375em) {
  .sh-titles-overlap .sn-link {
    height: 24px;
    position: absolute;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    top: 0;
    right: 0;
    background: #008ec9;
    padding: 20px 4.6875% 16px 4.6875%;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  }
}
#sf-wrapper {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-weight: 300;
  position: relative;
  width: 100%;
  background: #006a96;
  z-index: 1000;
}
#sf-wrapper p {
  color: #ffffff;
}
#sf {
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  padding: ;
}
@media only screen and (max-width: 39.9375em) {
  #sf {
    padding-top: 12px;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 39.9375em) {
  .sf-c {
    margin-left: 4.166666666666666%;
    margin-right: 4.166666666666666%;
  }
}
@media only screen and (min-width: 40em) {
  .sf-c {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding: 12px 2%;
  }
}
.sf-c h1 {
  color: #ffffff;
}
@media only screen and (max-width: 39.9375em) {
  .sf-c h1 {
    /* base size */
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-top: 12px;
    margin-top: 0.75rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
}
@media only screen and (min-width: 40em) {
  .sf-c h1 {
    /* small subheads, notes, etc. */
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    margin-top: 6px;
    margin-top: 0.375rem;
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
  }
}
.sf-c a {
  color: #ffffff;
}
.sf-c a:hover {
  text-decoration: underline;
}
.sf-c ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media only screen and (max-width: 39.9375em) {
  .sf-c ul {
    display: none;
  }
}
.sf-c p,
.sf-c li {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  line-height: 1.28571428571429em;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
}
@media only screen and (max-width: 39.9375em) {
  .sf-c p,
  .sf-c li {
    padding: 6px 0;
  }
}
@media only screen and (min-width: 40em) {
  .sf-c p,
  .sf-c li {
    /* small subheads, notes, etc. */
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
}
.sf-c .pop {
  position: relative;
  z-index: auto;
}
@media only screen and (min-width: 40em) {
  .sf-c .pop {
    display: block;
  }
}
#sf .sf-il {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 40em) {
  #sf .sf-il {
    width: 25%;
  }
}
#sf .sf-il h1 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#sf .sf-il ul {
  padding: 0;
  list-style: none;
}
#sf .sf-il li {
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  background: #004663;
  margin: 1px 0;
}
#sf .sf-il a {
  color: #ffffff;
  display: block;
  padding: .75em 0;
  padding-left: 8.333333333333332%;
  padding-right: 8.333333333333332%;
  text-decoration: none;
}
#sf .sf-il a:hover {
  color: #ffcd00;
}
@media only screen and (max-width: 39.9375em) {
  #sf .sf-il a {
    padding-left: 4.166666666666666%;
    padding-right: 4.166666666666666%;
  }
}
h1.sf-logo {
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
.sf-logo a {
  display: block;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  height: 2em;
  background-repeat: no-repeat;
  background-size: 140px;
}
.svg .sf-logo a {
  background-image: url(/img/logo-white.svg);
}
.no-svg .sf-logo a {
  background-image: url(/img/logo-white-140.png);
}
a.no-link {
  cursor: default;
}
#sn {
  line-height: 0;
  width: auto;
  height: auto;
  background: #006a96;
  z-index: 2000;
}
@media only screen and (min-width: 40em) {
  #sn {
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 48px;
    position: absolute;
    top: 0;
    overflow: visible;
    background: #006a96;
  }
}
@media only screen and (min-width: 58.75em) {
  #sn {
    position: fixed;
    -webkit-transform: translateZ(0);
  }
}
.no-boxshadow #sn {
  border-bottom: solid 1px #004663;
}
/* site header nav */
@media only screen and (min-width: 40em) {
  #sn-nav {
    margin-left: 2.083333333333%;
  }
}
.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu li {
  position: relative;
}
.sf-menu ul {
  display: none;
  min-width: 8em;
  /* allow long menu items to determine submenu width */
  *width: 8em;
  /* no auto sub width for IE7, see white-space comment below */
  background: #004663;
}
.sf-menu ul ul {
  top: 0;
  left: 100%;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
}
.sf-menu a {
  zoom: 1;
  /* IE7 */
}
.sf-menu a {
  color: #ffffff;
  /* 	.text-shadow; */
  display: block;
  position: relative;
}
.sf-menu a:hover {
  color: #ffcd00;
}
.sf-menu a[rel='external']:after {
  content: url('/img/ext-link.svg');
  opacity: 0.35;
  position: absolute;
  right: 10px;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}
.sf-menu a[rel='external']:hover:after {
  opacity: 0.75;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
  -webkit-transition: none;
  transition: none;
}
.sf-menu li:hover a,
.sf-menu li.sfHover a,
.sf-menu li:hover span,
.sf-menu li.sfHover span {
  z-index: 1000;
}
/* size conditional mixins. these are applied later to .sf-menu */
.sf-menu-mob {
  padding: 7px 0;
}
.sf-menu-mob li {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.sf-menu-mob > li {
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  background-color: #004663;
  margin: 3px;
  clear: both;
  padding: 0;
}
.sf-menu-mob > li ul {
  background: transparent;
}
.sf-menu-mob > li li {
  border-top: solid 3px #164a5e;
}
.sf-menu-mob > li > a {
  padding-left: 4.166666666666666%;
  padding-right: 4.166666666666666%;
}
.sf-menu-mob > li.active > a {
  color: #ffffff;
}
.sf-menu-mob ul li a {
  padding-left: 8.333333333333332%;
  padding-right: 8.333333333333332%;
}
.sf-menu-mob ul li.active a {
  color: #ffffff;
}
.sf-menu-mob a {
  padding-top: 15px;
  padding-bottom: 14px;
}
.sf-menu-desk {
  float: left;
  height: 48px;
}
.sf-menu-desk li {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  /* no need for Supersubs plugin */
  *white-space: normal;
  /* ...unless you support IE7 (let it wrap) */
  -webkit-transition: background .2s;
  transition: background .2s;
  margin: 0;
}
.sf-menu-desk > li {
  float: left;
  height: 48px;
  padding-right: 1em;
}
.sf-menu-desk > li:last-child {
  padding-right: 0;
}
.sf-menu-desk > li > a {
  padding: 12px 0 12px 0;
}
.sf-menu-desk > li.here > a {
  color: #ffffff;
  font-weight: 400;
  padding-top: 9px;
  border-top: solid 3px #ffcd00;
  cursor: default;
}
.sf-menu-desk ul {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 42px;
  left: -0.5em;
  border: solid 1px #00587d;
  border-radius: 3px;
  z-index: 99;
}
.sf-menu-desk ul li {
  font-size: 14px;
  font-size: .875rem;
  border-bottom: solid 1px #00587d;
}
.sf-menu-desk ul li:first-child {
  border-top: none;
}
.sf-menu-desk ul li:last-child {
  border-bottom: none;
  border-radius: 0 0 2px 2px;
}
.sf-menu-desk ul li:last-child a {
  padding-bottom: 9px;
  border-radius: 0 0 2px 2px;
}
.sf-menu-desk ul li a {
  padding: 6px 15px 5px;
}
.sf-menu-desk ul li.here > a {
  color: #ffffff;
  border-left: solid 6px #ffcd00;
  padding: 6px 15px 6px 9px;
  cursor: default;
}
/* apply the size conditional styles */
@media only screen and (max-width: 39.9375em) {
  .sf-menu {
    padding: 7px 0;
  }
  .sf-menu li {
    font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
    font-weight: 300;
  }
  .sf-menu > li {
    /* base size */
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    background-color: #004663;
    margin: 3px;
    clear: both;
    padding: 0;
  }
  .sf-menu > li ul {
    background: transparent;
  }
  .sf-menu > li li {
    border-top: solid 3px #164a5e;
  }
  .sf-menu > li > a {
    padding-left: 4.166666666666666%;
    padding-right: 4.166666666666666%;
  }
  .sf-menu > li.active > a {
    color: #ffffff;
  }
  .sf-menu ul li a {
    padding-left: 8.333333333333332%;
    padding-right: 8.333333333333332%;
  }
  .sf-menu ul li.active a {
    color: #ffffff;
  }
  .sf-menu a {
    padding-top: 15px;
    padding-bottom: 14px;
  }
}
@media only screen and (min-width: 40em) {
  .sf-menu {
    float: left;
    height: 48px;
  }
  .sf-menu li {
    font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
    white-space: nowrap;
    /* no need for Supersubs plugin */
    *white-space: normal;
    /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
    margin: 0;
  }
  .sf-menu > li {
    float: left;
    height: 48px;
    padding-right: 1em;
  }
  .sf-menu > li:last-child {
    padding-right: 0;
  }
  .sf-menu > li > a {
    padding: 12px 0 12px 0;
  }
  .sf-menu > li.here > a {
    color: #ffffff;
    font-weight: 400;
    padding-top: 9px;
    border-top: solid 3px #ffcd00;
    cursor: default;
  }
  .sf-menu ul {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 42px;
    left: -0.5em;
    border: solid 1px #00587d;
    border-radius: 3px;
    z-index: 99;
  }
  .sf-menu ul li {
    font-size: 14px;
    font-size: .875rem;
    border-bottom: solid 1px #00587d;
  }
  .sf-menu ul li:first-child {
    border-top: none;
  }
  .sf-menu ul li:last-child {
    border-bottom: none;
    border-radius: 0 0 2px 2px;
  }
  .sf-menu ul li:last-child a {
    padding-bottom: 9px;
    border-radius: 0 0 2px 2px;
  }
  .sf-menu ul li a {
    padding: 6px 15px 5px;
  }
  .sf-menu ul li.here > a {
    color: #ffffff;
    border-left: solid 6px #ffcd00;
    padding: 6px 15px 6px 9px;
    cursor: default;
  }
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  padding-right: .85em;
  *padding-right: 0;
  /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  /* edit this to suit design (no rgba in IE8) */
  border-top-color: #004d6d;
}
@media only screen and (max-width: 39.9375em) {
  .sf-arrows .sf-with-ul:after {
    right: 1em;
    border-top-color: #ffffff;
  }
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white;
  /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF;
  /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255, 255, 255, 0.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: white;
}
.lt-ie9 .sf-menu li {
  margin-right: 1px;
}
.lt-ie8 #site-nav .sn-nav-item {
  display: block;
  height: 39px;
  padding-top: 9px;
}
#sn-social-links ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
@media only screen and (max-width: 39.9375em) {
  #sn-social-links {
    height: 30px;
    padding: 18px 4.167%;
  }
}
@media only screen and (min-width: 40em) {
  #sn-social-links {
    height: 48px;
    position: absolute;
    right: 50px;
    padding: 0 1.042%;
  }
}
@media only screen and (min-width: 48em) {
  #sn-social-links {
    position: relative;
    float: right;
    right: auto;
  }
}
li.sn-social-item {
  height: 30px;
  float: left;
  margin: 0;
}
@media only screen and (max-width: 39.9375em) {
  li.sn-social-item {
    padding-right: .75em;
  }
}
@media only screen and (min-width: 40em) {
  li.sn-social-item {
    position: relative;
    top: 9px;
    padding-right: .25em;
  }
  li.sn-social-item:last-child {
    padding-right: 0;
  }
}
.sn-social-link {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  display: block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  text-indent: -9999em;
  border-radius: 3px;
  background-color: #004d6d;
}
.sn-social-link.twitter-link {
  background-position: center -35px;
}
.sn-social-link.twitter-link:hover {
  background-color: #00aced;
}
.sn-social-link.facebook-link {
  background-position: center -135px;
}
.sn-social-link.facebook-link:hover {
  background-color: #3b5998;
}
.sn-social-link.googleplus-link {
  background-position: center -235px;
}
.sn-social-link.googleplus-link:hover {
  background-color: #d94738;
}
.sn-social-link.instagram-link {
  background-position: center -635px;
}
.sn-social-link.instagram-link:hover {
  background-color: #9a6952;
}
.sn-social-link.youtube-link {
  background-position: center -335px;
}
.sn-social-link.youtube-link:hover {
  background-color: #de272b;
}
@media only screen and (min-width: 40em) {
  .sn-social-link {
    padding: 0;
  }
}
/* themes */
.dark #sn {
  background-color: #282828;
}
#sn-search {
  position: relative;
}
@media only screen and (max-width: 39.9375em) {
  #sn-search {
    clear: both;
    height: 28px;
    padding: 10px 2.083333333333%;
  }
}
@media only screen and (min-width: 40em) {
  #sn-search {
    width: 40px;
    height: 28px;
    float: right;
    overflow: hidden;
    border: solid 1px #005477;
    border-width: 0 0 0 1px;
    padding: 10px 0;
    z-index: 1000;
  }
  #sn-search.revealed {
    overflow: visible;
    width: 160px;
    padding: 10px 30px 10px 20px;
  }
}
@media only screen and (min-width: 48em) {
  #sn-search {
    width: 140px;
    position: relative;
    overflow: visible;
    right: 0 !important;
    padding: 10px 2.083333333333%;
  }
  #sn-search.revealed {
    width: 160px;
    padding: 10px 2.083333333333%;
  }
}
@media only screen and (min-width: 58.75em) {
  #sn-search {
    width: 200px;
  }
  #sn-search.revealed {
    width: 200px;
  }
}
#sn-search .sn-search-trigger {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  height: 28px;
  width: 40px;
  position: absolute;
  right: 0;
  background-image: url('/img/controls.png');
  background-image: none, url('/img/controls.svg');
  background-repeat: no-repeat;
  background-position: 4px -75px;
  background-color: #006a96;
  z-index: 1100;
}
@media only screen and (max-width: 39.9375em) {
  #sn-search .sn-search-trigger {
    display: none;
  }
}
@media only screen and (min-width: 40em) {
  #sn-search .sn-search-trigger {
    display: block;
  }
}
@media only screen and (min-width: 48em) {
  #sn-search .sn-search-trigger {
    display: none;
  }
}
#sn-search-closer {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 12px;
  text-indent: -9999em;
}
#sn-search-closer:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 10px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 6px solid transparent;
  border-left-color: #30c2ff;
  /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 39.9375em) {
  #sn-search-closer {
    display: none;
  }
}
@media only screen and (min-width: 40em) {
  #sn-search-closer {
    display: block;
  }
}
@media only screen and (min-width: 48em) {
  #sn-search-closer {
    display: none;
  }
}
.sn-search-panel {
  background-color: #006a96;
  border: solid 2px #004d6d;
  border-radius: 13px;
  transition: width 0.3s ease;
}
@media only screen and (max-width: 39.9375em) {
  .sn-search-panel {
    width: 273px;
    display: block;
    height: 24px;
    position: absolute;
    right: 15px;
    left: 15px;
    padding: 0;
    box-shadow: none;
  }
}
@media only screen and (min-width: 40em) {
  .sn-search-panel {
    width: 140px;
    height: 24px;
    position: absolute;
    right: 20px;
    margin-right: -2px;
    z-index: 1000;
  }
}
@media only screen and (min-width: 48em) {
  .sn-search-panel {
    position: relative;
    right: auto;
    float: right;
  }
}
@media only screen and (min-width: 58.75em) {
  .sn-search-panel {
    width: 200px;
    padding: 0;
  }
}
.sn-search-panel input:focus[type=search] {
  outline: none;
}
.sn-search-box {
  display: none;
  overflow: visible !important;
  position: relative;
  transition: width 0.3s ease;
}
@media only screen and (max-width: 39.9375em) {
  .sn-search-box {
    width: 250px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 23px;
  }
}
@media only screen and (min-width: 40em) {
  .sn-search-box {
    width: 137px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media only screen and (min-width: 58.75em) {
  .sn-search-box {
    width: 177px;
  }
}
.search-box {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: medium;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #7a7a7a;
  font-style: italic;
  line-height: 18px;
  height: 20px;
  display: block;
  background: #ebebeb;
  padding: 4px 0 2px 10px;
  border: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  transition: width 0.3s ease;
}
@media only screen and (max-width: 39.9375em) {
  .search-box {
    font-size: 14px;
    position: absolute;
    width: 220px;
    top: 0;
    right: 30px;
  }
}
@media only screen and (min-width: 40em) {
  .search-box {
    font-size: 12px;
    position: absolute;
    width: 82px;
    top: 0;
    right: 30px;
    padding-left: 5px;
  }
}
@media only screen and (min-width: 48em) {
  .search-box {
    font-size: 13px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 58.75em) {
  .search-box {
    width: 137px;
  }
}
.search-box:focus {
  background: #ffffff;
}
input[type=search] {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: medium;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #7a7a7a;
  font-style: italic;
  line-height: 18px;
  display: block;
  background: #ebebeb;
  padding: 4px 0 2px 10px;
  border: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  transition: width 0.3s ease;
  height: 20px;
  padding-top: 2px;
}
@media only screen and (max-width: 39.9375em) {
  input[type=search] {
    font-size: 14px;
    position: absolute;
    width: 220px;
    top: 0;
    right: 30px;
  }
}
@media only screen and (min-width: 40em) {
  input[type=search] {
    font-size: 12px;
    position: absolute;
    width: 82px;
    top: 0;
    right: 30px;
    padding-left: 5px;
  }
}
@media only screen and (min-width: 48em) {
  input[type=search] {
    font-size: 13px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 58.75em) {
  input[type=search] {
    width: 137px;
  }
}
input[type=search]:focus {
  background: #ffffff;
}
.sn-search-box .form-submit {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  text-align: center;
  width: 30px;
  height: 24px;
  background-color: #004d6d;
  background-image: url('/img/controls.png');
  background-image: none, url('/img/controls.svg');
  background-repeat: no-repeat;
  background-position: -2px -77px;
  border-radius: 0 12px 12px 0;
}
@media only screen and (max-width: 39.9375em) {
  .sn-search-box .form-submit {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media only screen and (min-width: 40em) {
  .sn-search-box .form-submit {
    position: absolute;
    top: 0;
    right: 0;
  }
}
/*
.lt-ie9 .sn-search-box .form-submit {
	border: solid 1px darken(@ucsd-web-blue,10%);
}
*/
.lt-ie8 .sn-search-box form input {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: medium;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #7a7a7a;
  font-style: italic;
  line-height: 18px;
  display: block;
  background: #ebebeb;
  padding: 4px 0 2px 10px;
  border: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  transition: width 0.3s ease;
  height: 20px;
  padding-top: 2px;
}
@media only screen and (max-width: 39.9375em) {
  .lt-ie8 .sn-search-box form input {
    font-size: 14px;
    position: absolute;
    width: 220px;
    top: 0;
    right: 30px;
  }
}
@media only screen and (min-width: 40em) {
  .lt-ie8 .sn-search-box form input {
    font-size: 12px;
    position: absolute;
    width: 82px;
    top: 0;
    right: 30px;
    padding-left: 5px;
  }
}
@media only screen and (min-width: 48em) {
  .lt-ie8 .sn-search-box form input {
    font-size: 13px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 58.75em) {
  .lt-ie8 .sn-search-box form input {
    width: 137px;
  }
}
.lt-ie8 .sn-search-box form input:focus {
  background: #ffffff;
}
.js .sn-search-box .form-submit {
  display: block;
}
.js .sn-search-box button {
  display: none;
}
.sn-search-selector {
  width: 22px;
  height: 30px;
  border-radius: 3px;
  cursor: pointer;
  margin: 0;
  overflow: visible;
}
@media only screen and (max-width: 39.9375em) {
  .sn-search-selector {
    /* 		display: none; */
  }
}
.sn-search-selector-pop {
  display: none;
}
.sn-search-selector-trigger {
  text-indent: -9999em;
  position: relative;
  width: 22px;
  height: 24px;
  background: #ebebeb;
  padding: 0;
  border-right: solid 1px #e6e6e6;
  border-radius: 12px 0 0 12px;
  z-index: 1100;
}
.sn-search-selector-trigger:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -2px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #828282;
  /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(0, 0, 0, 0.5);
}
.sn-search-selector img {
  margin: 0 5px 0 5px;
}
/* sh search topic menu */
.sn-search-topics-panel {
  width: 147px;
  background: #ffffff;
  position: relative;
  left: 23px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 0 0 21px 0;
  z-index: 1000;
  display: none;
}
.sn-search-topics-panel .pop-closer {
  background-position: center -21px;
}
.sn-search-topics {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sn-search-topics li {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.125rem;
  /* baseline */
  line-height: 18px;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  height: auto;
  float: none;
  padding: 0 !important;
  border-bottom: solid 1px #e6e6e6;
  margin: 0;
}
.sn-search-topics li.divider {
  border-top: dotted 1px #dcdcd7;
}
.sn-search-topics li a {
  color: #1e1e1e;
  display: block;
  padding: 9px 5px 9px 10px;
}
.sn-search-topics li a:hover {
  background: #00b2fc;
}
/* 	==========================================================================
	NO JS AMENDMENTS for SEARCH
	========================================================================== */
.no-js .sn-search-trigger,
.no-js .sn-search-selector,
.no-js .sn-search-panel h1 {
  display: none;
}
@media only screen and (min-width: 40em) {
  .no-js .sn-search-panel {
    top: 0;
    right: 2.083333333333%;
    padding-bottom: 0;
    background: transparent;
    box-shadow: none;
  }
}
.no-js .sn-search-box {
  position: relative;
  width: auto;
  float: left;
  top: 3px;
  right: auto;
}
.no-js .sn-search-box input {
  display: inline;
  position: relative;
  float: left;
  top: auto;
  right: auto;
  margin-right: 10px;
}
.no-js .sn-search-box .form-submit {
  display: none;
}
.no-js .sn-search-box button {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
}
/*	==========================================================================
	Google Searh CSS
	========================================================================== */
#search #google-search {
  background-image: url(http://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif);
  background-color: #ffffff;
  background-position: 0% 50%;
  background-repeat: no-repeat no-repeat;
  border: 1px solid #98a2a6;
  box-shadow: -1px 1px 1px #e3e3e3 inset;
  padding: 1px 3px 2px 0px;
  border-radius: 9px;
  outline: none;
}
.gsc-webResult .gsc-result {
  background: #ffffff;
  border: none !important;
  padding: 18px 3.57142857% !important;
  margin: 12px 0 !important;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.gsc-above-wrapper-area,
.gcsc-branding {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  line-height: 24px;
}
.gsc-control-cse .gs-spelling,
.gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title * {
  color: #006e91;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* base size */
  font-size: 18px !important;
  font-size: 1.125rem !important;
  line-height: 24px !important;
  line-height: 1.5rem !important;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  font-weight: bold;
}
.gsc-control-cse .gs-spelling b,
.gsc-control-cse .gs-result .gs-title b,
.gsc-control-cse .gs-result .gs-title * b {
  color: #ef7000;
}
.gsc-control-cse,
.gsc-control-cse .gsc-table-result {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif !important;
  /* small subheads, notes, etc. */
  font-size: 14px !important;
  font-size: 0.875rem !important;
  line-height: 18px !important;
  line-height: 1.125rem !important;
  margin-top: 6px;
  margin-top: 0.375rem;
  margin-bottom: 6px;
  margin-bottom: 0.375rem;
  color: #141414 !important;
}
.gs-result a.gs-visibleUrl,
.gs-result .gs-visibleUrl {
  color: #006e91 !important;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.gsc-control-cse {
  border-color: transparent !important;
  background-color: transparent !important;
}
.gsc-table-result,
.gsc-thumbnail-inside {
  padding: 0 !important;
}
.gsc-url-top {
  display: none !important;
  visibility: hidden;
}
.gsc-table-cell-thumbnail,
.gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
  display: none !important;
  visibility: hidden;
}
.black {
  color: #ffffff;
  background: #000000;
  margin: 0;
}
/* ====================
	Search box styles
======================= */
@media only screen and (min-width: 40em) {
  .black #sn-search {
    border: solid 1px #474747;
    border-width: 0 0 0 1px;
  }
}
.black #sn-search .sn-search-trigger {
  background-color: #1e1e1e;
}
.black #sn-search #sn-search-closer:after {
  border-left-color: #ffffff;
  /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255, 255, 255, 0.5);
}
.black #sn-search .sn-search-panel {
  background-color: #141414;
  border: solid 2px #616161;
  border-radius: 13px;
}
.black #sn-search .sn-search-box .form-submit {
  background-color: #141414;
}
/* ===================
	Navigation
=====================*/
/* site nav */
.black #sn {
  background-color: #1e1e1e !important;
  border-bottom: solid 1px black !important;
}
/* site header nav */
.black .sf-menu ul {
  background-color: #1e1e1e;
}
.black .sf-menu a {
  color: #ffffff;
  background-color: transparent;
}
/* size conditional mixins. these are applied later to .sf-menu */
.black .sf-menu-mob > li {
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  background-color: #191919;
}
.black .sf-menu-desk > li.here > a {
  border-top: solid 3px #191919;
}
.black .sf-menu-desk ul {
  border: solid 1px #050505;
}
.black .sf-menu-desk ul li {
  border-bottom: solid 1px #050505;
}
.black .sf-menu-desk ul li.here > a {
  border-left: solid 6px #191919;
}
/* ==========================================================================
   SITE HEADER
   ========================================================================== */
/* site header titles */
.black header#sh {
  background: #1e1e1e;
}
.black .sh-titles-overlap .sh-site,
.black .sh-titles-separate .sh-background {
  color: #464646;
}
@media only screen and (max-width: 39.9375em) {
  .black .sh-titles-separate .sn-link {
    background-color: #1e1e1e;
  }
}
@media only screen and (max-width: 39.9375em) {
  .black .sh-titles-overlap .sn-link {
    background-color: #0f0f0f;
  }
}
/* ==========================================================================
   SITE FOOTER
   ========================================================================== */
.black #sf-wrapper {
  background-color: #1e1e1e;
}
@media only screen and (max-width: 39.9375em) {
  .black #sf-wrapper {
    background-color: #0f0f0f;
  }
}
.black .sf-c h1 {
  color: #ffffff;
}
.black .sf-c a {
  color: #e0e0e0;
}
.black #sf .sf-il li {
  background-color: #0f0f0f;
}
/* apply the size conditional styles */
@media only screen and (max-width: 39.9375em) {
  .black .sf-menu > li {
    /* base size */
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    background-color: #191919;
  }
  .black .sf-menu > li {
    /* base size */
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    background-color: transparent;
    border-bottom: solid 3px #0f0f0f;
  }
  .black .sf-menu > li li {
    border-top: solid 3px #0f0f0f;
  }
}
@media only screen and (min-width: 40em) {
  .black .sf-menu > li.here > a {
    border-top: solid 3px #191919;
  }
  .black .sf-menu ul {
    border: solid 1px #050505;
  }
  .black .sf-menu ul li {
    border-bottom: solid 1px #050505;
  }
  .black .sf-menu ul li.here > a {
    border-left: solid 6px #191919;
  }
}
/* size conditional mixins. these are applied later to .sf-menu */
.black .sf-menu-mob > li {
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  background-color: transparent;
  border-bottom: solid 3px #0f0f0f;
}
.black .sf-menu-mob > li li {
  border-top: solid 3px #0f0f0f;
}
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    /*         text-decoration: underline; */
  }
  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: 2cm;
  }
  #sn,
  #sf-wrapper,
  .sidebar,
  .work-links,
  #contact-form,
  .tw-links,
  .wide-accessories,
  .share {
    display: none;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .home-hero {
    display: none;
  }
  .home-head h1 {
    margin-left: 0;
  }
  .home-promo,
  .home-work {
    display: none;
  }
  #sh {
    margin-bottom: 12pt;
  }
  .ir,
  .sh-campus-link {
    text-indent: 0;
    background: none;
  }
  #sh-titles {
    height: auto;
  }
  .sh-campus,
  .sh-site {
    width: auto;
    margin: 0 0 0 0;
    height: auto;
  }
  .sh-campus-link {
    display: inline;
    text-decoration: none;
  }
  .sh-titles {
    margin: 12pt 0;
  }
  .sh-background {
    display: none;
  }
  .sn-link {
    display: none;
  }
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('/img/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/img/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 15%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/img/fancybox/blank.gif');
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('/img/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url('/img/fancybox/fancybox_sprite@2x.png');
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url('/img/fancybox/fancybox_loading@2x.gif');
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
/* ==========================================================================
   WORK
   ========================================================================== */
@media only screen and (min-width: 40em) {
  .work-main {
    width: 70.83%;
    min-height: 0;
    margin-left: 4.167%;
    padding-bottom: 24px;
  }
}
.work-main h1 {
  margin-bottom: 0;
}
.work-main .single .work-item-link {
  display: none;
}
.work-main .single .work-preview h2 {
  display: none !important;
}
.work-main .chest {
  padding-top: 0;
  position: relative;
}
.work-main .chest .drawer {
  margin: 24px 0 36px 0;
}
.work-main .chest .drawer .handle {
  padding-left: 0;
}
.work-main .chest .drawer .handle h2 {
  margin-left: 25px;
}
.work-main .chest .drawer .drawer-contents {
  margin-left: 0;
}
.work-main .chest .opener,
.work-main .chest .closer {
  margin: 0;
}
.work-stack {
  margin: 0 4.167% 24px;
  clear: both;
}
.work-stack .controls.top {
  margin-bottom: 24px;
}
.work-stack .drawer {
  position: relative;
  min-height: 66px;
  padding: 24px 2.083%;
  border: solid 1px #ebebeb;
  border-width: 1px 1px 0 1px;
}
.work-stack .drawer:last-of-type {
  border-bottom-width: 1px;
}
.work-stack .drawer .handle {
  margin: 0;
  padding-left: 0;
}
.work-stack .drawer .handle h2 {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: #616161;
  padding: 0 0 6px 0;
  -webkit-transition: .3s;
  margin-bottom: 12px;
  margin-left: 25px;
}
.work-stack header {
  min-height: 66px;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.work-stack header .indicator {
  -webkit-transition: .3s;
}
.work-stack header .markers {
  height: 30px;
  position: absolute;
  bottom: 6px;
  right: 0;
  background: #000000;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 3px 0 0 3px;
  padding: 6px 5px;
}
.work-stack header .markers div {
  height: 30px;
  width: 30px;
  float: right;
  margin: 0 5px;
  background-image: url('/img/media-icons.png');
  background-image: none, url('/img/media-icons.svg');
  background-repeat: no-repeat;
}
.work-stack header .markers .v-marker {
  background-position: 0 0;
}
.work-stack header .markers .ss-marker {
  background-position: 0 -72px;
}
.work-stack div.embed-wrapper-16-9 {
  margin: 0;
}
.work-stack .drawer-contents {
  clear: both;
  padding-top: 6px !important;
  margin-left: 0;
}
.work-stack .drawer-contents div {
  border-top: solid 1px #ebebeb;
}
.work-stack .drawer-contents div:first-child {
  border: none;
}
.work-stack .drawer-contents .work-description {
  padding: 12px 0 0;
}
.work-stack .drawer-contents .work-ss {
  padding: 17px 0 18px;
}
.work-stack .drawer-contents .work-vid figure.embed-wrapper-16-9 {
  margin: 18px 0 !important;
}
.work-stack .drawer-contents p,
.work-stack .drawer-contents li {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.work-stack .work-ss {
  padding: 11px 0 0 0;
  clear: both;
}
.work-stack .work-ss-thumb {
  display: block;
  float: left;
  height: 72px;
  margin: 0 1px 1px 0;
}
.work-stack .work-ss-thumb img {
  display: block;
  height: 72px;
}
.single .drawer .handle h2 {
  margin-left: 0;
}
.pagination {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  text-transform: uppercase;
  width: 100%;
  margin-top: 48px;
}
.pagination a,
.pagination strong {
  text-align: center;
  display: inline-block;
  height: 18px;
  width: 18px;
  border: solid 1px #dcdcdc;
  border-radius: 50%;
}
@media only screen and (max-width: 47.9375em) {
  .pagination a,
  .pagination strong {
    /* 			font-size: 14px; */
    margin: 0 .25em;
  }
}
.pagination strong {
  border-color: #fafafa;
}
@media only screen and (max-width: 47.9375em) {
  .pagination {
    font-size: 14px;
  }
}
.work-main .pagination {
  position: absolute;
  bottom: 6px;
}
/* ==========================================================================
   BLOG
   ========================================================================== */
.blog-entry header {
  margin-bottom: 24px;
}
.blog-entry header time {
  color: #545454;
  font-size: .75rem;
  line-height: 1.25em;
  display: block;
  padding-top: 11px;
  border-top: solid 1px #e6e6e6;
}
.blog-entry figcaption {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-weight: 200;
  padding-top: 6px;
}
.blog-entry footer {
  border-top: solid 1px #e6e6e6;
  margin: 24px 0;
}
.blog-entry footer h2,
.blog-entry footer li {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.blog-entry footer h2 {
  margin: 12px 0px 6px 0px;
}
@media only screen and (min-width: 48em) {
  .blog-entry footer h2 {
    float: left;
    margin-right: 1em;
  }
}
.archive .blog-entry {
  margin-bottom: 24px;
}
.archive .blog-entry header {
  margin-bottom: 12px;
}
.archive .blog-entry header h2 {
  margin-bottom: 6px;
}
.archive .blog-entry header time {
  padding-top: 5px;
}
.archive .blog-entry p {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.cats-list {
  list-style: none;
  padding-left: 0;
  margin: 6px 0;
}
@media only screen and (min-width: 48em) {
  .cats-list li {
    height: 18px;
    float: left;
    margin-right: 1em;
  }
}
.cats-list a {
  background: #ffffff;
  border-radius: 9px;
  padding: 0 9px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
/* ==========================================================================
   SERVICE WORK
   ========================================================================== */
.service-work {
  position: relative;
  background: #e6e6e6;
  border-width: 1px 0;
  padding: 3px 0 12px 4.167%;
  border-radius: 3px;
}
.service-work li {
  float: left;
  width: 20%;
  margin: 0 5% 0 0;
}
.service-work li img {
  max-width: 100%;
}
/* ==========================================================================
   BLOG
   ========================================================================== */
.blog-entry figure {
  margin: 24px 0;
}
/* ==========================================================================
   CAMPUS PROFILE
   ========================================================================== */
#campus-profile a:hover {
  text-decoration: underline;
}
#campus-profile a.btn:hover {
  text-decoration: none;
}
#campus-profile ul.spacey {
  padding-left: 0;
  list-style: none;
}
#campus-profile ul.spacey li {
  position: relative;
  padding-left: 18px;
  margin: 24px 0;
}
#campus-profile ul.spacey li:before {
  color: #006a96;
  font-size: 24px;
  content: '•';
  position: absolute;
  top: 50%;
  left: -0.5em;
  margin-top: -0.5em;
}
#campus-profile ul.spacey li > img,
#campus-profile ul.spacey li figure {
  position: relative;
  width: 42.86%;
  float: right;
  margin: 0 0 9px 4.688%;
}
@media only screen and (min-width: 40em) {
  #campus-profile ul.spacey li > img,
  #campus-profile ul.spacey li figure {
    margin: 0 -14.29% 9px 3.571%;
  }
}
#campus-profile section {
  margin: 24px 0;
}
#campus-profile section h2 {
  margin: 6px 0;
  color: #616161;
  font-size: 2rem;
  line-height: 1em;
}
#campus-profile section h3 {
  font-size: 1.5rem;
  line-height: 1.75rem;
  margin-bottom: .75rem;
}
#campus-profile section h3 + table {
  margin-top: -0.9375rem;
}
#campus-profile section h3 + p {
  margin-top: 0rem;
}
#campus-profile section h3 + ul {
  margin-top: 0;
}
#campus-profile section .embed-wrapper-16-9 {
  margin-top: 0;
}
#campus-profile section p + table {
  margin-top: -20px;
}
#campus-profile section .btn {
  margin-bottom: 1rem;
}
#campus-profile section p.btn {
  margin-top: 0px;
}
#campus-profile section p.btn a {
  margin-top: 0px;
}
#campus-profile section .src {
  color: #787878;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
#campus-profile section .global-rankings {
  margin-top: 0.65rem;
}
#campus-profile figure {
  position: relative;
}
#campus-profile figcaption {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-weight: 200;
  padding-top: 6px;
}
@media only screen and (min-width: 40em) {
  #campus-profile figcaption {
    color: #ffffff;
    width: 90%;
    padding: 3px 5%;
    position: absolute;
    bottom: 0;
    background: #000000;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s;
  }
}
@media only screen and (min-width: 40em) {
  #campus-profile figure:hover figcaption {
    background: rgba(0, 0, 0, 0.9);
  }
}
#campus-profile table {
  border-collapse: separate;
  border-spacing: 0px 20px;
  width: 100%;
}
#campus-profile table tbody {
  margin-top: -15px;
}
#campus-profile table thead th {
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding: 12px 10px;
}
#campus-profile table td {
  color: #141414;
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  vertical-align: middle;
  padding: 12px 10px;
}
#campus-profile table td:first-child {
  text-align: right;
  padding-left: 30px;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #006a96;
  width: 120px;
}
@media only screen and (max-width: 39.9375em) {
  #campus-profile table td:first-child {
    width: 33.33%;
  }
}
#campus-profile table td ul {
  margin: 9px 0;
}
#campus-profile table td li {
  color: #141414;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
}
#campus-profile table td.table-pdf {
  text-align: center;
  font-size: 1rem;
}
#campus-profile table td.text {
  font-size: 1rem;
  line-height: 1.25rem;
}
#campus-profile table tr {
  background-color: #f2f2f2;
}
#campus-profile table tr:first-child td {
  padding-top: 18px;
}
#campus-profile .link {
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
}
.campus-profile {
  margin: 0;
}
@media only screen and (min-width: 40em) {
  .campus-profile {
    margin: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .campus-profile {
    margin: auto;
  }
}
.campus-profile .clearfix {
  padding: 0 1.5rem;
}
@media only screen and (min-width: 40em) {
  .campus-profile .clearfix {
    width: 58.33%;
    float: left;
    padding-left: 2.083333333333%;
  }
}
.campus-profile .page-header h1 {
  margin-top: 5rem;
}
@media only screen and (min-width: 40em) {
  .campus-profile .page-header h1 {
    margin-top: 0;
  }
}
.jump-nav {
  position: relative;
  background: #ffffff;
  border-radius: 3px;
  overflow: hidden;
  margin: 24px 0;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 39.9375em) {
  .jump-nav {
    display: none;
  }
}
.jump-nav .heading {
  color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  height: 18px;
  background: #006a96;
  padding: 6px 15px 0;
}
.jump-nav .links {
  padding: 6px 15px;
  margin: 0;
}
.jump-nav a {
  padding: 0 10px 0 0;
}
.sticky {
  width: 16.67%;
  max-width: 200px;
  position: fixed;
  top: 72px;
  z-index: 500;
  -webkit-transform: translateZ(0);
}
/* ==========================================================================
   CONTACT FORMS
   ========================================================================== */
.contact-form {
  margin: 24px 0;
}
.cf-trigger {
  color: white;
  display: block;
  background: #006a96;
  padding: 6px 1em;
  padding: 6px 1rem;
  border-radius: 3px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.cf-trigger:hover {
  color: #ffcd00;
}
@media only screen and (min-width: 40em) {
  .cf-inner {
    background: #f2f2f2;
    padding: 18px 1em;
    padding: 18px 1rem;
    margin: 24px 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  }
}
.cf-instructions h2 {
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin: 0 0 12px 0;
}
.cf-instructions p {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
@media only screen and (min-width: 56.25em) {
  .cf-instructions {
    width: 30%;
    float: right;
    margin-right: 3.33%;
  }
}
@media only screen and (min-width: 56.25em) {
  .contact-form form {
    position: relative;
    margin-right: 40%;
  }
}
.cf-field {
  background: #ebebeb;
  padding: 6px 1em 12px;
  padding: 6px 1rem 12px;
  margin: 12px 0;
  border: solid 1px #ffffff;
  border-radius: 3px;
}
.cf-field li {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.cf-field input[type="text"] {
  width: 95%;
}
.cf-field textarea {
  width: 95%;
}
.cf-required label {
  color: #006a96;
  font-weight: bold;
}
.cf-general-errors {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: white;
  background: red;
  padding: 6px 1em 12px;
  padding: 6px 1rem 12px;
  border-radius: 3px;
}
.cf-general-errors h3 {
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin: 6px 0;
}
.cf-general-errors ul {
  margin: 6px 0;
}
.cf-general-errors h3,
.cf-general-errors li {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #ffffff;
}
.cf-field.error {
  color: #ffffff;
  background: red;
}
.cf-field.error label {
  color: #ffffff;
}
.cf-field .error {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: white;
  padding: 9px 0 0 0;
}
@media only screen and (max-width: 39.9375em) {
  .cf-field .error {
    width: 90%;
  }
}
.cf-captcha {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-weight: 800;
}
.cf-captcha input[type="text"] {
  font-weight: 400;
  margin-top: 3px;
}
.cf-captcha .cf-label {
  font-weight: 400;
}
@media only screen and (min-width: 56.25em) {
  .cf-submit {
    position: absolute;
    bottom: 12px;
    right: -100px;
  }
}
.cf-label {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  display: block;
  margin: 3px 0;
}
.cf-label span {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
}
/* ==========================================================================
   CONTACT TABLES
   ========================================================================== */
.contact-table {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  width: 100%;
  margin: 24px 0;
}
.contact-table td h2 {
  padding-bottom: 0;
  border: none;
  margin-bottom: 0;
}
.contact-table th {
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  padding: 3px 0 0 0;
  border: solid 1px #dcdcd2;
  border-width: 1px 1px 0 1px;
}
.contact-table td {
  padding: 3px 10px 6px 0;
}
.contact-table td.first-row {
  padding-top: 0;
  padding-right: 0;
}
.contact-table td h3 {
  color: #006a96;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  padding: 11px 0 0 0;
  border-top: solid 1px #dcdcd2;
  margin: 6px 0 0 0;
}
.contact-table td.first-row h3 {
  margin-top: 0;
}
.contact-table td.separate h3 {
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
}
.contact-table td.h4 {
  font-weight: bold;
  padding: 9px 0 0 0;
  border: none;
}
.contact-table td.separate {
  padding-top: 11px;
}
/* ==========================================================================
   IDENTITY GUIDELINES
   ========================================================================== */
#gl-hero-wrap {
  background: #9accdd;
}
#gl-hero {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
#gl-hero #glh-over {
  background-image: url('/img/guidelines/logo-white-rule.png');
  background-image: none, url('/img/guidelines/logo-white-rule.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  width: 288px;
  height: 57px;
  position: absolute;
  bottom: 20%;
  left: 8.333%;
  z-index: 100;
}
@media only screen and (max-width: 39.9375em) {
  #gl-hero #glh-over {
    left: 4.167%;
    width: 220px;
    bottom: 15%;
  }
}
#glh-ss {
  width: 100%;
  padding-bottom: 17.5%;
  position: relative;
  overflow: scroll;
}
@media only screen and (max-width: 39.9375em) {
  #glh-ss {
    width: auto;
    padding-bottom: 120px;
  }
}
.js #glh-ss {
  overflow: hidden;
}
.js #glh-ss img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
}
@media only screen and (max-width: 39.9375em) {
  .js #glh-ss img {
    width: auto;
    height: 120px;
    left: -120px;
  }
}
.js #glh-ss img:first-child {
  display: block;
}
@media only screen and (min-width: 40em) {
  .gl-main .plate p,
  .gl-main .plate ul,
  .gl-main .plate h2,
  .gl-main .plate h3,
  .gl-main .plate h4,
  .gl-main .plate h5,
  .gl-main .plate h6 {
    margin-right: 28.57%;
  }
  .gl-main .plate h3 {
    margin-top: 0;
    padding-top: 12px;
  }
}
.gl-main .plate figure {
  position: relative;
  padding-top: 6px;
}
.gl-main .plate figure:first-child {
  padding-top: 18px;
}
@media only screen and (max-width: 39.9375em) {
  .gl-main .plate figure {
    float: right;
    width: 50%;
    max-width: 250px;
    padding: 12px 0 24px;
    margin: 0 0 0 7.143%;
  }
}
@media only screen and (min-width: 40em) {
  .gl-main .plate figure {
    float: right;
    width: 35.71%;
  }
}
@media only screen and (min-width: 40em) {
  .gl-main .plate figure {
    margin: 0 -14.29% 0 0;
  }
}
.plate img.shadow {
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  margin-bottom: 12px;
}
/* ==========================================================================
   MISC
   ========================================================================== */
/* black mode */
.black #sn,
.black #sh,
.black #sf-wrapper {
  background: #141414;
}
.black #sf .sf-il li {
  background: #2e2e2e;
}
.dek {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #006a96;
  margin-bottom: 24px;
}
/* ==========================================================================
   IMAGE GALLERY
   ========================================================================== */
/* ==========================================================================
   SIDEBARS
   ========================================================================== */
@media only screen and (max-width: 39.9375em) {
  .sidebar {
    padding: 12px 4.167%;
    margin: 24px 0;
  }
}
@media only screen and (min-width: 40em) {
  .sidebar {
    width: 16.67%;
    float: right;
    padding-top: 12px;
    padding-bottom: 24px;
    margin-right: 2.083%;
  }
}
@media only screen and (max-width: 39.9375em) {
  .sidebar section {
    padding: 6px 2.083%;
    margin: 12px 0;
    background: #ebebeb;
  }
}
.sidebar p,
.sidebar li,
.sidebar ul {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin: 6px 0;
}
.sidebar li {
  margin: 3px 0;
}
.sidebar h2 {
  color: #141414;
  /* base size */
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin: 12px 0 6px;
}
@media only screen and (max-width: 39.9375em) {
  .sidebar h2 {
    margin-top: 6px;
  }
}
.sidebar h3 {
  color: #006a96;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin: 12px 0 6px;
}
.sidebar h4 {
  color: #141414;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin: 12px 0 6px;
}
.sidebar-contact-trigger {
  margin: 24px 0 0 0;
}
@media only screen and (max-width: 39.9375em) {
  .sidebar-contact-trigger {
    display: none;
  }
}
.side-nav ul {
  list-style: none;
  display: block;
  max-width: 250px;
  padding: 0;
  border-radius: 3px;
  margin: 24px 0;
}
.side-nav li {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  border-bottom: solid 1px #ebebeb;
  margin: 0;
}
.side-nav > ul > li:first-child {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-weight: bold;
}
.side-nav a {
  display: block;
  padding: 3px 10px 2px 0;
}
.side-nav > li.first {
  font-weight: bold;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.side-nav li.last,
.side-nav li.last a {
  border-radius: 0 0 3px 3px;
}
.side-nav li.here > a {
  color: #616161;
  cursor: default;
}
.side-nav li ul {
  margin: 0;
}
.side-nav li ul li {
  margin-left: 1em;
}
.side-nav li ul li:last-child {
  border: none;
}
@media only screen and (max-width: 39.9375em) {
  .side-nav {
    display: none;
  }
}
/* ==========================================================================
   ANCHOR TAGS FOR CAMPUS PROFILE
   ========================================================================== */
div.anchor-div {
  margin: 0;
  padding: 0;
  height: 0;
}
.anchor-div a.anchor {
  position: relative;
  top: 0;
  display: block;
  visibility: hidden;
}
/* ==========================================================================
   STICKY SIDEBAR NAV
   ========================================================================== */
#desk-sideNav.sticky {
  position: fixed;
  overflow-y: auto;
}
#desk-sideNav {
  position: absolute;
  top: 1.875rem;
  width: auto;
  max-width: 100%;
  background-color: #f2f2f2;
  padding: 0.5rem 0;
  display: none;
}
.down-arrow-icon img {
  width: 18px;
  height: 9px;
  transition-duration: 0.8s;
  transition-property: transform;
}
.down-arrow-icon {
  float: right;
}
.no-scroll {
  overflow: hidden;
  position: relative;
}
.mobile-dropdown {
  cursor: pointer;
}
.mobile-dropdown > ul {
  display: none;
  position: absolute;
  top: 3rem;
  left: 0;
  z-index: 999;
}
.mobile-dropdown-container {
  position: static;
  padding: 0;
  margin: 0;
  width: 100%;
  background-color: #f2f2f2;
}
.mobile-dropdown-container > li {
  margin: 0;
  padding-left: 0;
}
.mobile-dropdown-container > li > a {
  color: #616161;
  text-decoration: none;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .5px;
  display: block;
  padding: .75rem 1.5rem .75rem 3rem;
}
.mobile-sticky-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  background-color: #f2f2f2;
}
#mobile-sideNav.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.mobile-sticky-nav .container {
  padding: 0;
  max-width: 100%;
}
.mobile-sticky-nav .mobile-dropdown {
  padding: 0;
  margin: 0;
  font-weight: bold;
}
.mobile-sticky-nav .mobile-dropdown h2 {
  padding: 0.75rem 1.5rem;
  margin: 0;
  color: #004663;
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.mobile-sticky-nav .mobile-dropdown h2:hover,
.mobile-sticky-nav .mobile-dropdown h2:focus,
.mobile-sticky-nav .mobile-dropdown h2:active {
  color: #006a96;
}
.mobile-sticky-nav .mobile-dropdown h3 {
  color: #004663;
  padding: 0.75rem 1.5rem;
  margin: 0;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.mobile-sticky-nav .mobile-dropdown.sub-open {
  padding-bottom: 0;
  margin-bottom: 0;
}
.mobile-sticky-nav .mobile-dropdown-container {
  font-size: 1rem;
  height: calc(100vh - 285px);
  overflow-y: auto;
}
.mobile-sticky-nav.sticky .mobile-dropdown-container {
  height: calc(100vh - 56px);
}
.mobile-sticky-nav .mobile-dropdown-container > li > a:hover,
.mobile-sticky-nav .mobile-dropdown-container > li > a:focus,
.mobile-sticky-nav .mobile-dropdown-container > li > a:active {
  background-color: #ffffff;
  color: #006a96;
  text-decoration: none;
}
.mobile-sticky-nav .sub-menu {
  background-color: #ebebeb;
}
.mobile-sticky-nav .sub-menu li {
  margin: 0;
  border: none;
}
.mobile-sticky-nav .sub-menu li > a {
  color: #141414;
  font-style: normal;
  font-size: 0.8rem;
  font-weight: normal;
  letter-spacing: .5px;
  display: block;
  padding: 0.5rem 3rem;
}
.mobile-sticky-nav .sub-menu li > a:hover,
.mobile-sticky-nav .sub-menu li > a:focus,
.mobile-sticky-nav .sub-menu li > a:active {
  background-color: #ffffff;
}
.mobile-sticky-nav ul {
  padding: 0;
  margin: 0;
  font-size: 1.25rem;
  list-style-type: none;
}
.mobile-sticky-nav ul > li {
  padding: 0;
  border-bottom: 0;
  font-weight: 600;
}
.setHeight {
  height: calc(100vh - 7.5rem);
  overflow-y: auto;
}
.sticky-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sticky-links li {
  margin: 0;
}
.sticky-links li a {
  display: block;
  padding: 0.37rem 1rem;
  margin: 0 1.875rem;
  color: #616161;
  font-weight: 600;
  font-size: 0.9rem;
}
.sticky-links li > a:hover,
.sticky-links li > a:focus,
.sticky-links li > a:active {
  text-decoration: none;
  color: #006a96;
  background-color: #fff;
}
.sticky-links .last-sticky {
  border-bottom: 1px solid #ffcd00;
  padding-bottom: 0.7rem;
}
.sticky-links .pdfs {
  padding-top: 0.7rem;
}
.sticky-nav h3 {
  font-size: 1rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 0;
  padding: 1rem 1.875rem 0.37rem 1.875rem;
}
.sticky-nav h3:nth-child(1) {
  padding: 1rem 1.875rem 0.37rem 1.875rem;
  margin: -0.5rem 0 0 0;
}
.sticky-nav .sub-menu {
  margin: 0;
}
.sticky-nav .sub-menu li {
  list-style-type: none;
}
.sticky-nav .sub-menu li:last-of-type {
  padding-bottom: 0;
}
.sticky-nav .sub-menu li a {
  padding: 0.25rem 1rem;
  margin: 0 1.875rem 0 2.5rem;
  font-size: 0.8rem;
  font-weight: 100;
  text-transform: none;
}
.sub-open .down-arrow-icon img {
  transform: rotate(180deg);
  transition-duration: 0.8s;
  transition-property: transform;
}
@media only screen and (min-width: 40em) {
  #desk-sideNav {
    display: block;
  }
  #desk-sideNav.sticky-nav.unstuck {
    position: absolute;
    top: auto;
    bottom: 3rem;
    overflow-y: auto;
  }
  .mobile-sticky-nav {
    display: none;
  }
  .sticky-container {
    width: 30%;
    max-width: 294px;
    float: right;
    padding-right: 1.5rem;
  }
  .sticky-links {
    font-size: 0.8rem;
  }
}
@media only screen and (min-width: 58.75em) {
  #desk-sideNav.sticky {
    top: 4.875rem;
  }
  .sticky-container {
    width: 294px;
  }
}
@media only screen and (min-width: 75em) {
  .sticky-links {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 78.125em) {
  .sticky-container {
    width: 330px;
    max-width: 330px;
  }
}
#content-wrapper.home {
  position: relative;
}
.home-hero {
  height: 200px;
  background: #013e51 url(/img/home-hero.jpg) no-repeat center center;
  background-size: 750px;
}
@media only screen and (min-width: 40em) {
  .home-hero {
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 750px;
    border-bottom-width: 30px;
  }
}
@media only screen and (min-width: 56.25em) {
  .home-hero {
    width: 100%;
    height: 400px;
    background-size: 1500px;
    border-bottom-width: 60px;
  }
}
.lt-ie9 .home-hero {
  background: #013e51 url(/img/home-hero-ie8.jpg) no-repeat center center;
}
.home-head h1 {
  color: #ffffff;
  font-weight: 200;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  margin-left: 4.167%;
}
@media only screen and (max-width: 39.9375em) {
  .home-head h1 {
    position: absolute;
    top: -120px;
    left: 0;
  }
}
@media only screen and (min-width: 40em) {
  .home-head h1 {
    margin-top: 72px;
    margin-bottom: 54px;
  }
}
@media only screen and (min-width: 56.25em) {
  .home-head h1 {
    font-size: 72px;
    line-height: 1em;
  }
}
@media only screen and (max-width: 39.9375em) {
  .home-links {
    margin-left: 4.166666666666666%;
    margin-right: 4.166666666666666%;
    clear: both;
    padding: 5px 0;
    border: solid 1px #dcdcdc;
    border-width: 1px 0;
  }
}
@media only screen and (min-width: 40em) {
  .home-links {
    width: 25%;
    float: right;
    margin-right: 4.167%;
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 56.25em) {
  .home-links {
    width: 41.67%;
    margin-top: 0;
    padding-top: 168px;
  }
}
.home-links ul {
  list-style: none;
  padding-left: 0;
  margin: 6px 0 12px 0;
}
@media only screen and (max-width: 56.1875em) {
  .home-links ul {
    margin-top: 0;
  }
}
@media only screen and (max-width: 39.9375em) {
  .home-links .hl1,
  .home-links .hl2 {
    width: 41.67%;
    float: left;
  }
}
.home-links .hl1 {
  margin-right: 8.333%;
}
@media only screen and (min-width: 40em) {
  .home-links .hl1 h2 {
    padding-top: 42px;
  }
}
@media only screen and (min-width: 56.25em) {
  .home-links .hl1 h2 {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
.home-links li {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
@media only screen and (min-width: 40em) {
  .home-links li {
    font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
    /* small subheads, notes, etc. */
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
}
@media only screen and (min-width: 56.25em) {
  .home-links li {
    margin: 0;
    height: 24px;
    float: left;
    padding-right: 1em;
  }
}
@media only screen and (min-width: 56.25em) {
  .home-links li.major {
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1em;
    text-transform: uppercase;
    width: 30%;
    height: 72px;
    background: #006a96;
    margin-right: 3.33%;
    margin-bottom: 12px;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    padding: 0;
  }
  .home-links li.major a {
    display: block;
    color: #e5aa6f;
    color: rgba(255, 255, 255, 0.45);
    height: 36px;
    padding: 9px .5em 15px .5em;
    border: solid 6px #d87f26;
    border: solid 6px rgba(255, 255, 255, 0.15);
    border-radius: 3px;
  }
  .home-links li.major a:hover {
    color: rgba(255, 255, 255, 0.9);
  }
}
@media only screen and (max-width: 39.9375em) {
  .home-left {
    margin-left: 4.166666666666666%;
    margin-right: 4.166666666666666%;
    clear: both;
  }
}
@media only screen and (min-width: 40em) {
  .home-left {
    width: 50%;
    float: left;
    background: #ffffff;
    background-color: #fafafa;
    border-radius: 3px 3px 0 0;
    margin: 0 0 0 4.167%;
    padding: 24px 4.167% 24px;
  }
}
@media only screen and (min-width: 56.25em) {
  .home-left {
    width: 37.5%;
    padding: 24px 4.167% 24px;
  }
}
.home-intro p {
  /* 		.t-14; */
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
.home-intro p.home-dek {
  color: #006a96;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.home-intro p:last-child {
  color: #006a96;
}
.work-wide {
  position: relative;
  background: #e6e6e6;
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4);
  z-index: 1600;
}
/*.work-wrapper{
	background: rgb(230,230,230);
	.shadow-in;
	}*/
.home-work {
  margin: 0 8.333%;
  border-width: 1px 0;
  padding: 3px 0 12px 0;
  border-radius: 3px;
}
.home-work ul {
  margin: 0 0 6px 0;
}
.home-work li {
  float: left;
}
@media only screen and (max-width: 39.9375em) {
  .home-work li {
    width: 30%;
    margin-right: 3.3%;
  }
}
@media only screen and (min-width: 40em) {
  .home-work li {
    width: 15%;
    margin-right: 1.666%;
  }
}
.home-work li img {
  max-width: 100%;
}
.blog-news {
  padding-top: 0;
}
@media only screen and (max-width: 39.9375em) {
  .home-blog {
    margin-left: 4.166666666666666%;
    margin-right: 4.166666666666666%;
    clear: both;
  }
}
@media only screen and (min-width: 40em) {
  .home-blog {
    width: 37.5%;
    float: left;
    background: #c9efff;
    padding: 12px 4.167% 24px;
    border-radius: 0 0 6px 6px;
    margin: 0 0 18px 4.167%;
  }
  .home-blog .blog-entry header time {
    border-top-color: #ffffff;
  }
}
.home-blog > h2 {
  color: #545454;
  text-transform: uppercase;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.home-blog .blog-entry header {
  margin-bottom: 12px;
}
.home-blog .blog-entry header h3 {
  margin-bottom: 3px;
}
.home-blog .blog-entry header time {
  padding-top: 5px;
}
@media only screen and (max-width: 39.9375em) {
  .home-news {
    margin-left: 4.166666666666666%;
    margin-right: 4.166666666666666%;
    clear: both;
  }
}
@media only screen and (min-width: 40em) {
  .home-news {
    width: 37.5%;
    float: right;
    padding: 12px 0;
    margin: 0 8.333% 18px 0;
  }
}
.home-news article {
  margin: 12px 0;
}
.home-news img {
  float: left;
  margin: 3px 20px 9px 0;
}
.home-news h3 {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin: 0;
}
/* ****************************

PROMOS, FEATURES ET CETERA

**************************** */
#ar-promo {
  margin-top: 10px;
}
#ar-promo-banner {
  position: relative;
}
#ar-promo-banner a:focus {
  outline: 0;
}
#ar-promo-banner img {
  width: 91.666%;
  margin-left: 4.167%;
  margin-right: 4.167%;
  height: auto;
}
@media only screen and (max-width: 62.4375em) {
  #ar-promo-banner img {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
#ar-promo-copy {
  background: #fff;
  padding: 30px;
}
#ar-promo-copy h1 {
  margin-top: 0;
}
#ar-promo-copy p {
  font-size: 16px;
}
@media only screen and (min-width: 56.25em) {
  #ar-promo-copy {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 430px;
    padding: 30px 30px 60px;
    background: transparent url(/img/home/ar-text-box.png) no-repeat 0 0;
    background-size: 100% 100%;
  }
}
@media only screen and (min-width: 48em) {
  .lt-ie9 #ar-promo-copy {
    padding-bottom: 80px;
    bottom: 10px;
  }
}
@media only screen and (min-width: 56.25em) {
  .lt-ie9 #ar-promo-copy {
    padding-bottom: 80px;
  }
}
.lt-ie9 #ar-promo {
  margin-top: 100px;
}
#fd-promo {
  clear: both;
  padding-bottom: 24px;
  background: transparent url(/img/home/banner.png) repeat-x 0 96px;
  position: relative;
}
@media only screen and (max-width: 39.9375em) {
  #fd-promo {
    background-repeat: repeat;
    background-position: 0 0;
  }
}
#fd-triton {
  max-width: 400px;
}
#fd-triton img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 58.75em) {
  #fd-triton {
    width: 100%;
    position: absolute;
    top: 0;
    right: 600px;
  }
}
@media only screen and (max-width: 39.9375em) {
  #fd-triton {
    display: none;
  }
}
#fd-promo-copy {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  z-index: 100;
}
@media only screen and (max-width: 39.9375em) {
  #fd-promo-copy #fd-promo-inner {
    padding: 0 4.167%;
  }
}
@media only screen and (min-width: 40em) {
  #fd-promo-copy #fd-promo-inner {
    padding-left: 54.17%;
    padding-right: 4.167%;
  }
}
#fd-promo-copy h3 {
  width: 100%;
  padding-bottom: 20%;
  position: relative;
  margin-bottom: 24px;
}
#fd-promo-copy h3 a {
  width: 100%;
  bottom: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/img/home/fd-2013/fd-hed.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}
#fd-promo-copy #fd-promo-info {
  width: 30%;
  float: left;
}
#fd-promo-copy #fd-promo-info time {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  line-height: 1.5em;
  font-weight: bold;
  color: #ef7000;
  display: block;
}
#fd-promo-copy #fd-promo-info ul {
  margin: 0;
}
#fd-promo-copy #fd-promo-info li {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  line-height: 1.5em;
  margin: 0;
}
#fd-promo-copy p {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  line-height: 1.5em;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  color: #ef7000;
  width: 65%;
  float: right;
  margin: 0;
}
.no-svg #fd-hed {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/home/fd-2013/fd-hed.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/home/fd-2013/fd-hed.png', sizingMethod='scale')";
}
.no-svg #fd-wave {
  background: transparent url(/img/home/fd-2013/fd-wave.png) no-repeat;
}
@media only screen and (max-width: 74.9375em) {
  .no-svg #fd-wave {
    background-position: top right;
  }
}
@media only screen and (min-width: 75em) {
  .no-svg #fd-wave {
    background-position: top left;
  }
}
.advertisement p {
  margin: 0 0 10px 0;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.ad-blurb {
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
  background-color: #006a96;
  padding: 24px 3.57142857% 24px;
  color: #ffffff;
}
.ad-blurb h1 {
  color: #ffffff;
}
.ad-blurb a {
  color: #ffcd00;
}
.ad-blurb a:hover {
  text-decoration: underline;
}
.ad-blurb p,
.ad-blurb li {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
}
.ad-blurb ul li {
  list-style: disc;
  margin-left: 50px;
  color: #ffcd00;
}
#archive-layout .primary h1 {
  margin-bottom: 20px;
}
#archive-layout .primary ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#archive-layout .primary .sl-story {
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
  padding: 24px 3.57142857% 24px;
  background: #ffffff;
  border: solid 1px #e6e6e6;
  border-width: 1px 1px 0 1px;
}
#archive-layout .primary .sl-story:last-of-type {
  border-width: 1px;
}
#archive-layout .primary .sl-story h2 {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  margin-top: 0px;
  margin-top: 0rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
}
#archive-layout .primary .sl-story h2.ad-h2 {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  margin: 0 0 .625rem 0;
}
#archive-layout .primary .sl-story p {
  /* sidebar text, etc. */
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  margin-top: 9px;
  margin-top: 0.5625rem;
  margin-bottom: 9px;
  margin-bottom: 0.5625rem;
}
#archive-layout .primary .sl-story p.ad-pub-info {
  margin: 0 0 5px 0;
}
#archive-layout .primary .sl-story .sl-meta {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
}
#archive-layout .primary .sl-story .sl-meta-top {
  margin-bottom: 6px;
}
#archive-layout .primary .sl-story .sl-meta-bottom {
  border-top: solid 1px #e6e6e6;
  padding: 8px 0 0;
}
.pagination-links {
  color: #505050;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  clear: both;
  margin: 20px 0;
}
.pagination-links a,
.pagination-links strong {
  padding: 0 6px;
}
.transcript h2 {
  margin-bottom: 0;
}
.transcript h3 {
  margin: 10px 0 30px 0;
}
.transcript p {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
p.transcript-date {
  margin: 10px 0 30px 0;
  font-weight: bold;
}
p.transcript-int-title {
  margin: 0;
  font-style: italic;
}
p.transcript-video {
  margin-top: -20px;
}
table.transcript-table {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  text-align: left;
  width: 100%;
}
table.transcript-table p {
  margin: 0;
  padding: 0;
}
table.transcript-table th {
  font-size: 20px;
  padding: 10px 10px 10px 20px;
  margin-top: 10px;
}
table.transcript-table td:nth-child(-n+2) {
  line-height: 1.5rem;
  width: 10%;
}
table.transcript-table td {
  padding-bottom: 20px;
  padding: 10px 10px 10px 20px;
}
table.transcript-table tr:nth-child(odd) {
  background-color: #f2f2f2;
}
/* Print Styles */
@media print {
  .transcript h1 {
    font-size: 20px;
    margin-top: -15px;
  }
  .transcript h2 {
    font-size: 15px;
    margin-top: 0;
  }
  .transcript-video {
    display: none;
  }
  table.transcript-table td:nth-child(-n+2) {
    line-height: 1.5rem;
    width: 8%;
    font-size: 10px;
    padding: 10px 0;
  }
  table.transcript-table th:nth-child(-n+2) {
    width: 8%;
    font-size: 10px;
    padding: 10px 0;
  }
}
/* ==========================================================================
UCPA IMAGE LIBRARY
========================================================================== */
/* ==========================================================================
IMG LIBRARY LANDING PAGE
========================================================================== */
#below-link {
  color: #6e6e6e;
}
#below-link:focus {
  outline: none;
}
#below-link:hover {
  color: #969696;
}
.parallelogram {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -o-text-overflow: clip;
  text-overflow: clip;
  -webkit-backface-visibility: hidden;
}
.img-library-landing .library-list {
  margin-top: 25px;
  padding: 0;
  display: block;
}
.img-library-landing .library-list .more-link {
  /* base size */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin: 2px 0;
}
.img-library-landing .library-list li {
  list-style-type: none;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding-bottom: 2%;
}
.img-library-landing .library-list li a {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -o-text-overflow: clip;
  text-overflow: clip;
  -webkit-backface-visibility: hidden;
  max-width: 700px;
  width: 100%;
  display: block;
  padding-bottom: 25%;
  position: relative;
  overflow: hidden;
  margin: 0;
  background-size: cover;
}
.img-library-landing .library-list li h5 {
  color: white;
  position: absolute;
  width: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  margin: 0;
  padding: 5px 4%;
  transition: .2s;
}
@media only screen and (max-width: 29.9375em) {
  .img-library-landing .library-list li h5 {
    font-size: 14px;
    padding: 1px 4%;
  }
}
.img-library-landing .library-list li:hover h5 {
  background: #141414;
}
/* ==========================================================================
IMG LIBRARY (WRAPPER)
========================================================================== */
.main-img-library {
  position: relative;
  margin: 20px auto;
  max-width: 1000px;
  min-height: 850px;
  /* ==========================================================================
      IMG LIBRARY INDEX
   ========================================================================== */
  /* ==========================================================================
   THUMBNAILS
   ========================================================================== */
  /* ==========================================================================
   MAIN IMAGE + CAPTION
   ========================================================================= */
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library {
    margin: 50px auto;
    width: 100%;
    margin-bottom: 5px;
  }
}
.main-img-library .il-header {
  margin-top: 30px;
  text-align: left;
  padding-left: 10px;
}
.main-img-library .il-header h1 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  margin: 15px 0;
  width: 37%;
  float: left;
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library .il-header h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 36px;
    line-height: 2.25rem;
    width: 80%;
    text-align: center;
    float: none;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 39.9375em) {
  .main-img-library .il-header h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
}
@media only screen and (max-width: 29.9375em) {
  .main-img-library .il-header h1 {
    width: 100%;
  }
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library .il-header {
    text-align: center;
    padding-left: 0;
    margin-bottom: 30px;
  }
}
.main-img-library .il-info {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: #787878;
  text-align: left;
}
@media only screen and (max-width: 39.9375em) {
  .main-img-library .il-info {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    clear: both;
    vertical-align: middle;
  }
}
.main-img-library #scroll-controls {
  width: 352px;
  height: 50px;
  position: relative;
  clear: left;
  float: left;
  display: inline-block;
  text-align: center;
  padding: 20px 0;
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library #scroll-controls {
    height: 30px;
    width: 100%;
  }
}
@media only screen and (max-width: 29.9375em) {
  .main-img-library #scroll-controls {
    padding: 20px 0;
  }
}
.main-img-library #scroll-controls img {
  width: 25px;
  color: pink;
}
.main-img-library #scroll-controls #nav {
  display: inline-block;
}
.main-img-library #scroll-controls #nav span:hover {
  cursor: pointer;
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library #scroll-controls #nav {
    display: none;
  }
}
.main-img-library #scroll-controls #nav .nav-button {
  margin: 0 5px 0 5px;
  background-color: white;
  border: 1px #616161 solid;
  display: inline-block;
  border-radius: 100%;
  width: 10px;
  height: 10px;
}
.main-img-library #scroll-controls #nav .nav-button.nav-active {
  background-color: #3a3a3a;
  border: 1px #3a3a3a solid;
}
.main-img-library #scroll-controls .up-caret,
.main-img-library #scroll-controls .down-caret,
.main-img-library #scroll-controls .left-caret,
.main-img-library #scroll-controls .right-caret {
  color: #006e91;
  height: 0;
  display: inline-block;
  margin-right: 10px;
  outline: none;
  -moz-transform: scale(0.9999);
}
.main-img-library #scroll-controls .up-caret {
  width: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 16px solid;
  margin-right: 10px;
  visibility: hidden;
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library #scroll-controls .up-caret {
    display: none;
  }
}
.main-img-library #scroll-controls .down-caret {
  width: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 16px solid;
  margin-left: 10px;
  visibility: hidden;
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library #scroll-controls .down-caret {
    display: none;
  }
}
.main-img-library #scroll-controls .left-caret {
  width: 25px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 16px solid #006e91;
  margin-right: 25px;
}
@media only screen and (min-width: 62.5em) {
  .main-img-library #scroll-controls .left-caret {
    display: none;
  }
}
@media only screen and (max-width: 29.9375em) {
  .main-img-library #scroll-controls .left-caret {
    width: 40px;
  }
}
.main-img-library #scroll-controls .right-caret {
  width: 25px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 16px solid #006e91;
  margin-left: 25px;
  margin-right: 0;
}
@media only screen and (min-width: 62.5em) {
  .main-img-library #scroll-controls .right-caret {
    display: none;
  }
}
@media only screen and (max-width: 29.9375em) {
  .main-img-library #scroll-controls .right-caret {
    width: 40px;
  }
}
.main-img-library .top-wrapper {
  overflow: auto;
}
.main-img-library #nav-control {
  display: block;
  position: relative;
  margin-top: 50px;
  width: 100%;
  height: 190px;
  border-radius: 3px;
  margin-bottom: 35px;
  padding-bottom: 8px;
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library #nav-control {
    margin-top: 0;
    height: 340px;
  }
}
@media only screen and (max-width: 39.9375em) {
  .main-img-library #nav-control {
    height: 500px;
  }
}
@media only screen and (max-width: 29.9375em) {
  .main-img-library #nav-control {
    height: 650px;
  }
}
.main-img-library #nav-control #img-ctrl-link {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  height: 100%;
  padding-top: 35px;
  /*.home-link{
            .camera-wrapper{
               margin-top: 8px;
               width: 102px;
               height: 71px;
               margin-left: auto;
               margin-right: auto;
               position: relative;
               background-color: rgb(230,230,230);
               outline: rgb(180,180,180) solid 1px;
               border-radius: 2px;
               img{
                  width: 50px;
                  height: 50px;
               }
               p{
                  padding-top: 10px;
               }
            }
             &:hover{
               .camera-wrapper{
                  outline: 0;
               }
            }   
        }*/
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library #nav-control #img-ctrl-link {
    margin-top: 2%;
  }
}
@media only screen and (max-width: 39.9375em) {
  .main-img-library #nav-control #img-ctrl-link {
    margin-top: 5%;
  }
}
.main-img-library #nav-control #img-ctrl-link .img-index {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  margin-right: 5px;
  width: 120px;
  border-radius: 3px;
  background-color: #e6e6e6;
  height: 120px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library #nav-control #img-ctrl-link .img-index {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 39.9375em) {
  .main-img-library #nav-control #img-ctrl-link .img-index {
    margin-left: 14px;
    margin-right: 14px;
  }
}
.main-img-library #nav-control #img-ctrl-link .img-index:hover {
  background-color: #0081ab;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.main-img-library #nav-control #img-ctrl-link .img-index:hover p {
  color: #e6e6e6;
}
.main-img-library #nav-control #img-ctrl-link .img-index img {
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  height: 70px;
  border-radius: 2px;
  cursor: pointer;
}
.main-img-library #nav-control #img-ctrl-link .img-index p {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-weight: 400;
  font-size: 14px;
  color: #646464;
  padding: 0;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 90px;
}
.main-img-library #nav-control #img-ctrl-link .img-index .single-line {
  margin-top: 18px;
}
.main-img-library #nav-control #img-ctrl-link .filler {
  visibility: hidden;
  z-index: 0;
  height: 120px;
  width: 120px;
}
.main-img-library #nav-control #img-ctrl-link .active-img {
  background-color: #0081ab;
}
.main-img-library #nav-control #img-ctrl-link .active-img p {
  color: #e6e6e6;
}
.main-img-library #nav-control #img-ctrl-link .home-link .camera-wrapper {
  margin-top: 8px;
  margin-bottom: 10px;
  width: 100px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: #c8c8c8;
  outline: #b4b4b4 solid 1px;
  border-radius: 2px;
}
.main-img-library #nav-control #img-ctrl-link .home-link .camera-wrapper img {
  margin-top: 3px;
  width: 65px;
  height: 65px;
}
.main-img-library #nav-control #img-ctrl-link .home-link:hover .camera-wrapper {
  outline: 0;
}
.main-img-library .thumbnails {
  width: 362px;
  height: 550px;
  float: left;
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: 20px;
}
@media only screen and (min-width: 62.5em) {
  .main-img-library .thumbnails {
    border-right: 3px #e2e2e2 solid;
  }
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library .thumbnails {
    width: 100%;
    height: 100%;
    display: block;
    overflow-y: hidden;
    margin-bottom: 5px;
  }
}
.main-img-library .thumbnails .il-active {
  border: solid 3px #0095c4;
}
.main-img-library .thumbnails ul {
  list-style: none;
  margin-bottom: 1.5em;
  padding: 0;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library .thumbnails ul {
    overflow: auto;
    white-space: nowrap;
    margin: 0 4.167% 0 4.167%;
  }
}
.main-img-library .thumbnails li {
  display: inline;
  width: 95px;
  height: 95px;
  padding: 0 10px 25px 10px;
  float: left;
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library .thumbnails li {
    float: none;
    max-width: 95px;
    margin: 0 auto;
    padding: 0 0 0 0;
  }
}
.main-img-library .thumbnails a {
  outline: none;
}
.main-img-library .thumbnails img {
  max-width: 95px;
  max-height: 95px;
  border: solid 3px #e2e2e2;
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library .thumbnails img {
    max-width: 100%;
    max-height: 70px;
  }
}
@media only screen and (max-width: 39.9375em) {
}
@media only screen and (max-width: 29.9375em) {
  .main-img-library .thumbnails img {
    max-height: 60px;
  }
}
@media only screen and (max-width: 22.4375em) {
  .main-img-library .thumbnails img {
    max-height: 55px;
  }
}
.main-img-library .main-image {
  display: inline-block;
  overflow: hidden;
  margin: 23px 0 0 0;
  padding: 0 0 20px 0;
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library .main-image {
    max-width: 600px;
    clear: left;
    display: block;
    margin: 0 auto;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 39.9375em) {
  .main-img-library .main-image {
    max-width: 99%;
  }
}
.main-img-library .main-image img.placeholder {
  max-width: 600px;
  max-height: 527px;
  box-shadow: 0px 1px 7px 0px #666;
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library .main-image img.placeholder {
    max-height: 480px;
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 39.9375em) {
  .main-img-library .main-image img.placeholder {
    max-width: 99%;
  }
}
@media only screen and (max-width: 29.9375em) {
  .main-img-library .main-image img.placeholder {
    max-height: 380px;
  }
}
@media only screen and (max-width: 22.4375em) {
  .main-img-library .main-image img.placeholder {
    max-height: 225px;
  }
}
.main-img-library .main-image h3 {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  margin: 0;
}
.main-img-library .main-image a {
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  outline: none;
  margin: 0;
  padding: 0;
}
.main-img-library .main-image p {
  color: #787878;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  margin: 0;
  line-height: 1.5;
}
.main-img-library .main-image .main-info {
  max-width: 600px;
  margin-top: 10px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library .main-image .main-info {
    text-align: center;
  }
}
.main-img-library .main-image #main-copyright,
.main-img-library .main-image #main-message {
  font-size: 12px;
  line-height: 1.5;
}
.main-img-library .main-image #main-credit {
  font-size: 14px;
  line-height: 2.0;
}
.main-img-library .main-image #main-caption {
  line-height: 1.3;
  max-width: 600px;
}
@media only screen and (max-width: 62.4375em) {
  .main-img-library .main-image #main-caption {
    display: block;
    margin: 0 auto;
  }
}
/* ==========================================================================
   MODEL RELEASE SIDEBAR
   ========================================================================= */
.model-release {
  position: relative;
  background: #ffffff;
  border-radius: 3px;
  overflow: hidden;
  margin: 24px 0;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 39.9375em) {
  .model-release {
    display: none;
  }
}
.model-release .heading {
  color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  height: 18px;
  background: #ef7000;
  padding: 10px 15px 0;
}
@media only screen and (max-width: 47.9375em) {
  .model-release .heading {
    padding: 10px 5px 0 5px;
    font-size: 10px;
  }
}
.model-release p {
  margin: 15px 15px 15px 15px;
}
.model-sticky {
  width: 16.67%;
  max-width: 200px;
  position: fixed;
  top: 72px;
  z-index: 500;
  -webkit-transform: translateZ(0);
}
.model-bottom {
  width: 16.67%;
  max-width: 200px;
  position: absolute;
  z-index: 500;
  -webkit-transform: translateZ(0);
}
.space-list {
  margin-left: 10px;
}
.space-list span {
  font-weight: bold;
}
.lt-ie9 .main-image {
  max-width: 600px;
}
.lt-ie9 .library-list h5 {
  background: #000000;
  filter: alpha(opacity=70);
}
.main-wide {
  /*
	@media @gt-768 {
		margin-left: 2.083333333333% !important;
	}
*/
}
@media only screen and (max-width: 39.9375em) {
  .main-wide {
    margin-left: 4.6875% !important;
  }
}
@media only screen and (min-width: 40em) {
  .main-wide {
    width: 66.66%;
    margin-left: 4.17%;
  }
}
.brix-font h1,
.brix-font h2 {
  font-family: "BrixSansBold";
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .8px;
  color: #000000;
}
.brix-font h1 span,
.brix-font h2 span {
  font-family: "BrixSansRegular";
  font-weight: normal;
}
.brix-font h2 {
  font-size: 1.75rem;
}
.brix-font h3 {
  text-transform: normal;
  color: #006a96;
  font-family: "BrixSansBold";
  font-weight: normal;
  letter-spacing: 1px;
}
.brix-font h4 {
  font-family: "BrixSansBold";
  color: #000000;
  font-style: normal;
  font-weight: normal;
  font-size: 1em;
  margin: 0;
}
.brix-font h5 {
  font-family: "BrixSansBold";
  font-weight: normal;
}
.brix-font b {
  font-family: "BrixSansBold";
  font-weight: normal;
}
.brix-font p {
  font-family: "BrixSansRegular";
}
.brix-font hr {
  margin: 2em 0;
  -webkit-margin-before: 2em;
  -webkit-margin-after: 2em;
  -webkit-margin-start: auto;
  -webkit-margin-end: auto;
}
.brix-font li {
  font-family: "BrixSansRegular";
}
figure.hero {
  position: relative;
  width: 100%;
  text-align: left;
}
figure.hero p {
  position: absolute;
  top: 25%;
  left: 1em;
  width: 100%;
  color: #fff;
  font-family: "BrixSansBold";
  font-size: 3rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .8px;
  line-height: 2.75rem;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
}
@media only screen and (max-width: 39.9375em) {
  figure.hero p {
    left: 5%;
  }
}
.sub-intro p {
  font-size: 1.25em;
  line-height: 1.5em;
  letter-spacing: .5px;
  color: #747678;
}
.clearfix {
  clear: both;
}
.brand-left {
  float: left;
}
.brand-right {
  float: right;
}
.main-blue {
  background-color: #182B49;
}
.main-blue2 {
  background-color: #006a96;
}
.main-orange {
  background-color: #c69214;
}
.main-white {
  background-color: #ffffff;
  border: 1px solid #cbcbcb;
}
.main-yellow {
  background-color: #ffcd00;
}
.web-dark-blue {
  background-color: #182b49;
}
.web-light-gray {
  background-color: #afa9a0;
}
.accent-blue {
  background-color: #00c6d7;
}
.accent-green {
  background-color: #6e963b;
}
.accent-yellow {
  background-color: #f3e500;
}
.accent-orange {
  background-color: #fc8900;
}
.neutral-black {
  background-color: #000000;
}
.neutral-gray {
  background-color: #747678;
}
.neutral-gray2 {
  background-color: #b6b1a9;
}
.metallic {
  background-color: #817551;
}
.circle {
  border-radius: 60%;
  width: 70px;
  height: 70px;
}
.circle + p {
  /* very small text */
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  font-weight: 200;
  margin-top: 8px;
}
.container {
  clear: both;
  padding-top: 2em;
}
@media only screen and (max-width: 58.6875em) {
  .container h2:first-child {
    margin-top: 0;
  }
}
@media only screen and (max-width: 58.6875em) {
  .l-col h3:first-child {
    margin-top: 0;
  }
}
@media only screen and (min-width: 58.75em) {
  .l-col {
    float: left;
    width: 25%;
    text-align: right;
    padding-right: 20px;
    border-right: 1px solid #ffcd00;
  }
}
@media only screen and (min-width: 58.75em) {
  .r-col {
    float: right;
    width: 70%;
    margin-top: -32px;
  }
}
.column {
  width: 32%;
  border-right: 1px solid #ffcd00;
  padding-right: 2em;
}
@media only screen and (max-width: 56.1875em) {
  .column {
    min-height: 170px;
  }
}
@media only screen and (max-width: 29.9375em) {
  .column {
    width: 100%;
    min-height: 50px !important;
    border-right: none;
  }
}
.l-crop {
  float: left;
  width: 45%;
}
@media only screen and (max-width: 29.9375em) {
  .l-crop {
    width: 100%;
  }
}
.r-crop {
  float: right;
  width: 45%;
}
@media only screen and (max-width: 29.9375em) {
  .r-crop {
    width: 100%;
  }
}
figure .seal {
  width: 60%;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
}
@media only screen and (max-width: 47.9375em) {
  figure .seal {
    width: 90%;
  }
}
figure .medicine {
  width: 90%;
}
@media only screen and (min-width: 48em) {
  figure .medicine {
    width: 53%;
    float: left;
  }
}
figure .skaggs {
  width: 73%;
}
@media only screen and (min-width: 48em) {
  figure .skaggs {
    width: 46%;
    float: right;
  }
}
figure .triton {
  width: 50%;
}
@media only screen and (min-width: 48em) {
  figure .triton {
    width: 30%;
    float: left;
  }
}
figure .athletics {
  width: 60%;
}
@media only screen and (min-width: 48em) {
  figure .athletics {
    width: 40%;
    float: left;
  }
}
figure .alumni {
  width: 25%;
}
@media only screen and (max-width: 47.9375em) {
  figure .alumni {
    width: 40%;
  }
}
@media only screen and (min-width: 48em) {
  figure .library {
    width: 60%;
  }
}
@media only screen and (min-width: 48em) {
  figure .scripps {
    width: 60%;
  }
}
@media only screen and (min-width: 48em) {
  figure .rady {
    width: 60%;
  }
}
figure .school-policy {
  width: 20%;
}
@media only screen and (max-width: 29.9375em) {
  figure .school-policy {
    width: 40%;
  }
}
figure .rotate {
  padding: 2em 0 0 2em;
}
@media only screen and (max-width: 29.9375em) {
  figure .rotate {
    padding-left: 0;
  }
}
figure .combine {
  padding: 2em 0 0 2em;
}
@media only screen and (max-width: 29.9375em) {
  figure .combine {
    padding-left: 0;
  }
}
figure .everyday,
figure .formal,
figure .bright,
figure .monochromatic {
  width: 80%;
}
h3.titleText {
  font-size: 1.5rem;
  color: #00c6d7;
}
.content-container {
  clear: both;
  position: relative;
  padding-top: 60px;
  padding-bottom: 0px;
}
.contain-heading {
  position: absolute;
  top: 0%;
  left: 0%;
  color: #000000;
  height: 80px;
  overflow: hidden;
}
.visible-heading {
  font-family: "BrixSansBold", sans-serif;
  font-weight: 600;
  overflow: hidden;
  height: 60px;
  padding: 0 40px;
}
.visible-heading:before {
  content: '[';
  left: 0;
  line-height: 46px;
}
.visible-heading:after {
  content: ']';
  right: 0;
  line-height: 46px;
}
.visible-heading:after,
.visible-heading:before {
  position: absolute;
  top: 0%;
  color: #b6b1a9;
  font-size: 3rem;
}
.visible-heading p {
  font-family: "BrixSansBold", sans-serif;
  font-weight: normal;
  font-size: 3rem;
  display: inline;
  float: left;
  line-height: 56px;
  margin: 0;
}
@media (max-width: 680px) {
  .visible-heading p {
    font-size: 1.75rem;
  }
}
.visible-heading ul {
  margin-top: 0;
  padding-left: 175px;
  text-align: left;
  list-style: none;
  -webkit-animation-name: change;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-name: change;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
@media (max-width: 680px) {
  .visible-heading ul {
    padding-left: 95px;
  }
}
.visible-heading ul li {
  font-family: "BrixSansBold", sans-serif;
  font-weight: normal;
  font-size: 3rem;
  color: #006a96;
  line-height: 56px;
  margin: 0;
}
@media (max-width: 680px) {
  .visible-heading ul li {
    font-size: 1.75rem;
  }
}
@-webkit-keyframes opacity {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes change {
  0%,
  12%,
  100% {
    transform: translateY(0);
  }
  17%,
  29% {
    transform: translateY(-25%);
  }
  34%,
  46% {
    transform: translateY(-50%);
  }
  51%,
  63% {
    transform: translateY(-75%);
  }
  68%,
  80% {
    transform: translateY(-50%);
  }
  85%,
  97% {
    transform: translateY(-25%);
  }
}
@keyframes opacity {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes change {
  0%,
  12%,
  100% {
    transform: translateY(0);
  }
  17%,
  29% {
    transform: translateY(-25%);
  }
  34%,
  46% {
    transform: translateY(-50%);
  }
  51%,
  63% {
    transform: translateY(-75%);
  }
  68%,
  80% {
    transform: translateY(-50%);
  }
  85%,
  97% {
    transform: translateY(-25%);
  }
}
h3.sub-heading {
  font-family: "BrixSansBold";
  color: #000000;
  text-transform: capitalize;
  font-weight: normal;
  font-style: normal;
  margin-top: -5px;
}
h3.sub-heading span {
  font-family: "BrixSansRegular";
  font-weight: normal;
}
div.logo-color-container {
  padding: 2em 0;
}
div.logo-usage {
  width: 60%;
}
@media only screen and (max-width: 29.9375em) {
  div.logo-usage {
    width: 70%;
  }
}
div.logo-colors {
  width: 35%;
}
@media only screen and (max-width: 29.9375em) {
  div.logo-colors {
    width: 25%;
  }
}
@media (min-width: 1300px) {
  .img-align {
    margin-left: -135px;
  }
}
@media only screen and (max-width: 74.9375em) {
  .img-align {
    margin-left: -30px;
  }
}
@media only screen and (max-width: 47.9375em) {
  .img-align {
    margin-left: -10px;
  }
}
.seal-logo {
  width: 50%;
}
.circle + p {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.card {
  width: 46%;
  margin: 1em 0;
}
.card figcaption {
  /* small subheads, notes, etc. */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "proxima-nova-condensed", Helvetica, Arial, sans-serif;
  padding-bottom: 15px;
  font-weight: normal;
}
.card figure figcaption {
  font-family: "BrixSansRegular";
  font-weight: normal;
}
.color-palette {
  float: left;
  padding-right: 60px;
  margin-bottom: 1.125rem;
}
.color-palette h4 {
  margin-top: 0;
  margin-bottom: 15px;
}
.color-palette p {
  margin-bottom: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  line-height: 1.125rem;
}
@media only screen and (max-width: 62.4375em) {
  .element-spacing {
    width: 50%;
    padding-right: 0;
  }
}
.padding-left-none {
  padding-left: 0;
}
.circle-lg {
  width: 112px;
  height: 112px;
}
.circle-md {
  width: 75px;
  height: 75px;
}
p.centered {
  text-align: center;
}
h4.color-spacing {
  margin-bottom: 15px;
}
h4.color-spacing + .color-palette {
  margin-bottom: 3em;
}
.samples {
  width: 50%;
  margin: 2em 0;
}
@media only screen and (max-width: 29.9375em) {
  .samples {
    width: 100%;
  }
}
.samples h4 {
  padding-bottom: 1em;
}
.sample {
  border: 1px solid #ccc;
  padding: 30px;
}
div.sidebar,
div#sn,
footer#sf {
  font-style: normal;
}
.graphic-treatment {
  font-style: italic;
  font-size: .85rem;
  padding-bottom: 3.5em;
}
.palette {
  margin: 0 2em;
}
@media only screen and (max-width: 29.9375em) {
  .palette:first-child {
    margin-left: 0;
  }
}
@media only screen and (max-width: 29.9375em) {
  .palette:nth-child(3) {
    margin-left: 0;
  }
}
.trident {
  width: 30%;
}
@media only screen and (max-width: 56.1875em) {
  .trident {
    width: 100%;
  }
  .trident figure {
    width: 40%;
  }
}
.library-graphic {
  width: 30%;
}
@media only screen and (max-width: 56.1875em) {
  .library-graphic {
    width: 100%;
  }
  .library-graphic figure {
    width: 40%;
  }
}
li.brand {
  list-style: none;
  font-family: "BrixSansBold";
}
ol.alpha {
  list-style-type: upper-alpha;
}
.references {
  padding-top: 2em;
}
.references + p {
  margin-top: 0;
}
.l-contact {
  float: left;
  width: 40%;
}
@media only screen and (max-width: 39.9375em) {
  .l-contact {
    width: 100%;
  }
}
.r-contact {
  float: right;
  width: 40%;
}
@media only screen and (max-width: 39.9375em) {
  .r-contact {
    width: 100%;
  }
}
p.downloads {
  margin-top: 0;
}
ul.download-links li {
  margin: 0;
}
/*----- Accordion -----*/
.accordion,
.accordion * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.accordion {
  overflow: hidden;
  border: 1px solid #eee;
  width: 100%;
  margin-bottom: 5%;
}
.accordion p,
.accordion h2 {
  margin: 15px;
}
.accordion img {
  width: 100%;
}
/*----- Section Titles -----*/
.accordion-section-title {
  width: 100%;
  padding: 15px;
  display: inline-block;
  border-bottom: 1px solid #1a1a1a;
  background: #182b49;
  transition: all linear 0.15s;
  color: #fff;
}
.accordion-section-title.active,
.accordion-section-title:hover {
  text-decoration: none;
  color: #ffcd00;
}
.accordion-section:last-child .accordion-section-title {
  border-bottom: none;
}
/*----- Section Content -----*/
.accordion-expand {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  display: none;
}
.broad-brand {
  width: 100%;
  border-top: 1px solid #eee;
}
.broad-brand h2 {
  text-align: center;
}
.broad-brand .landing-page-thumb-desc {
  display: inline-block;
  width: 65%;
  vertical-align: top;
  margin: 0px;
}
.broad-brand .landing-page-thumb {
  margin-bottom: 20px;
  margin-right: 5%;
  display: inline-block;
  width: 25%;
}
.broad-brand .landing-page-thumb a img {
  width: 100%;
  max-width: 200px;
  max-height: 200px;
}