@charset "UTF-8";
/* Table of Content
==================================================
	#Normalize
	#Typography
	#Basic Styles
	#Links
	#Lists
	#Images
	#Misc
	#MSU Masthead 
	#Universal Search Tool
	#Desktop/Responsive Navigation
	#Example Site Styles Content
	#Standard Footer 
	#Grid Based Column Widths
	#Additional Media Queries
	#Print Styles*/
/* #Bourbon mixins - Must come before all imports
================================================== */
/* #Normalize 
================================================== */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }
  a:active, a:hover {
    outline: 0; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
  text-transform: none; }

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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.
 */
button, html input[type="button"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }
  input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  input[type="checkbox"], input[type="radio"] {
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */ }
  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto; }
  input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box; }
    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
/**
 * 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 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

/* #Basic Styles
================================================== */
/* Custom Mixins */
/* @include box-shadow(1px,1px,1px,0, #fff, true); */
/* Descriptive Typefaces */
/* Functional Typefaces */
/* Descriptive Colors */
/* Functional Colors */
a {
  color: #097541;
  text-decoration: none;
  outline: 0; }
  a:visited {
    color: #097541;
    text-decoration: none;
    outline: 0; }
  a:hover, a:focus {
    color: #0b874b;
    text-decoration: underline; }

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

.hide {
  position: absolute;
  left: -9999px; }

/* #Typography
================================================== */
/* Custom Mixins */
/* @include box-shadow(1px,1px,1px,0, #fff, true); */
/* Descriptive Typefaces */
/* Functional Typefaces */
/* Descriptive Colors */
/* Functional Colors */
a {
  color: #097541;
  text-decoration: none;
  outline: 0; }
  a:visited {
    color: #097541;
    text-decoration: none;
    outline: 0; }
  a:hover, a:focus {
    color: #0b874b;
    text-decoration: underline; }

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

.hide {
  position: absolute;
  left: -9999px; }

h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-weight: bold;
  text-transform: uppercase;
  font-weight: 500; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

h1 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 8px;
  margin-top: 0; }
  h1 a {
    text-decoration: none; }

h2 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 8px;
  text-transform: none !important; }
  h2 a {
    text-decoration: none; }

h3, caption {
  font-size: 13.5px;
  line-height: 18px;
  margin-bottom: 8px; }
  h3 a, caption a {
    text-decoration: none; }

h4 {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 8px; }
  h4 a {
    text-decoration: none; }

h5 {
  font-size: 10px;
  line-height: 13px;
  margin-bottom: 8px; }
  h5 a {
    text-decoration: none; }

h6 {
  font-size: 7.5px;
  line-height: 10px;
  margin-bottom: 8px; }
  h6 a {
    text-decoration: none; }

.subheader {
  color: #777; }

p {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 20px 0; }
  p img {
    margin: 10; }
  p.lead {
    font-size: 21px;
    line-height: 27px;
    color: #777; }

em {
  font-style: italic; }

small {
  font-size: 80%; }

/*    Blockquotes  */
blockquote {
  font-size: 14px;
  line-height: 20px;
  color: #666;
  font-style: italic;
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd; }
  blockquote p {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    font-style: italic; }
  blockquote cite {
    display: block;
    font-size: 12px;
    color: #555; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a {
      color: #555; }
      blockquote cite a:visited {
        color: #555; }

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

.photo-callout .text {
  color: #fff;
  font-size: 12px;
  line-height: 16px; }

.right-callout {
  font-size: 12px;
  line-height: 18px; }
  .right-callout h3 {
    font-size: 13.5px;
    font-weight: 600;
    line-height: 16px;
    color: #18453b;
    margin-top: 0;
    margin-bottom: 15px; }
  .right-callout .link-callout {
    font-weight: bold; }
    .right-callout .link-callout ul li {
      margin-top: 2px; }
  .right-callout .featured-link-callout p {
    color: #000;
    font-size: 14px;
    line-height: 18px; }
  .right-callout .featured-link-callout h3 {
    text-transform: uppercase; }
    .right-callout .featured-link-callout h3 a {
      color: #000;
      text-decoration: none; }
    .right-callout .featured-link-callout h3 a:visited {
      color: #000;
      text-decoration: none; }

.footer-featured-links h3 {
  font-weight: 600;
  margin-bottom: 15px; }
  @media (max-width: 320px) {
    .footer-featured-links h3 {
      font-size: 13px; } }
.footer-featured-links p {
  line-height: 18px;
  color: #000; }
  @media (max-width: 320px) {
    .footer-featured-links p {
      font-size: 13px; } }

@media (max-width: 320px) {
  .footer-featured-links.sixteen.columns {
    padding: 0 !important; } }

.site-name h1 {
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  text-shadow: 2px 2px 5px #333333;
  line-height: 22px; }
  .site-name h1 span {
    font-size: 12px;
    display: inline-block; }
  @media (min-width: 375px) {
    .site-name h1 {
      font-size: 17px; } }
  @media (min-width: 871px) {
    .site-name h1 {
      font-size: 24px;
      line-height: 24px; }
      .site-name h1 span {
        font-size: 18px;
        display: inline-block; } }
  @media (min-width: 960px) {
    .site-name h1 {
      font-size: 28px;
      line-height: 24px; }
      .site-name h1 span {
        font-size: 18px;
        display: inline-block; } }

#main-footer-nav li a {
  font-size: 12px; }
#main-footer-nav li:last-child {
  border-right: 0px !important; }

footer #copyright-text p {
  font-size: 10px;
  line-height: 12px; }

#social-news h3 {
  font-size: 14px;
  color: #000;
  font-weight: 300;
  line-height: 14px; }
#social-news p {
  line-height: 16px; }

/* #Lists
================================================== */
ul, ol {
  margin-bottom: 20px; }

ol {
  list-style: decimal;
  margin-left: 30px; }

ul.square, ul.circle, ul.disc {
  margin-left: 30px; }
ul.square {
  list-style: square outside; }
ul.circle {
  list-style: circle outside; }
ul.disc {
  list-style: disc outside; }
ul ul, ul ol {
  margin: 4px 0 5px 30px;
  font-size: 90%; }

ol ol, ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%; }

ul ul li, ul ol li {
  margin-bottom: 6px; }

ol ol li, ol ul li {
  margin-bottom: 6px; }

li {
  line-height: 18px;
  margin-bottom: 12px; }

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

#main-content ul li {
  font-size: 14px; }

/* #Images
================================================== */
img.scale-with-grid {
  max-width: 100%;
  height: auto; }

/* #MSU Masthead
================================================== */
#msu-masthead {
  height: 60px; }
  #msu-masthead img {
    padding-top: 12px;
    max-width: 304px;
    width: 100%; }

.u-header-column {
  width: 46%;
  float: left;
  position: relative; }

#msu-masthead img.print-msugraphic, #standard-footer-MSU-info img.print-msuwordmark {
  display: none; }

/* #MSU Masthead
================================================== */
.msu-logo {
  margin: 10px 0 0 10px;
  margin-left: 10px; }
  .msu-logo img {
    max-width: 220px; }
  @media (min-width: 450px) {
    .msu-logo img {
      max-width: 250px; } }
  @media (min-width: 960px) {
    .msu-logo img {
      display: none; } }

.site-logo {
  float: left;
  margin: 12px 10px 0 10px; }
  @media (min-width: 450px) {
    .site-logo {
      margin: 10px 10px 0 10px; } }
  @media (min-width: 960px) {
    .site-logo {
      margin: 4px 10px 0 0; } }
  .site-logo img {
    display: inline-block;
    width: 100%;
    max-width: 55px; }
    @media (min-width: 960px) {
      .site-logo img {
        max-width: 95px; } }

.site-name {
  width: 75%;
  float: left;
  position: relative;
  margin-top: 5px;
  text-transform: none; }
  @media (min-width: 450px) {
    .site-name {
      margin-top: 2px; } }
  .site-name h1 {
    margin: 0;
    padding: 0;
    text-transform: none; }
  @media (min-width: 960px) {
    .site-name {
      width: 50%;
      margin-top: 22px; } }

.u-search-column {
  top: -48px;
  width: 35%;
  float: right;
  position: relative; }
  @media (min-width: 960px) {
    .u-search-column {
      top: 8px;
      margin-right: 4px; } }

/* #Universal Search Tool
================================================== */
/* Custom Mixins */
/* @include box-shadow(1px,1px,1px,0, #fff, true); */
/* Descriptive Typefaces */
/* Functional Typefaces */
/* Descriptive Colors */
/* Functional Colors */
a {
  color: #097541;
  text-decoration: none;
  outline: 0; }
  a:visited {
    color: #097541;
    text-decoration: none;
    outline: 0; }
  a:hover, a:focus {
    color: #0b874b;
    text-decoration: underline; }

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

.hide {
  position: absolute;
  left: -9999px; }

#search-wrapper {
  margin-top: 15px; }

#search-tool-box {
  height: 28px;
  width: 319px;
  background: #fff;
  float: right;
  border: 1px solid #999;
  border-radius: 3px; }

#bottom-nav-universal-search-box {
  height: 28px;
  width: 319px;
  background: #fff;
  border: 1px solid #999;
  border-radius: 3px; }

#btn_search {
  height: 28px;
  width: 34px;
  background: white url(../images/icon-search.png) no-repeat center;
  cursor: pointer;
  outline: 0px none;
  border: 0px none;
  float: right;
  margin: 0 auto;
  text-indent: -9999px;
  text-transform: capitalize;
  border-radius: 0px 3px 3px 0px; }
  #btn_search:hover {
    box-shadow: inset 0 0px 60px rgba(0, 0, 0, 0.3); }

input#q {
  width: 252px;
  background-color: transparent;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  color: #666;
  font-size: 12px;
  font-weight: normal;
  float: left;
  height: 26px;
  outline: none;
  padding-left: 10px; }

@media (max-width: 960px) {
  #search-tool-box {
    width: 92%;
    margin: 0 4%; }

  input#q {
    width: auto; } }
@media (min-width: 960px) {
  #search-wrapper-mobile {
    display: none; } }
/* #Desktop/Responsive Navigation
================================================== */
/* Custom Mixins */
/* @include box-shadow(1px,1px,1px,0, #fff, true); */
/* Descriptive Typefaces */
/* Functional Typefaces */
/* Descriptive Colors */
/* Functional Colors */
a {
  color: #097541;
  text-decoration: none;
  outline: 0; }
  a:visited {
    color: #097541;
    text-decoration: none;
    outline: 0; }
  a:hover, a:focus {
    color: #0b874b;
    text-decoration: underline; }

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

.hide {
  position: absolute;
  left: -9999px; }

#home-icon a span {
  text-indent: none;
  background: transparent;
  color: white; }

.no-js .u-nav-btn {
  display: none; }

#outer-wrap {
  width: 100%;
  overflow: hidden; }

#inner-wrap {
  width: 100%;
  position: relative; }

.js-ready #inner-wrap {
  right: 0px;
  -webkit-transition: right .3s ease;
  transition: right .3s ease; }

.js-nav #inner-wrap {
  right: 300px;
  -webkit-transition: right .3s ease;
  transition: right .3s ease;
  position: fixed; }

.js-nav #dim-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #333333;
  opacity: .6;
  z-index: 5; }

#nav {
  height: 100%;
  position: absolute;
  top: 0;
  padding-top: 10px;
  background: #444; }

@media (min-width: 960px) {
  #nav {
    height: 22px;
    background: transparent;
    display: table;
    z-index: 200;
    position: relative;
    width: 100%;
    color: white;
    right: 0px; } }
#nav .close-btn {
  position: absolute;
  top: -3.75em;
  right: 1.875em; }

@media (min-width: 960px) {
  #nav .close-btn {
    display: none; } }
#nav ul {
  clear: both;
  padding-left: 0px; }

@media (min-width: 960px) {
  #nav ul {
    text-align: center;
    white-space: nowrap;
    display: table-row;
    height: 40px; } }
#nav ul li {
  position: relative; }

@media (min-width: 960px) {
  #nav ul li {
    border-top: 0px;
    display: table-cell;
    padding-right: 22px; } }
@media (min-width: 960px) {
  #nav ul li ul {
    display: none;
    height: auto; } }
@media (min-width: 960px) {
  #nav ul li ul li ul {
    display: none; } }
@media (min-width: 960px) {
  #nav > ul > li:first-child.level-one {
    padding-left: 126px; } }
#nav ul li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

@media (min-width: 960px) {
  #nav ul li:last-child {
    border-right: none;
    border-bottom: 0px; } }
#nav ul li a {
  padding: 14px 35px 14px 18px;
  color: #000; }

@media (min-width: 960px) {
  #nav ul li a {
    display: block;
    font-size: 14px;
    line-height: 1.28571em;
    font-weight: 300;
    outline: none;
    text-decoration: none;
    padding: 14px 7px 0px 2px;
    text-align: center;
    height: 19px; } }
@media (min-width: 960px) {
  #nav > ul {
    position: relative; } }
@media (min-width: 960px) {
  #nav > ul > li#home-icon {
    padding: 0px 10px 0 0; } }
@media (min-width: 960px) {
  #nav > ul > li.level-one > a:after {
    content: "";
    width: 22px;
    height: 40px;
    background: url(../images/main-menu-divider.png) no-repeat right top;
    position: absolute;
    display: inline-block;
    top: 4px;
    right: 12px; } }
@media (min-width: 960px) {
  #nav > ul > li:last-child.level-one > a:after {
    background: transparent; } }
#nav > ul > li.level-one > ul {
  display: none; }

@media (min-width: 960px) {
  #nav > ul > li.level-one > ul {
    position: absolute;
    top: 50px;
    left: 155px; } }
@media (min-width: 960px) {
  #nav > ul > li.level-one > ul > li {
    display: inline;
    width: auto;
    height: 15px;
    float: left;
    border-right: 1px solid #000; }

  #nav > ul > li.level-one > ul > li:last-child {
    border-right: none; }

  #nav > ul > li:nth-child(2).level-one > ul {
    margin-left: -154px; }

  #nav > ul > li:nth-child(3).level-one > ul {
    margin-left: -295px; }

  #nav > ul > li:nth-child(4).level-one > ul {
    margin-left: -460px; }

  #nav > ul > li:nth-child(5).level-one > ul {
    margin-left: -615px; }

  #nav > ul > li:nth-child(6).level-one > ul {
    margin-left: -887px; } }
#nav > ul > li.level-one > ul > li.level-two > ul {
  display: none; }

#nav > ul > li.level-one.current > ul {
  display: block;
  box-shadow: inset 10px 13px 8px -9px rgba(0, 0, 0, 0.2); }

@media (min-width: 960px) {
  #nav > ul > li.level-one.current > ul {
    width: 900px;
    box-shadow: none; } }
#nav > ul > li.level-one.current > ul > li > a {
  padding: 8px;
  height: auto; }

@media (min-width: 960px) {
  #nav > ul > li.level-one.current > ul > li > a {
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    color: #18453b;
    padding: 0 10px 0 24px; }

  #nav > ul > li.level-one.current > li > a:hover {
    text-decoration: underline; } }
@media (min-width: 960px) {
  #nav > ul > li.level-one.current > ul > li:last-child > a {
    border-right: none; } }
#nav > ul > li.level-one.current > ul > li.level-two.current > ul {
  display: block;
  margin: 0px;
  box-shadow: inset 10px 13px 8px -9px rgba(0, 0, 0, 0.3);
  border-left: 8px solid #636363; }

#nav > ul > li.level-one.current > ul > li.level-two.current > ul > li > a {
  padding: 12px 12px 12px 18px; }

#nav > ul > li > a {
  text-transform: uppercase; }

.js-ready #nav {
  right: -300px;
  width: 0px;
  box-shadow: inset 0.8em 0 0.8em -0.8em rgba(0, 0, 0, 0.5);
  -webkit-transition: right .3s, width 1s;
  transition: right .3s, width 1s; }

@media (min-width: 960px) {
  .js-ready #nav {
    position: relative;
    width: 100%;
    right: 0px;
    box-shadow: none;
    margin-bottom: 15px; } }
.js-nav #nav {
  right: 0px;
  width: 300px;
  -webkit-transition: right .3s ease;
  transition: right .3s ease;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 999;
  background: #272727;
  color: white;
  padding-top: 0px; }

#off-canvas-nav-wrapper {
  display: none; }

#off-canvas-nav-wrapper nav.dark-background {
  background: #272727; }

#off-canvas-nav-wrapper nav.dark-background ul li a {
  color: #fff; }

#off-canvas-nav-wrapper nav.dark-background #home-icon a span {
  color: #fff; }

#off-canvas-nav-wrapper nav.dark-background #off-canvas-sitename {
  border-top: 4px double #888; }

#off-canvas-nav-wrapper nav.dark-background #off-canvas-sitename a {
  color: #fff; }

#off-canvas-nav-wrapper nav.dark-background #off-canvas-close-btn > a {
  background: transparent url(../images/close-btn.png) 208px center no-repeat; }

#off-canvas-nav-wrapper nav.dark-background ul > li.level-one.current > ul {
  background: #3f3f3f;
  border-left: 8px solid #6e6e6e; }

#off-canvas-nav-wrapper nav.dark-background ul > li.level-one.current > ul > li.level-two.current > ul {
  background: #505050; }

#off-canvas-nav-wrapper nav.dark-background li.level-one, #off-canvas-nav-wrapper nav.dark-background li.level-two {
  background: transparent url("../images/down-chevron.png") 86% 20px no-repeat; }

#off-canvas-nav-wrapper nav.dark-background li.level-one.current, #off-canvas-nav-wrapper nav.dark-background li.level-two.current {
  background: transparent url("../images/up-chevron.png") 86% 20px no-repeat; }

#off-canvas-nav-wrapper nav.light-background {
  background: white; }

#off-canvas-nav-wrapper nav.light-background ul li a {
  color: #222; }

#off-canvas-nav-wrapper nav.light-background ul > li > ul li a {
  font-weight: 600; }

#off-canvas-nav-wrapper nav.light-background #home-icon a span {
  color: #222; }

#off-canvas-nav-wrapper nav.light-background #off-canvas-sitename {
  box-shadow: inset 0 1px 0 0 #888888, inset 1px 4px 0 0 white, inset 1px 5px 0 0 #888888; }

#off-canvas-nav-wrapper nav.light-background #off-canvas-sitename a {
  color: #222; }

#off-canvas-nav-wrapper nav.light-background #off-canvas-close-btn > a {
  background: transparent url(../images/close-btn-black.png) 208px center no-repeat; }

#off-canvas-nav-wrapper nav.light-background ul > li.level-one.current > ul {
  background: #cccccc;
  border-left: 8px solid #6e6e6e; }

#off-canvas-nav-wrapper nav.light-background ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

#off-canvas-nav-wrapper nav.light-background ul > li.level-one.current > ul > li.level-two.current > ul {
  background: #999999; }

#off-canvas-nav-wrapper nav.light-background li.level-one, #off-canvas-nav-wrapper nav.light-background li.level-two {
  background: transparent url("../images/down-chevron-black.png") 86% 20px no-repeat; }

#off-canvas-nav-wrapper nav.light-background li.level-one.current, #off-canvas-nav-wrapper nav.light-background li.level-two.current {
  background: transparent url("../images/up-chevron-black.png") 86% 20px no-repeat; }

#off-canvas-nav-wrapper nav ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0px;
  padding-right: 12px;
  background: transparent;
  width: 100%; }

#off-canvas-nav-wrapper nav ul li > ul > li {
  border-top: 0px; }

#off-canvas-nav-wrapper nav ul li > ul > li > a {
  border-bottom: 1px dotted #ccc;
  padding: 12px 12px 12px 2px !important;
  width: 240px;
  margin-left: 18px; }

#off-canvas-nav-wrapper nav ul li > ul > li > ul > li a {
  border-bottom: 1px dotted #ccc; }

#off-canvas-nav-wrapper nav ul li > ul > li > ul > li:last-child a {
  border-bottom: 0px; }

#off-canvas-nav-wrapper nav ul li > ul > li.level-two.current > a {
  border-bottom: 0px; }

#off-canvas-nav-wrapper nav ul li:last-child a {
  border-bottom: 0px; }

#off-canvas-nav-wrapper nav ul li a:hover {
  background: transparent; }

#off-canvas-nav-wrapper nav ul li a {
  height: 100%;
  width: 80%;
  display: block;
  text-decoration: none; }

#off-canvas-nav-wrapper nav ul li a:after {
  content: '';
  position: absolute;
  right: -20px; }

@media (min-width: 960px) {
  #off-canvas-menu-buttons-wrapper {
    display: none; } }
#off-canvas-menu-buttons-wrapper #off-canvas-sitename {
  width: 254px;
  float: left;
  line-height: 32px;
  padding: 16px 0px 8px 18px;
  margin-bottom: 6px;
  border-bottom: 1px solid #888;
  margin-left: 12px; }

#off-canvas-menu-buttons-wrapper #off-canvas-sitename a {
  color: white;
  font-family: georgia, serif;
  font-size: 32px;
  text-decoration: none; }

#off-canvas-menu-buttons-wrapper #off-canvas-close-btn > a {
  float: left;
  display: block;
  text-indent: -9999px;
  text-transform: capitalize;
  text-decoration: none;
  padding: 0px 8px;
  height: 42px;
  width: 100%; }

header.light-background .u-nav-btn {
  background: transparent url("../images/nav-icon-green.png") center right no-repeat; }

header.dark-background .u-nav-btn {
  background: transparent url("../images/nav-icon-green2.png") center right no-repeat; }

.u-nav-btn {
  position: absolute;
  top: -0.5em;
  right: .5em;
  display: block;
  width: 75px;
  height: 41px;
  padding: 0;
  border: 0;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  white-space: nowrap;
  text-indent: -9999px; }

.u-nav-btn:hover, .u-nav-btn:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

@media (min-width: 960px) {
  .u-nav-btn {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }
#static-footer-nav {
  display: block;
  background: #272727; }

@media (min-width: 960px) {
  #static-footer-nav {
    display: none; } }
#static-footer-nav ul {
  padding-left: 0px; }

#static-footer-nav ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0px;
  padding-right: 12px;
  background: transparent;
  width: 100%; }

#static-footer-nav ul li.level-one, #static-footer-nav ul li.level-two {
  background: transparent url("../images/down-chevron.png") 86% 20px no-repeat; }

#static-footer-nav ul li.level-two.current, #static-footer-nav ul li.level-one.current {
  background: transparent url("../images/up-chevron.png") 86% 20px no-repeat; }

#static-footer-nav ul li a {
  padding: 14px 0px 14px 18px;
  color: white;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block; }

#static-footer-nav ul li a:hover {
  background: transparent; }

#static-footer-nav ul > li.level-one > ul {
  display: none; }

#static-footer-nav ul > li.level-one > ul > li.level-two > ul {
  display: none; }

#static-footer-nav ul > ul {
  padding-top: 12px; }

#static-footer-nav ul > li.level-one.current > ul {
  display: block;
  margin: 0px;
  background: #3f3f3f;
  border-left: 8px solid #6e6e6e;
  box-shadow: inset 10px 13px 8px -9px rgba(0, 0, 0, 0.2); }

#static-footer-nav ul > li.level-one.current > ul > li {
  border-top: 0px; }

#static-footer-nav ul > li.level-one.current > ul > li > a {
  padding: 12px 12px 12px 2px !important;
  width: 86%;
  margin-left: 18px; }

@media (min-width: 470px) {
  #static-footer-nav ul > li.level-one.current > ul > li > a {
    width: 90%; } }
#static-footer-nav ul > li.level-one.current > ul > li:last-child a {
  border-bottom: 0px !important; }

#static-footer-nav ul > li.level-one.current > ul > li.level-two.current a {
  border-bottom: 0px; }

#static-footer-nav ul > li.level-one.current > ul > li.level-two.current > ul {
  display: block;
  margin: 0px;
  background: #505050;
  border-left: 8px solid #636363;
  box-shadow: inset 10px 13px 8px -9px rgba(0, 0, 0, 0.3); }

#static-footer-nav ul > li.level-one.current > ul > li.level-two.current > ul > li {
  border: 0px; }

#static-footer-nav ul > li.level-one.current > ul > li.level-two.current > ul > li > a {
  border-top: 0px;
  padding: 12px 12px 12px 2px !important;
  width: 86%;
  margin-left: 18px; }

@media (min-width: 470px) {
  #static-footer-nav ul > li.level-one.current > ul > li.level-two.current > ul > li > a {
    width: 90%; } }
#static-footer-nav ul > li.level-one.current > ul > li.level-two.current > ul > li:last-child a {
  border-bottom: 0px !important; }

#static-footer-nav ul > li.level-one.current > ul > li:last-child {
  border-bottom: 0px; }

#static-footer-nav #bottom-navigation {
  padding-top: 12px; }

#static-footer-nav #bottom-navigation > ul > li {
  text-transform: uppercase; }

#static-footer-nav #bottom-navigation > ul > li > ul > li {
  text-transform: none; }

#static-footer-nav #static-footer-menu {
  display: inline-block;
  padding-top: 12px;
  width: 100% !important; }

#static-footer-nav #static-footer-menu > div.static-footer-sitename {
  float: left;
  width: 97%;
  line-height: 16px;
  margin-top: 8px;
  border-bottom: 1px solid #888;
  padding: 12px 12px; }

#static-footer-nav #static-footer-menu > div.static-footer-sitename a {
  font-size: 32px;
  line-height: 32px;
  color: white;
  font-family: georgia, serif;
  text-decoration: none; }

nav#static-footer-nav.dark-background {
  background: #272727; }

nav#static-footer-nav.dark-background ul > li.level-one.current > ul > li > a {
  border-bottom: 1px dotted #ccc; }

nav#static-footer-nav.dark-background ul > li.level-one.current > ul > li.level-two.current > ul > li > a {
  border-bottom: 1px dotted #ccc; }

nav#static-footer-nav.dark-background #bottom-navigation {
  background: #272727; }

nav#static-footer-nav.dark-background ul li a {
  color: #fff; }

nav#static-footer-nav.dark-background #home-icon a span {
  color: #fff; }

nav#static-footer-nav.dark-background #static-footer-menu .static-footer-sitename {
  border-top: 4px double #888; }

nav#static-footer-nav.dark-background #static-footer-menu .static-footer-sitename a {
  color: #fff; }

nav#static-footer-nav.dark-background #off-canvas-close-btn > a {
  background: transparent url(../images/close-btn.png) 208px center no-repeat; }

nav#static-footer-nav.dark-background ul > li.level-one.current > ul {
  background: #3f3f3f;
  border-left: 8px solid #6e6e6e; }

nav#static-footer-nav.dark-background ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.1); }

nav#static-footer-nav.dark-background ul > li.level-one.current > ul > li.level-two.current > ul {
  background: #505050; }

nav#static-footer-nav.dark-background li.level-one, nav#static-footer-nav.dark-background li.level-two {
  background: transparent url("../images/down-chevron.png") 86% 20px no-repeat; }

nav#static-footer-nav.dark-background li.level-one.current, nav#static-footer-nav.dark-background li.level-two.current {
  background: transparent url("../images/up-chevron.png") 86% 20px no-repeat; }

nav#static-footer-nav.light-background {
  background: white; }

nav#static-footer-nav.light-background ul > li.level-one.current > ul > li > a {
  border-bottom: 1px dotted #222; }

nav#static-footer-nav.light-background ul > li.level-one.current > ul > li.level-two.current > ul > li > a {
  border-bottom: 1px dotted #222; }

nav#static-footer-nav.light-background #bottom-navigation {
  background: white; }

nav#static-footer-nav.light-background ul li a {
  color: #222; }

nav#static-footer-nav.light-background ul > li > ul li a {
  font-weight: 600; }

nav#static-footer-nav.light-background #home-icon a span {
  color: #222; }

nav#static-footer-nav.light-background #static-footer-menu .static-footer-sitename {
  border-top: 4px double #888; }

nav#static-footer-nav.light-background #static-footer-menu .static-footer-sitename a {
  color: #222; }

nav#static-footer-nav.light-background #off-canvas-close-btn > a {
  background: transparent url(../images/close-btn-black.png) 208px center no-repeat; }

nav#static-footer-nav.light-background ul > li.level-one.current > ul {
  background: #cccccc;
  border-left: 8px solid #6e6e6e; }

nav#static-footer-nav.light-background ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

nav#static-footer-nav.light-background ul > li.level-one.current > ul > li.level-two.current > ul {
  background: #999999; }

nav#static-footer-nav.light-background li.level-one, nav#static-footer-nav.light-background li.level-two {
  background: transparent url("../images/down-chevron-black.png") 86% 20px no-repeat; }

nav#static-footer-nav.light-background li.level-one.current, nav#static-footer-nav.light-background li.level-two.current {
  background: transparent url("../images/up-chevron-black.png") 86% 20px no-repeat; }

/* secondary nav */
@media (max-width: 460px) {
  #u-nav-top {
    display: none; } }
@media (max-width: 960px) {
  #u-nav-top {
    display: none; } }
@media (min-width: 961px) {
  #u-nav-top {
    display: table; }

  #u-nav-top .u-nav {
    margin: 0;
    padding: 10px 0 0 0;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    float: right; }

  #u-nav-top .u-nav ul {
    text-align: center;
    white-space: nowrap;
    display: table-row;
    *zoom: 1; }

  #u-nav-top .u-nav ul:before {
    content: "";
    display: table; }

  #u-nav-top .u-nav ul:after {
    content: "";
    display: table;
    clear: both; }

  #u-nav-top .u-nav li {
    display: inline-block;
    border-right: 1px solid #fff;
    display: table-cell; }

  #u-nav-top .u-nav li:last-child {
    border-right: none; }

  #u-nav-top .u-nav li a {
    margin: 0px 8px;
    display: block;
    color: #fff;
    font-size: 0.675em;
    line-height: 1em;
    font-weight: bold;
    outline: none;
    text-transform: uppercase;
    text-decoration: none; }

  #u-nav-top .u-nav li a:focus, #u-nav-top .u-nav li a:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.2); }

  #u-nav-top .u-nav li.is-active a {
    color: #fff; } }
#home-icon a span {
  display: inline-block;
  width: 30px;
  height: 13px;
  padding-left: 0;
  background: url(../images/sprite-ico-home.png) center 0 no-repeat;
  text-indent: none;
  text-transform: capitalize; }
  @media (min-width: 960px) {
    #home-icon a span {
      padding-left: 8px;
      text-indent: -9999px; } }

/* #Desktop/Responsive Navigation
================================================== */
#secondary-nav {
  display: table; }
  #secondary-nav ul {
    display: table-row; }
    #secondary-nav ul li {
      padding-right: 14px;
      padding-left: 14px;
      display: table-cell;
      border-right: 1px;
      border-right-style: solid; }
      #secondary-nav ul li:last-child {
        border-right: 0; }
      #secondary-nav ul li a {
        font-size: 12px;
        line-height: 20px;
        color: #666;
        font-weight: 300;
        text-transform: uppercase;
        color: #000102; }
      #secondary-nav ul li:after {
        content: "";
        width: 22px;
        height: 40px;
        background: url(../images/main-menu-divider.png) no-repeat right top;
        position: absolute;
        display: inline-block;
        top: 4px;
        right: 12px; }

/* #NSCL Site Styles Content 
================================================== */
.site-heading h1 {
  color: #18453b;
  font-size: 78px;
  line-height: 66px;
  letter-spacing: -1px;
  margin-top: 0px; }
@media (max-width: 960px) {
  .site-heading h1 {
    font-size: 50px;
    line-height: normal;
    line-height: 52px; } }

.columns.story-content {
  background: #e6e6e6;
  padding: 2% 50px; }

h1 span.small-site-heading {
  font-size: 26px;
  line-height: 26px; }

.story-heading h2 {
  color: #18453b;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 24px;
  line-height: 22px;
  font-family: "Gotham SSm A", "Gotham SSm B"; }

h2 span.story-subheading {
  text-transform: none;
  font-weight: 400;
  font-size: 24px;
  font-family: "Gotham SSm A", "Gotham SSm B"; }

.story-content h3 {
  margin-top: 0px; }

.greenbar {
  background: transparent;
  height: 26px; }
  @media (max-width: 460px) {
    .greenbar {
      display: none; } }
  @media (max-width: 870px) {
    .greenbar {
      display: none; } }

.sitename {
  padding-bottom: 28px; }
  @media (max-width: 960px) {
    .sitename {
      padding: 23px 0 26px 128px;
      background: #18453b; } }
  @media (max-width: 460px) {
    .sitename {
      padding: 23px 0 26px 100px; } }
  .sitename h1 {
    font-size: 1.2em;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 600;
    color: white;
    text-transform: uppercase;
    line-height: 1.4em;
    background: #18453b;
    margin: 0;
    padding: 0; }
    @media (max-width: 460px) {
      .sitename h1 {
        font-size: .79em;
        height: 30px; } }
    @media (min-width: 961px) {
      .sitename h1 {
        padding-left: 160px; } }

.sitelogo {
  top: 60px;
  position: absolute;
  z-index: 500;
  float: left;
  min-height: 1px;
  width: 100%;
  max-width: 142px;
  min-width: 100px;
  margin: 0 auto; }
  .sitelogo img {
    box-shadow: -2px 0px 10px 0px rgba(0, 0, 0, 0.22);
    width: 100%;
    max-width: 142px; }
    @media (min-width: 961px) {
      .sitelogo img {
        width: 100%; } }
    @media (max-width: 960px) {
      .sitelogo img {
        min-width: 99px;
        max-width: 99px;
        box-shadow: 4px 0px 10px 0px rgba(0, 0, 0, 0.44); } }
    @media (max-width: 460px) {
      .sitelogo img {
        min-width: 82px;
        max-width: 82px;
        box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.44); } }

.main-photo {
  margin-top: 15px; }
  @media (max-width: 960px) {
    .main-photo img {
      width: 100%; } }

.left-callout {
  overflow: hidden; }
  @media (max-width: 460px) {
    .left-callout {
      margin-left: 10px !important;
      padding: 0 !important; } }
  .left-callout img {
    width: 100%;
    max-width: 308px; }
  @media (max-width: 960px) {
    .left-callout {
      float: right;
      background: #fff; } }
  .left-callout p {
    padding: 0 25px; }

.right-callout {
  margin-top: 22px; }
  .right-callout .photo-callout {
    margin-top: 25px;
    margin-bottom: 20px; }
  @media (max-width: 460px) {
    .right-callout {
      margin: 0 !important;
      padding: 0 !important; } }

.text-callout {
  background-color: #ddd;
  padding: 10px 25px 5px 25px;
  margin-bottom: 20px; }
  @media (max-width: 960px) {
    .text-callout {
      width: 60%;
      float: left;
      margin-right: 20px;
      min-width: 300px; } }
  @media (max-width: 460px) {
    .text-callout {
      width: 100%; } }
  .text-callout ul {
    padding: 0; }
  .text-callout ul li {
    margin-bottom: 8px; }
  .text-callout ul li a {
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    color: #097541; }

.link-callout {
  background-color: #ddd;
  margin-top: 25px;
  margin-bottom: 20px;
  padding: 25px 25px 25px 25px; }
  .link-callout a {
    text-decoration: underline; }
  .link-callout ul {
    margin: 0 0 0 16px;
    padding: 0; }
  .link-callout li {
    line-height: 18px;
    margin: 0;
    padding: 0; }
  @media (max-width: 960px) {
    .link-callout {
      width: 60%;
      float: left;
      margin-right: 20px;
      min-width: 300px; } }
  @media (max-width: 460px) {
    .link-callout {
      width: 100%; } }

.featured-link-callout {
  background-color: #b7b58a;
  padding: 0;
  margin-top: 25px;
  margin-bottom: 20px;
  height: 150px; }
  .featured-link-callout h3 {
    margin-top: 20px; }
  @media (max-width: 960px) {
    .featured-link-callout {
      max-width: 400px; } }
  @media (max-width: 460px) {
    .featured-link-callout {
      min-width: 360px; } }
  .featured-link-callout img {
    float: left;
    padding-right: 20px; }
  .featured-link-callout .text {
    width: 50%;
    float: left; }
  .featured-link-callout .arrow {
    display: block;
    float: right;
    margin-top: 60px; }

aside#right-callout {
  overflow: hidden; }

.footer-featured-links .featured-link {
  background-color: #b7b58a;
  padding: 0 !important;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 10px;
  height: 150px; }
  .footer-featured-links .featured-link a, .footer-featured-links .featured-link a:visited {
    color: #000; }
  .footer-featured-links .featured-link .text {
    width: 50%;
    float: left;
    padding-top: 5px;
    margin-left: 20px; }
  .footer-featured-links .featured-link .arrow {
    display: block;
    height: 0;
    width: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #fff;
    display: block;
    float: right;
    margin: 70px 20px 0 0; }
  .footer-featured-links .featured-link .photo {
    padding-right: 0;
    padding: 0; }
  @media (max-width: 960px) {
    .footer-featured-links .featured-link {
      max-width: 400px; } }
  .footer-featured-links .featured-link img {
    float: left;
    padding-right: 0; }

@media (max-width: 450px) {
  .footer-featured-links .featured-link .text {
    width: 48%; }

  .footer-featured-links .featured-link {
    margin-right: 0; } }
@media (min-width: 961px) {
  div.featured-link.eight.columns:nth-child(even) {
    margin-right: 0;
    float: right; } }
div.featured-link.eight.columns {
  margin-bottom: 20px !important; }

.footer-gray-twocol {
  background-color: #ddd;
  padding: 5px 10px 20px 10px;
  margin-top: 20px;
  margin-bottom: 20px; }
  @media (max-width: 960px) {
    .footer-gray-twocol {
      padding: 5px 12px 12px 12px !important;
      margin-left: 12px !important;
      margin-right: 12px !important; } }

.footer-gray-twocol-right, .footer-gray-twocol-left {
  padding: 10px; }

.footer-gray-twocol-left {
  padding-left: 20px;
  margin: 0 !important; }

.footer-gray-twocol-right {
  border-left: 1px solid #18453b;
  padding-left: 30px;
  margin-left: 10px !important; }
  @media (max-width: 960px) {
    .footer-gray-twocol-right {
      border-left: none;
      margin-left: 0 !important; } }

.footer-gray-twocol-title {
  padding-left: 20px; }

.footer-gray-photo {
  background-color: #ddd;
  padding: 30px 10px 20px 10px;
  margin-top: 20px;
  margin-bottom: 20px; }
  .footer-gray-photo .footer-gray-photo-left {
    padding: 0 0 0 20px; }
    .footer-gray-photo .footer-gray-photo-left .photo img {
      max-width: 230px; }
    @media (min-width: 961px) {
      .footer-gray-photo .footer-gray-photo-left .photo {
        border-right: 1px solid #18453b;
        padding-top: 0; } }
    @media (max-width: 960px) {
      .footer-gray-photo .footer-gray-photo-left .photo {
        padding-top: 15px; } }
    .footer-gray-photo .footer-gray-photo-left .caption {
      width: 230px; }
  .footer-gray-photo .footer-gray-photo-right {
    padding-left: 10px;
    padding-right: 20px; }
    .footer-gray-photo .footer-gray-photo-right h3 {
      margin: 0;
      font-size: 18px;
      margin-bottom: 18px; }
    .footer-gray-photo .footer-gray-photo-right ul {
      list-style-type: disc; }
    .footer-gray-photo .footer-gray-photo-right ul, .footer-gray-photo .footer-gray-photo-right ol {
      margin-left: 0;
      padding-left: 20px; }
  @media (max-width: 960px) {
    .footer-gray-photo {
      padding: 5px 12px 12px 12px !important;
      margin-left: 12px !important;
      margin-right: 12px !important; } }

.photo-callout .photo {
  margin-top: 20px; }

.quick-links {
  position: absolute;
  background: url("../images/bg-quicklinks.png") top center no-repeat;
  top: 0;
  right: 0;
  width: 60px;
  height: 44px;
  z-index: 900; }

.quick-links a {
  margin-left: -40px;
  position: absolute;
  top: 0;
  right: 20px;
  width: 60px;
  height: 42px;
  text-indent: -9999em; }

.quick-links-drawer {
  width: 100%;
  margin-bottom: 0;
  left: 626px;
  padding: 0;
  position: relative;
  z-index: 900; }
  @media (max-width: 960px) {
    .quick-links-drawer {
      display: none; } }
  @media (max-width: 460px) {
    .quick-links-drawer {
      display: none; } }

.quick-links-content {
  display: none;
  margin-bottom: 0;
  background: #fff;
  width: 300px;
  position: absolute;
  overflow: hidden;
  margin: 0;
  padding: 15px 5px 10px 5px;
  border: 2px solid black; }
  .quick-links-content hr {
    margin: 0 10px;
    color: #000;
    background-color: #000;
    border: 0 none;
    height: 2px; }
  .quick-links-content h3 {
    margin-left: 5px; }
  .quick-links-content ul {
    list-style: none;
    padding: 0px; }
  .quick-links-content ul li:before {
    content: "\3E";
    color: #7ca10b;
    font-weight: bold;
    margin: 0 1em;
    /* any design */ }

#feature-photo, #feature-news {
  background-color: #ddd;
  padding-left: 20px;
  font-size: 14px; }

#feature-text {
  background-color: #ddd;
  font-size: 14px;
  padding: 0 0 20px 20px;
  margin-left: 0;
  bottom: 0;
  vertical-align: bottom; }
  @media (min-width: 961px) {
    #feature-text {
      padding: 35px 0 0 0; } }
  #feature-text p {
    line-height: 18px; }
  #feature-text h3 {
    margin: 10px;
    font-size: 22px; }
    #feature-text h3 a {
      text-decoration: none;
      color: #18453b; }
    #feature-text h3 a:hover {
      text-decoration: underline; }

#feature-divider {
  display: none; }
  @media (min-width: 961px) {
    #feature-divider {
      display: block;
      border-right: 1px solid #18453b;
      top: 10%;
      bottom: 10%;
      min-height: 200px;
      padding: 0;
      margin: 0;
      width: 20px; } }

#feature-news {
  margin-left: 0; }
  #feature-news ul {
    padding: 0; }
  #feature-news a {
    text-decoration: none;
    font-weight: 800;
    color: #18453b; }
  #feature-news a:hover {
    text-decoration: underline; }

#feature-row {
  background-color: #ddd; }
  @media (min-width: 961px) {
    #feature-row {
      height: 275px;
      background-color: #ddd;
      overflow: hidden; } }
  #feature-row h2 {
    padding-top: 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -1px;
    color: #000;
    text-transform: uppercase; }
    #feature-row h2 a {
      color: #000; }
    #feature-row h2 a:hover {
      text-decoration: none;
      background: -webkit-linear-gradient(top, #a5a5a5 14%, #cccccc 100%);
      background: linear-gradient(to bottom, #a5a5a5 14%, #cccccc 100%);
      border-radius: 8px;
      padding: 2px 6px 2px 6px;
      margin-left: -6px; }
    #feature-row h2 .no-bold {
      font-weight: 400; }
  #feature-row #feature-text h2 a:hover {
    background: transparent;
    text-decoration: underline; }

.promo {
  clear: both;
  min-height: 135px;
  height: 135px; }
  .promo img {
    float: left;
    padding: 10px 10px 10px 10px; }
  .promo p {
    padding-top: 20px;
    font-size: 13px;
    line-height: 15px; }

#events {
  padding-left: 20px;
  min-height: 320px; }
  #events h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-bottom: 0; }
    #events h2 a {
      text-decoration: none;
      padding: 2px 6px 2px 6px;
      margin-left: -2px;
      color: #000; }
    #events h2 a:hover {
      background: -webkit-linear-gradient(top, #d6d6d6 14%, #f7f7f7 100%);
      background: linear-gradient(to bottom, #d6d6d6 14%, #f7f7f7 100%);
      border-radius: 8px; }
  #events .event .event-link {
    display: inline-block;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    vertical-align: top;
    padding: 3px 0 0 10px;
    color: #18453b; }
    #events .event .event-link a {
      color: #097541;
      font-weight: 900;
      text-decoration: none; }
    #events .event .event-link a:hover {
      text-decoration: underline; }
    @media (max-width: 800px) {
      #events .event .event-link {
        width: 200px; } }
    @media (max-width: 960px) {
      #events .event .event-link {
        width: 200px; } }
    @media (min-width: 961px) {
      #events .event .event-link {
        width: 350px; } }
  #events .event .event-date {
    display: inline-block;
    width: 75px;
    height: 75px;
    background: #b7b58a;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    /* IE 8 */
    filter: alpha(opacity=75);
    /* IE 5-7 */
    -moz-opacity: 0.75;
    /* Netscape */
    -khtml-opacity: 0.75;
    /* Safari 1.x */
    opacity: 0.75; }
    #events .event .event-date p {
      font-family: Helvetica, sans-serif;
      font-size: 38px;
      line-height: 38px;
      text-align: center;
      color: #000;
      font-weight: 800;
      margin-top: 10px;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      /* IE 8 */
      filter: alpha(opacity=100);
      /* IE 5-7 */
      -moz-opacity: 1.0;
      /* Netscape */
      -khtml-opacity: 1.0;
      /* Safari 1.x */
      opacity: 1.0; }
      #events .event .event-date p span {
        font-size: 18px;
        line-height: 12px;
        font-weight: 500;
        color: #000;
        text-transform: uppercase;
        display: block;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /* IE 8 */
        filter: alpha(opacity=100);
        /* IE 5-7 */
        -moz-opacity: 1.0;
        /* Netscape */
        -khtml-opacity: 1.0;
        /* Safari 1.x */
        opacity: 1.0; }

#home #events h2 {
  margin-top: 0;
  margin-bottom: 15px; }

#seminars {
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  margin: 0;
  vertical-align: top;
  padding: 15px 0 0 15px;
  color: #18453b; }
  #seminars a {
    color: #097541;
    font-weight: 700; }
  #seminars a:hover {
    text-decoration: underline; }
  #seminars h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -1px;
    color: #18453b;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 0; }
    #seminars h2 a {
      text-decoration: none;
      padding: 2px 6px 2px 6px;
      margin-left: -5px;
      color: #000; }
    #seminars h2 a:hover {
      background: -webkit-linear-gradient(top, #d6d6d6 14%, #f7f7f7 100%);
      background: linear-gradient(to bottom, #d6d6d6 14%, #f7f7f7 100%);
      border-radius: 8px;
      text-decoration: none; }
  #seminars ul {
    padding-left: 0;
    list-style-type: none; }

.seminar-data {
  padding-top: 15px; }
  .seminar-data div {
    padding-top: 4px; }

#main-content .seminar-data {
  font-size: 14px;
  line-height: 16px;
  padding-top: 20px; }
  #main-content .seminar-data div {
    padding-top: 4px; }
  #main-content .seminar-data p {
    margin-bottom: 0; }

#alumni-table {
  font-size: 14px; }
  #alumni-table a {
    text-decoration: none; }
  #alumni-table tr:nth-child(even) {
    background: #eee; }
  #alumni-table tr {
    margin-top: 5px; }
  #alumni-table td {
    vertical-align: top;
    padding: .50rem; }
  #alumni-table td:nth-child(2), #alumni-table td:nth-child(3), #alumni-table td:nth-child(4), #alumni-table td:nth-child(5) {
    font-size: 12px;
    line-height: 14px; }
  #alumni-table td:nth-child(1) {
    width: 190px;
    font-weight: 500; }
  #alumni-table td:nth-child(2) {
    width: 220px; }

#bio-main-content p.caption {
  font-style: 12px;
  line-height: 14px; }

#promos {
  overflow: hidden;
  padding-bottom: 20px; }

.micro .left-nav-callout {
  background: #ddd;
  padding: 10px; }
  .micro .left-nav-callout ul {
    padding: none !important; }

#right-callout div.photo-block img {
  max-width: 408px; }

.events-link {
  display: inline-block;
  vertical-align: top; }

/* #FRIB Site Styles Content 
================================================== */
body {
  background: #fff url(../images/frib-bg-header-mobile.png) 0 0 repeat-x;
  line-height: 1.5em;
  font: 16px/28px "Gotham SSm A", "Gotham SSm B";
  color: #333;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%; }
  @media (min-width: 960px) {
    body {
      background: #fff url(../images/frib-bg-header.png) 0 0 repeat-x; } }

#main-content {
  margin-top: 20px;
  margin-bottom: 20px; }

/* #Directory Styles Content 
================================================== */
div.profile {
  width: 50%;
  margin-left: 0;
  margin-bottom: 24px;
  float: left;
  display: inline-block;
  overflow: hidden;
  height: 100%; }
  div.profile:last-child {
    float: right; }
  div.profile img {
    float: left;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px; }
  div.profile h2 {
    padding: 0;
    margin: -3px;
    text-transform: none; }
  div.profile p {
    padding: 0;
    margin: 0; }
  div.profile div.title {
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase; }

#bio {
  padding: 0 15px 15px 0;
  margin-top: 25px;
  font-size: 14px;
  line-height: 18px; }
  #bio img {
    width: auto;
    padding: 0 0 20px 0; }
  #bio .bio-name {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 15px; }
  #bio .bio-dept {
    padding-bottom: 15px; }
  #bio dt, #bio dd {
    display: inline-block;
    padding: 0;
    margin: 0; }
  #bio dt {
    clear: left; }
  #bio dd {
    float: right;
    padding-right: 55px; }
  #bio dl {
    margin: 0;
    padding: 0; }
  #bio .bio-email {
    clear: all; }

#bio-main-content #name {
  color: #000;
  font-size: 22px;
  line-height: 28px;
  margin-top: 40px;
  margin-bottom: 8px; }
#bio-main-content img {
  width: 100%; }

#publications {
  margin-top: 25px;
  padding: 10px;
  background-color: #ddd;
  font-size: 14px;
  line-height: 20px; }
  #publications h3 {
    color: #000;
    font-size: 18px;
    line-height: 28px;
    margin-top: 5px;
    margin-bottom: 8px; }

#staff-profile h1 {
  text-transform: none;
  color: #097541;
  margin-bottom: 0; }

#title {
  text-transform: uppercase; }

.directory-row img {
  max-width: 122px; }

/* #News Site Styles Content 
================================================== */
.byline {
  font-size: 14px;
  line-height: 14px; }

.photo-block .caption {
  max-width: 340px; }

article.news-article {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 20px;
  margin-right: 10px;
  overflow: hidden; }
  article.news-article time {
    font-size: 12px; }
  article.news-article span.author {
    text-transform: uppercase;
    font-size: 12px; }
  article.news-article img {
    margin-right: 17px;
    float: left; }
    @media (max-width: 460px) {
      article.news-article img {
        float: none;
        margin-bottom: 10px; } }
  article.news-article h2 {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    margin-bottom: 2px; }
    article.news-article h2 a {
      color: #000; }
    article.news-article h2 a:hover {
      color: #0b874b; }
  article.news-article p {
    margin: 0; }

aside#right-callout.four.columns h3 {
  font-size: 16px;
  margin-top: 0; }
aside#right-callout.four.columns ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }
aside#right-callout.four.columns a {
  color: #097541;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400; }

span.read-more {
  display: inline-block; }

#news-title {
  font-size: 24px; }

.caption {
  font-style: italic;
  font-size: 14px;
  color: #000; }

/* #NSCL Apps  Styles Content 
================================================== */
#pub-search-results {
  font-size: 14px;
  line-height: 16px;
  padding-top: 20px;
  max-width: 700px; }
  #pub-search-results hr {
    margin: 15px 0; }
  #pub-search-results div {
    padding-top: 0; }
  #pub-search-results p {
    margin-bottom: 0; }
  #pub-search-results h2 {
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    margin-bottom: 2px; }

#initials-list, #browse-by-group {
  padding-top: 10px; }
  #initials-list h2, #browse-by-group h2 {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0; }

#directory-search {
  padding: 5px 0; }

.staff {
  line-height: 1.2em;
  padding-top: 20px; }

#staff-directory {
  font-size: 14px;
  line-height: 16px; }

/* #Microsite  Styles Content 
================================================== */
body#microsite {
  background: transparent; }

@media (max-width: 960px) {
  #microsite header img {
    float: none; } }
#microsite .header-left {
  height: 201px;
  overflow: hidden; }
  @media (max-width: 960px) {
    #microsite .header-left {
      height: auto;
      padding: 12px 0 !important; } }
  #microsite .header-left h1,
  #microsite .header-left h2 {
    font-size: 30px;
    line-height: normal;
    padding-left: 30px;
    color: #fff; }
  #microsite .header-left h1 {
    font-size: 70px;
    line-height: 64px;
    margin-bottom: 8px;
    margin-top: 20px; 
    font-weight: 800;}
    @media (max-width: 460px) {
      #microsite .header-left h1 {
        font-size: 10vw; } }
        @media (max-width: 460px) {
    #microsite .header-left h2 {
        font-size: 6vw; } }
    @media (max-width: 960px) {
      #microsite .header-left h1 {
        margin: 0; } }
  @media (max-width: 960px) {
    #microsite .header-left h2 {
      margin: 0; } }
  #microsite .header-left.columns {
    padding: 0; }
#microsite .header-right {
  margin-left: 0;
  background-color: #b7b583;
  height: 201px;
  text-align: center; }
  @media (max-width: 960px) {
    #microsite .header-right {
      text-align: center; } }
  #microsite .header-right .curve {
    float: left;
    display: block; }
    @media (max-width: 960px) {
      #microsite .header-right .curve {
        float: none;
        display: none; } }
  #microsite .header-right.columns {
    padding: 0; }
#microsite .poster-img {
  max-width: 441px; }
#microsite .microsite-msugreen .header-left {
  background-color: #18453b; }
#microsite .microsite-blue .header-left {
  background-color: #215fac; }
#microsite .microsite-orange .header-left {
  background-color: #f15a22; }
#microsite .microsite-sage .header-left {
  background-color: #555533; }
#microsite .microsite-yellow .header-left {
  background-color: #e8c43f; }
  #microsite .microsite-yellow .header-left h1,
  #microsite .microsite-yellow .header-left h2 {
    color: #000; }
#microsite #org-logos-container {
  margin: 0 auto;
  text-align: center; }
#microsite #org-logos ul {
  padding-left: 0; }
#microsite #org-logos li {
  display: inline-block;
  margin: 5px 5px;
  padding: 5px; }
  #microsite #org-logos li img {
    max-height: 50px; }
#microsite #main-content {
  padding-top: 30px; }
  #microsite #main-content h1 {
    font-size: 32px;
    line-height: 36px; }
  #microsite #main-content h2 {
    margin-top: 0;
    font-size: 30px;
    line-height: 34px; }
  #microsite #main-content h3, #microsite #main-content caption {
    font-size: 20px;
    line-height: 28px; }
  #microsite #main-content #right-col {
    padding-left: 10px; }
  #microsite #main-content caption {
    text-transform: uppercase;
    font-weight: 500; }
#microsite nav#left-nav {
  padding: 20px 20px 20px 35px;
  background-color: #d6d5d5;
  margin-bottom: 40px; }
  #microsite nav#left-nav ul {
    padding-left: 0;
    list-style-type: none; }
  #microsite nav#left-nav a,
  #microsite nav#left-nav a:visited {
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px; }
#microsite nav#footer-nav {
  display: table;
  margin: 0 auto 30px auto; }
  #microsite nav#footer-nav ul {
    display: table-row; }
  #microsite nav#footer-nav li {
    display: table-cell;
    text-align: center;
    padding: 0 10px;
    border-right: 1px solid; }
    @media (max-width: 870px) {
      #microsite nav#footer-nav li {
        display: block;
        border-right: none;
        line-height: inherit; } }
    #microsite nav#footer-nav li a,
    #microsite nav#footer-nav li a:visited {
      color: #000;
      font-size: 16px;
      font-weight: 500; }
      @media (max-width: 870px) {
        #microsite nav#footer-nav li a,
        #microsite nav#footer-nav li a:visited {
          padding: 8px 0; } }
  #microsite nav#footer-nav li:last-child {
    border-right: none; }
#microsite #left-col img {
  width: 100%; }
#microsite .microsite-logo {
  margin-top: 15px; }

/* #Events Styles Content 
================================================== */
#events {
  margin-top: 20px; }
  #events .event {
    margin-bottom: 28px; }
  #events .event-date {
    margin-right: 15px; }
  #events .events-link, #events .event-date {
    vertical-align: top;
    margin-top: 0 !important; }
  #events .events-link {
    font-weight: 600; }
  #events .events-text {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    width: 80%; }
  #events .events-abstract {
    font-size: 12px;
    line-height: 18px; }

/* #Standard Footer 
================================================== */
footer {
  overflow: hidden;
  background: none;
  margin-top: 30px;
  margin-bottom: 20px; }
  @media (min-width: 800px) {
    footer {
      background: url(../images/footer-background.png);
      background-position: top right;
      background-repeat: no-repeat; }
      footer hr {
        display: none; } }

#main-footer-nav {
  margin: auto 0;
  text-align: left; }
  #main-footer-nav p {
    width: 60%; }
  #main-footer-nav ul {
    padding-left: 0;
    list-style: none outside;
    text-align: center; }
    @media (min-width: 800px) {
      #main-footer-nav ul {
        margin-top: 25px; } }
    @media (min-width: 960px) {
      #main-footer-nav ul {
        text-align: left; } }
  #main-footer-nav li {
    display: inline;
    padding: 0 0 0 4px;
    text-align: center;
    border-right: 1px solid #444; }
    #main-footer-nav li a {
      color: #43615a;
      padding: 0 8px 0 0; }
  #main-footer-nav li:last-child {
    border-right: 0px !important; }
  @media (min-width: 750px) {
    #main-footer-nav {
      margin: 0; } }

#logos {
  margin: auto 0;
  text-align: center; }
  @media (min-width: 750px) {
    #logos {
      margin: 0; } }
  @media (min-width: 960px) {
    #logos {
      text-align: left;
      margin: 20px 0 0 0;
      padding: 0; } }
  #logos img {
    align: center;
    padding-right: 30px; }
    @media (min-width: 750px) {
      #logos img {
        v-align: left;
        text-align: left;
        padding-left: 30px; } }
  #logos br {
    display: block; }
    @media (min-width: 450px) {
      #logos br {
        display: none; } }

#copyright-text {
  margin: 0 auto;
  max-width: 600px; }
  #copyright-text br {
    display: none; }
  @media (min-width: 600px) {
    #copyright-text {
      max-width: 500px; } }
  @media (min-width: 800px) {
    #copyright-text {
      max-width: 300px;
      margin: 40px 0 0 30px; } }
  @media (min-width: 850px) {
    #copyright-text {
      max-width: 350px;
      margin: 40px 0 0 30px; } }
  @media (min-width: 920px) {
    #copyright-text {
      max-width: 425px;
      margin: 55px 0 0 10px; }
      #copyright-text p {
        margin-bottom: 0; } }

#social-footer {
  display: none;
  margin-top: 30px;
  overflow: hidden; }
  @media (min-width: 750px) {
    #social-footer {
      display: block; } }
  #social-footer #social-icons {
    float: left;
    display: inline-block; }
    #social-footer #social-icons img {
      padding-right: 12px; }
  #social-footer #social-news {
    width: 70%;
    float: left;
    display: inline-block; }
    @media (min-width: 750px) {
      #social-footer #social-news {
        width: 60%; } }
    @media (min-width: 900px) {
      #social-footer #social-news {
        width: 70%; } }
    #social-footer #social-news h3 {
      margin: 0;
      padding: 0; }
    #social-footer #social-news p {
      margin: 0;
      padding: 0; }

.footer-featured-links.sixteen.columns {
  margin-bottom: 30px; }

/* #Grid Based Column Widths 
================================================== */
.container {
  padding: 0px; }

.row {
  width: 100%;
  max-width: 960px;
  min-width: 740px;
  margin: 0 auto; }
  .row.story-content-row {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto; }
  .row .row {
    min-width: 0px; }

/* To fix the grid into a different size, set max-width to your desired width */
.column, .columns {
  margin-left: 2.127663%;
  float: left;
  min-height: 1px;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.column:first-child, .columns:first-child, .alpha {
  margin-left: 0px; }

.column.omega, .columns.omega {
  float: right; }

.row .one.columns {
  width: 4.255326%; }
.row .two.columns {
  width: 10.638315%; }
.row .three.columns {
  width: 17.021304%; }
.row .four.columns {
  width: 23.404293%; }
.row .five.columns {
  width: 29.787282%; }
.row .six.columns {
  width: 36.170271%; }
.row .seven.columns {
  width: 42.55326%; }
.row .eight.columns {
  width: 48.936249%; }
.row .nine.columns {
  width: 55.319238%; }
.row .ten.columns {
  width: 61.702227%; }
.row .eleven.columns {
  width: 68.085216%; }
.row .twelve.columns {
  width: 74.468205%; }
.row .thirteen.columns {
  width: 80.851194%; }
.row .fourteen.columns {
  width: 87.234183%; }
.row .fifteen.columns {
  width: 93.617172%; }
.row .sixteen.columns {
  width: 100%; }

.clearfix {
  clear: both; }

/* Grid based Columns Widths - Mobile */
@media (max-width: 960px) {
  .container {
    min-width: 0;
    margin-left: 0;
    margin-right: 0; }

  .row {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0; }
    .row .row .column, .row .row .columns {
      padding: 0; }

  .column, .columns {
    width: auto !important;
    float: none;
    margin-left: 0;
    margin-right: 0; }

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

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

  .column, .columns {
    width: auto !important;
    float: none;
    margin-left: 0px;
    margin-right: 0px; }

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

  /*
      [class*="column"] + [class*="column"]:last-child { float: none; }
      [class*="column"]:before, [class*="column"]:after { display: table; }*/
  [class*="column"]:after {
    clear: both; } }
/* ============================================= */
/* #Additional Media Queries
================================================== */
@media (max-width: 460px) {
  footer #standard-footer-MSU-info img, footer #standard-footer-site-links {
    text-align: center; }

  #standard-footer-MSU-info > div.four.columns {
    text-align: center; }

  footer #standard-footer-MSU-info ul {
    margin: 0 auto; } }
@media (max-width: 960px) {
  .u-search-column {
    width: 24%; }

  .u-header-column {
    width: 68%; }

  #bottom-nav-universal-search-box input#q {
    width: 76%;
    padding-left: 26px; }

  #universal-search-box input#q {
    width: 80%;
    padding-left: 8px; }

  header#top > div.columns {
    padding-right: 0px; }

  .no-js .u-search-column, .no-js .u-header-column {
    width: 100%;
    float: none; }

  footer {
    height: auto; }
    footer #standard-footer-site-links li.phone {
      float: left;
      clear: both;
      display: inherit;
      width: 100%;
      border-right: 0px; }
      footer #standard-footer-site-links li.phone a {
        float: left;
        clear: both;
        display: inherit;
        width: 100%;
        border-right: 0px; }
    footer #standard-footer-MSU-info img {
      margin: 20px 0px;
      width: 266px; }
    footer #standard-footer-MSU-info ul {
      width: 266px; }
      footer #standard-footer-MSU-info ul li {
        width: 186px; }

  #standard-footer-MSU-info > div.eight.columns {
    margin-bottom: 32px; }

  footer #standard-footer-site-links {
    border: 0px; }

  #static-footer-nav {
    display: block;
    background: #000; }

  #static-footer-menu {
    display: inline-block;
    padding-top: 12px;
    width: 100% !important; }
    #static-footer-menu > div.static-footer-button {
      float: left;
      width: 100%; }
    #static-footer-menu > div.static-footer-sitename {
      float: left;
      width: 100%;
      line-height: 16px;
      margin-top: 8px;
      border-bottom: 1px dotted #888;
      padding: 12px 0px;
      border-top: 1px dotted #888; }
      #static-footer-menu > div.static-footer-sitename a {
        font-size: 32px;
        line-height: 32px;
        color: #fff;
        font-family: georgia, serif;
        text-decoration: none; }

  #static-footer-nav a#back-to-top-btn {
    text-indent: -9999px;
    text-transform: capitalize;
    overflow: hidden;
    white-space: nowrap;
    float: right;
    width: 140px;
    height: 31px;
    color: #3e3e3e;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: transparent url("../images/back-to-top.png") center right no-repeat; }

  #bottom-nav-universal-search-box {
    width: 92%; }

  #bottom-navigation > ul {
    padding-top: 12px; } }
@media (min-width: 961px) {
  #off-canvas-menu-buttons-wrapper {
    display: none; } }
@media (max-width: 970px) {
  /* Preventing certain elements from riding the sides of the browser */
  .row .column, .row .columns {
    padding: 0px 12px; }
  .row .row .column, .row .row .columns {
    padding: 0px 12px; }
  .row #bottom-navigation.columns {
    padding: 12px 0 0 0; }

  #bottom-navigation #bottom-nav-universal-search-box {
    margin: 0px 12px; } }
@media (max-width: 1060px) {
  /* Preventing certain elements from riding the sides of the browser */
  .row.story-content-row {
    max-width: 970px; }

  .columns.story-content {
    padding: 2% 12px; } }
/* #Slick Banner Rotator 
================================================== */
/* Custom Mixins */
/* @include box-shadow(1px,1px,1px,0, #fff, true); */
/* Descriptive Typefaces */
/* Functional Typefaces */
/* Descriptive Colors */
/* Functional Colors */
a {
  color: #097541;
  text-decoration: none;
  outline: 0; }
  a:visited {
    color: #097541;
    text-decoration: none;
    outline: 0; }
  a:hover, a:focus {
    color: #0b874b;
    text-decoration: underline; }

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

.hide {
  position: absolute;
  left: -9999px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-loading .slick-list {
    background: #fff url("./../images/ajax-loader.gif") center center no-repeat; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.4; }

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #444;
  opacity: 0.85;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  .slick-prev:before {
    content: "←"; }

.slick-next {
  right: -25px; }
  .slick-next:before {
    content: "→"; }

/* Dots */
.slick-slider {
  margin-bottom: 18px; }

.slick-dots {
  position: absolute;
  bottom: -15px;
  list-style: none;
  display: block;
  text-align: left;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 15px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 0 4px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #fff;
        opacity: 0.4;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #fff;
      opacity: 0.85; }

@media (max-width: 970px) {
  .row .row .columns.slick-slider {
    padding: 0 0; } }
/* #Print Styles 
================================================== */
@media print {
  #msu-masthead img.print-msugraphic, #standard-footer-MSU-info img.print-msuwordmark {
    display: block; }

  #msu-masthead img.screen-msugraphic, #standard-footer-MSU-info img.screen-msuwordmark {
    display: none; }

  h1, h2, h3, h4 {
    color: #000; }

  img {
    max-width: 670px; }

  #nav-open-btn {
    display: none; }

  .site-name h1 {
    color: #000; }

  body {
    background: none; } }
/* #Galleria 
================================================== */
#galleria {
  height: 575px; }

.galleria-theme-classic {
  background: #333; }

/* #Shame
================================================== */
.align-right {
  float: right;
  padding: 0 0 15px 15px; }

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