<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ---- FONT DEFINITIONS ---- */
/* --- QUATTRO CENTO SANS --- */
@font-face {
  font-family: 'quattrocento';
  src: url("../fonts/quattrocento/quattrocentosans-bold-webfont.eot");
  src: url("../fonts/quattrocento/quattrocentosans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/quattrocento/quattrocentosans-bold-webfont.woff") format("woff"), url("../fonts/quattrocento/quattrocentosans-bold-webfont.ttf") format("truetype"), url("../fonts/quattrocento/quattrocentosans-bold-webfont.svg#quattrocento_sansbold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'quattrocento';
  src: url("../fonts/quattrocento/quattrocentosans-bolditalic-webfont.eot");
  src: url("../fonts/quattrocento/quattrocentosans-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/quattrocento/quattrocentosans-bolditalic-webfont.woff") format("woff"), url("../fonts/quattrocento/quattrocentosans-bolditalic-webfont.ttf") format("truetype"), url("../fonts/quattrocento/quattrocentosans-bolditalic-webfont.svg#quattrocento_sansbold_italic") format("svg");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'quattrocento';
  src: url("../fonts/quattrocento/quattrocentosans-italic-webfont.eot");
  src: url("../fonts/quattrocento/quattrocentosans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/quattrocento/quattrocentosans-italic-webfont.woff") format("woff"), url("../fonts/quattrocento/quattrocentosans-italic-webfont.ttf") format("truetype"), url("../fonts/quattrocento/quattrocentosans-italic-webfont.svg#quattrocento_sansitalic") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'quattrocento';
  src: url("../fonts/quattrocento/quattrocentosans-regular-webfont.eot");
  src: url("../fonts/quattrocento/quattrocentosans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/quattrocento/quattrocentosans-regular-webfont.woff") format("woff"), url("../fonts/quattrocento/quattrocentosans-regular-webfont.ttf") format("truetype"), url("../fonts/quattrocento/quattrocentosans-regular-webfont.svg#quattrocento_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/font-awesome/fontawesome-webfont.eot?v=4.1.0");
  src: url("../fonts/font-awesome/fontawesome-webfont.eot?#iefix&amp;v=4.1.0") format("embedded-opentype"), url("../fonts/font-awesome/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../fonts/font-awesome/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../fonts/font-awesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fontello';
  src: url("../fonts/fontello/fontello.eot?40189095");
  src: url("../fonts/fontello/fontello.eot?40189095#iefix") format("embedded-opentype"), url("../fonts/fontello/fontello.woff?40189095") format("woff"), url("../fonts/fontello/fontello.ttf?40189095") format("truetype"), url("../fonts/fontello/fontello.svg?40189095#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

/* ---- TYPE VARIABLES ---- */
/* ---- COLOR/BACKGROUND VARIABLES ---- */
/* ---- UTILITIES TO FIX BROWSER BEHAVIOR ---- */
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px; }

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

/* ---- MEDIA QUERIES/RESPONSIVE ---- */
/* ---- UTILITY MIXINS ---- */
/* ---- PARTIALS ---- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, optgroup, button, input, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*Typography Constants*/
p img {
  margin: 0; }

strong, b, dt {
  font-weight: bold; }

em, i {
  font-style: italic; }

small {
  font-size: 80%; }

ul ul, ul ol, ol ol, ol ul {
  margin-bottom: 0; }

/*Custom Additions*/
/* Prevent font scaling in landscape */
html {
  -webkit-text-size-adjust: none; }

/*Fluid Images*/
img {
  max-width: 100%; }

/*IE Link Outlines*/
a {
  outline: none; }

a:focus {
  outline: thin dotted; }

/*	CSSGrid
 * 	https://github.com/crowdfavorite/css-grid
 * 	Version: 2.0.2
 *	License: http://opensource.org/licenses/mit-license.php  */
/** mixins
 -------------------------------------------------- */
/** grid foundation
 -------------------------------------------------- */
.grid {
  margin: 0 auto; }

/* fluid media */
.row img,
.row object,
.row embed,
.row video {
  max-width: 100%; }

/* 	Default Desktop/Tablet Grid
	Works fine with older browsers that don't support media queries. */
.grid {
  /* this makes the page wide but keeps content away from the edge */
  padding-left: 0px;
  padding-right: 0px;
  width: 976px; }

.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12,
.c1-2, .c2-3, .c3-4, .c4-5, .c5-6, .c6-7, .c7-8, .c8-9, .c9-10, .c10-11, .c11-12,
.c1-3, .c2-4, .c3-5, .c4-6, .c5-7, .c6-8, .c7-9, .c8-10, .c9-11, .c10-12,
.c1-4, .c2-5, .c3-6, .c4-7, .c5-8, .c6-9, .c7-10, .c8-11, .c9-12,
.c1-5, .c2-6, .c3-7, .c4-8, .c5-9, .c6-10, .c7-11, .c8-12,
.c1-6, .c2-7, .c3-8, .c4-9, .c5-10, .c6-11, .c7-12,
.c1-7, .c2-8, .c3-9, .c4-10, .c5-11, .c6-12,
.c1-8, .c2-9, .c3-10, .c4-11, .c5-12,
.c1-9, .c2-10, .c3-11, .c4-12,
.c1-10, .c2-11, .c3-12,
.c1-11, .c2-12,
.c1-12 {
  margin-left: 20px;
  display: inline;
  float: left;
  min-height: 1px; }

/* 	1/12 */
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
  width: 63px; }

.offset1 {
  margin-left: 103px; }

[class*=c1-] .offset1:first-child,
[class*=c2-] .offset1:first-child,
[class*=c3-] .offset1:first-child,
[class*=c4-] .offset1:first-child,
[class*=c5-] .offset1:first-child,
[class*=c6-] .offset1:first-child,
[class*=c7-] .offset1:first-child,
[class*=c8-] .offset1:first-child,
[class*=c9-] .offset1:first-child,
[class*=c10-] .offset1:first-child,
[class*=c11-] .offset1:first-child,
[class*=c12-] .offset1:first-child {
  margin-left: 83px; }

/* 	2/12 */
.c1-2, .c2-3, .c3-4, .c4-5, .c5-6, .c6-7, .c7-8, .c8-9, .c9-10, .c10-11, .c11-12 {
  width: 146px; }

.offset2 {
  margin-left: 186px; }

/* 	3/12 */
.c1-3, .c2-4, .c3-5, .c4-6, .c5-7, .c6-8, .c7-9, .c8-10, .c9-11, .c10-12 {
  width: 229px; }

.offset3 {
  margin-left: 269px; }

/* 	4/12 */
.c1-4, .c2-5, .c3-6, .c4-7, .c5-8, .c6-9, .c7-10, .c8-11, .c9-12 {
  width: 312px; }

.offset4 {
  margin-left: 352px; }

/* 	5/12 */
.c1-5, .c2-6, .c3-7, .c4-8, .c5-9, .c6-10, .c7-11, .c8-12 {
  width: 395px; }

.offset5 {
  margin-left: 435px; }

/* 	6/12 */
.c1-6, .c2-7, .c3-8, .c4-9, .c5-10, .c6-11, .c7-12 {
  width: 478px; }

.offset6 {
  margin-left: 518px; }

/* 	7/12 */
.c1-7, .c2-8, .c3-9, .c4-10, .c5-11, .c6-12 {
  width: 561px; }

.offset7 {
  margin-left: 601px; }

/* 	8/12 */
.c1-8, .c2-9, .c3-10, .c4-11, .c5-12 {
  width: 644px; }

.offset8 {
  margin-left: 684px; }

/* 	9/12 */
.c1-9, .c2-10, .c3-11, .c4-12 {
  width: 727px; }

.offset9 {
  margin-left: 767px; }

/* 	10/12 */
.c1-10, .c2-11, .c3-12 {
  width: 810px; }

.offset10 {
  margin-left: 850px; }

/* 	11/12 */
.c1-11, .c2-12 {
  width: 893px; }

.offset11 {
  margin-left: 933px; }

/* 	12/12 */
.c1-12 {
  width: 976px; }

/* 	Accounts for extra margin on first column
		This value should change a negative margin of whatever your gutter width is. */
.row {
  margin-left: -20px; }

/* 	Medium Sized Grid
	Tablet sized columns. */
@media only screen and (min-width: 800px) and (max-width: 975px) {
  .grid {
    padding-left: 20px;
    padding-right: 20px;
    width: 760px; }

  .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12,
  .c1-2, .c2-3, .c3-4, .c4-5, .c5-6, .c6-7, .c7-8, .c8-9, .c9-10, .c10-11, .c11-12,
  .c1-3, .c2-4, .c3-5, .c4-6, .c5-7, .c6-8, .c7-9, .c8-10, .c9-11, .c10-12,
  .c1-4, .c2-5, .c3-6, .c4-7, .c5-8, .c6-9, .c7-10, .c8-11, .c9-12,
  .c1-5, .c2-6, .c3-7, .c4-8, .c5-9, .c6-10, .c7-11, .c8-12,
  .c1-6, .c2-7, .c3-8, .c4-9, .c5-10, .c6-11, .c7-12,
  .c1-7, .c2-8, .c3-9, .c4-10, .c5-11, .c6-12,
  .c1-8, .c2-9, .c3-10, .c4-11, .c5-12,
  .c1-9, .c2-10, .c3-11, .c4-12,
  .c1-10, .c2-11, .c3-12,
  .c1-11, .c2-12,
  .c1-12 {
    display: inline;
    /* IE6/IE7 double-margin float bug fix */
    float: left;
    margin-left: 20px;
    /* Prevent collapsing of empty columns. Min-height prevents collapse
    everywhere but IE6. IE6 doesn't collapse empty collumns anyhow, so no need
    for a fix there. */
    min-height: 1px;
    clear: none; }

  /* 	1/12 */
  .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
    width: 45px; }

  .offset1 {
    margin-left: 85px; }

  [class*=c1-] .offset1:first-child,
  [class*=c2-] .offset1:first-child,
  [class*=c3-] .offset1:first-child,
  [class*=c4-] .offset1:first-child,
  [class*=c5-] .offset1:first-child,
  [class*=c6-] .offset1:first-child,
  [class*=c7-] .offset1:first-child,
  [class*=c8-] .offset1:first-child,
  [class*=c9-] .offset1:first-child,
  [class*=c10-] .offset1:first-child,
  [class*=c11-] .offset1:first-child,
  [class*=c12-] .offset1:first-child {
    margin-left: 65px; }

  /* 	2/12 */
  .c1-2, .c2-3, .c3-4, .c4-5, .c5-6, .c6-7, .c7-8, .c8-9, .c9-10, .c10-11, .c11-12 {
    width: 110px; }

  .offset2 {
    margin-left: 150px; }

  /* 	3/12 */
  .c1-3, .c2-4, .c3-5, .c4-6, .c5-7, .c6-8, .c7-9, .c8-10, .c9-11, .c10-12 {
    width: 175px; }

  .offset3 {
    margin-left: 215px; }

  /* 	4/12 */
  .c1-4, .c2-5, .c3-6, .c4-7, .c5-8, .c6-9, .c7-10, .c8-11, .c9-12 {
    width: 240px; }

  .offset4 {
    margin-left: 280px; }

  /* 	5/12 */
  .c1-5, .c2-6, .c3-7, .c4-8, .c5-9, .c6-10, .c7-11, .c8-12 {
    width: 305px; }

  .offset5 {
    margin-left: 345px; }

  /* 	6/12 */
  .c1-6, .c2-7, .c3-8, .c4-9, .c5-10, .c6-11, .c7-12 {
    width: 370px; }

  .offset6 {
    margin-left: 410px; }

  /* 	7/12 */
  .c1-7, .c2-8, .c3-9, .c4-10, .c5-11, .c6-12 {
    width: 435px; }

  .offset7 {
    margin-left: 475px; }

  /* 	8/12 */
  .c1-8, .c2-9, .c3-10, .c4-11, .c5-12 {
    width: 500px; }

  .offset8 {
    margin-left: 540px; }

  /* 	9/12 */
  .c1-9, .c2-10, .c3-11, .c4-12 {
    width: 565px; }

  .offset9 {
    margin-left: 605px; }

  /* 	10/12 */
  .c1-10, .c2-11, .c3-12 {
    width: 630px; }

  .offset10 {
    margin-left: 670px; }

  /* 	11/12 */
  .c1-11, .c2-12 {
    width: 695px; }

  .offset11 {
    margin-left: 735px; }

  /* 	12/12 */
  .c1-12 {
    width: 760px; }

  /* 	Accounts for extra margin on first column
  	This value should change a negative margin of whatever your gutter width is. */
  .row {
    margin-left: -20px; } }
/* 	Large Desktop Grid
	Very wide columns for large monitors. */
/* 	Single-column mobile
	Get rid of widths and floats, go to fluid single column. */
@media only screen and (max-width: 799px) {
  .grid {
    padding-left: 10px;
    padding-right: 10px; }

  .grid,
  .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12,
  .c1-2, .c2-3, .c3-4, .c4-5, .c5-6, .c6-7, .c7-8, .c8-9, .c9-10, .c10-11, .c11-12,
  .c1-3, .c2-4, .c3-5, .c4-6, .c5-7, .c6-8, .c7-9, .c8-10, .c9-11, .c10-12,
  .c1-4, .c2-5, .c3-6, .c4-7, .c5-8, .c6-9, .c7-10, .c8-11, .c9-12,
  .c1-5, .c2-6, .c3-7, .c4-8, .c5-9, .c6-10, .c7-11, .c8-12,
  .c1-6, .c2-7, .c3-8, .c4-9, .c5-10, .c6-11, .c7-12,
  .c1-7, .c2-8, .c3-9, .c4-10, .c5-11, .c6-12,
  .c1-8, .c2-9, .c3-10, .c4-11, .c5-12,
  .c1-9, .c2-10, .c3-11, .c4-12,
  .c1-10, .c2-11, .c3-12,
  .c1-11, .c2-12,
  .c1-12 {
    display: block;
    float: none;
    margin-left: 0;
    width: auto; }

  .row {
    margin-left: 0; } }
/* Zeroing out leftmost nested .unit margins */
[class*=c1] [class*=c1],
[class*=c2] [class*=c2],
[class*=c3] [class*=c3],
[class*=c4] [class*=c4],
[class*=c5] [class*=c5],
[class*=c6] [class*=c6],
[class*=c7] [class*=c7],
[class*=c8] [class*=c8],
[class*=c9] [class*=c9],
[class*=c10] [class*=c10],
[class*=c11] [class*=c11],
[class*=c12] [class*=c12],
[class*=c1-] .offset1:first-child,
[class*=c2-] .offset1:first-child,
[class*=c3-] .offset1:first-child,
[class*=c4-] .offset1:first-child,
[class*=c5-] .offset1:first-child,
[class*=c6-] .offset1:first-child,
[class*=c7-] .offset1:first-child,
[class*=c8-] .offset1:first-child,
[class*=c9-] .offset1:first-child,
[class*=c10-] .offset1:first-child,
[class*=c11-] .offset1:first-child,
[class*=c12-] .offset1:first-child,
.row .row {
  margin-left: 0; }

/* Full-width  */
.c1-12 {
  clear: both;
  display: block;
  min-height: 1px; }

/** grid utilities
 -------------------------------------------------- */
/* Row offsetfix
Uses variation of Nicolas Gallagher's Micro offsetfix.
http://nicolasgallagher.com/micro-offsetfix-hack/ */
.row:before,
.row:after {
  content: "";
  display: table; }

.row:after {
  clear: both; }

.row {
  /* Just in case: make sure that rows offset outside floats. */
  clear: both;
  /* For IE 6/7 (trigger hasLayout) */
  zoom: 1; }

/* --- CLIENT ---*/
body {
  color: #383839;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  background: #9fafe2 url("../images/body-bg.jpg") no-repeat; }
  @media only screen and (max-width: 799px) {
    body {
      background: #203866; } }

a#totop {
  width: 40px;
  height: 40px;
  display: block;
  color: #000;
  background: #e19e19 url(../images/top-arrow.png) no-repeat center center;
  position: fixed;
  bottom: 10px;
  right: 10px;
  text-indent: -9999em; }

/*Accessibility*/
.accessible {
  padding: 10px;
  position: absolute;
  left: -9999em;
  background: #fff; }

.accessible ul {
  text-align: right; }

.accessible ul li {
  margin: 0 0 0 .5em;
  display: inline; }

.accessible.noscript {
  position: relative;
  left: 0; }

a {
  color: #1f87e0;
  text-decoration: none; }
  a:hover, a:focus {
    color: #e19e19;
    text-decoration: underline; }

p {
  margin: 1em 0; }

h1.logo a {
  display: block;
  width: 420px;
  height: 57px;
  background-image: url("../images/logo.png");
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: rgba(0, 0, 0, 0);
  margin-left: 20px;
  margin: 1.25em 0; }
  @media only screen and (max-width: 799px) {
    h1.logo a {
      width: 302px;
      height: 50px;
      background-image: url("../images/logo-stacked.png");
      background-size: 100%; } }
h1.page-header {
  background: #203866;
  color: white;
  padding: 20px;
  margin: 0;
  text-transform: uppercase;
  font: normal 1.875em "quattrocento", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  h1.page-header + #content {
    margin-top: 1em; }
  @media only screen and (max-width: 799px) {
    h1.page-header {
      font-size: 1.5em; } }

nav ul {
  list-style: none; }
  nav ul li {
    display: inline; }
nav.primary {
  background: #203866;
  padding: 0 20px; }
  nav.primary .nav-container {
    background: #1f87e0; }
  nav.primary ul li {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.975em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    float: left;
    position: relative; }
    nav.primary ul li a {
      padding: 14px 15px;
      display: inline-block;
      background: #1f87e0;
      color: white; }
      nav.primary ul li a:hover, nav.primary ul li a:focus {
        background: #203866;
        text-decoration: none; }
      @media only screen and (max-width: 799px) {
        nav.primary ul li a {
          display: block; } }
    nav.primary ul li ul {
      position: absolute;
      left: -9999em;
      width: 330px;
      background: #203866;
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) ;
      -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) ;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) ; }
      nav.primary ul li ul li {
        text-transform: none;
        letter-spacing: none;
        float: none;
        display: block; }
        nav.primary ul li ul li a {
          padding: 8px 15px;
          display: block;
          background: #203866;
          border-top: 1px dotted #ccc; }
          nav.primary ul li ul li a:hover, nav.primary ul li ul li a:focus {
            background: #1f87e0;
            text-decoration: none; }
        @media only screen and (max-width: 799px) {
          nav.primary ul li ul li {
            display: none; } }
    nav.primary ul li:hover &gt; ul, nav.primary ul li:focus &gt; ul, nav.primary ul li.hover &gt; ul {
      left: auto; }
    @media only screen and (max-width: 799px) {
      nav.primary ul li {
        display: block;
        float: none; } }
  @media only screen and (min-width: 800px) and (max-width: 975px) {
    nav.primary {
      font-size: 0.75em; }
      nav.primary a {
        padding: 10px; } }
  @media only screen and (max-width: 799px) {
    nav.primary {
      padding: 0; }
      nav.primary a {
        display: block;
        text-align: left; } }
nav.courtesy {
  background: #1a1d2a;
  color: white;
  text-align: right;
  font-size: 0.875em; }
  nav.courtesy a {
    color: white;
    display: inline-block;
    padding: 10px; }
    nav.courtesy a:hover, nav.courtesy a:focus {
      text-decoration: none;
      color: #edbb5a; }
  @media only screen and (max-width: 799px) {
    nav.courtesy {
      display: none; } }
nav.breadcrumb {
  margin: 15px 20px 15px 40px;
  color: white;
  font-size: 0.8125em; }
  @media only screen and (max-width: 799px) {
    nav.breadcrumb {
      font-size: 0.75em;
      margin: 15px;
      line-height: 120%; } }
  nav.breadcrumb li {
    display: inline-block; }
    nav.breadcrumb li:after {
      margin: 0 8px 0 10px;
      content: '\f105';
      font-family: "FontAwesome"; }
    nav.breadcrumb li:last-child:after {
      content: ''; }
  nav.breadcrumb a {
    color: white; }

.search-form {
  margin-top: 30px; }
  .search-form .textfield {
    width: 100%;
    background: #ced9e2 url("../images/btn-search.png") no-repeat 10px 10px;
    border: none;
    padding: 10px;
    padding-left: 35px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font: 0.875em "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #616161; }
    @media only screen and (max-width: 799px) {
      .search-form .textfield {
        margin-bottom: 20px; } }
  .search-form label {
    display: none; }

main {
  background: white; }
  main .hero {
    width: 100%;
    height: auto; }

#content {
  padding: 0 20px 20px 20px;
  line-height: 135%;
  /*General Typography*/
  /*Intro Text*/
  /*Nested Ordered Lists*/
  /*Nested Unordered Lists*/
  /*Tightlist*/
  /*Blockquotes*/
  /*Tables*/
  /*Two Columns*/
  /*Structured Content*/
  /*Plan Grid*/
  /*Footnotes*/
  /*A-Z Index*/
  /*Archive Message*/
  /*Shared Message*/
  /*Image Floats*/ }
  #content a[target=_blank]:after {
    font-family: "FontAwesome";
    content: ' \f08e'; }
  #content h1, #content .h1,
  #content h2, #content .h2,
  #content h3, #content .h3,
  #content h4, #content .h4,
  #content h5, #content .h5,
  #content h6, #content .h6 {
    margin: 1em 0 .25em 0;
    line-height: 120%; }
  #content h2 {
    font-size: 1.5em;
    margin: 0.75em 0; }
  #content h3 {
    font-size: 1.125em; }
  #content h4 {
    font-size: 1em; }
  #content h5 {
    font-size: 0.875em; }
  #content h6 {
    font-size: 0.75em;
    font-weight: bold; }
  #content p, #content dl {
    font-size: .75em;
    margin: 0 0 1em 0; }
  #content ul {
    font-size: .75em;
    list-style: disc;
    margin: 0 0 .5em 25px; }
  #content ol {
    font-size: .75em;
    list-style: decimal;
    margin: 0 0 .5em 30px; }
  #content ol li, #content ul li, #content li br {
    margin: 0 0 .5em 0; }
  #content ul li ul, #content ol li ol, #content ol li ul, #content ul li ol {
    font-size: 1em; }
  #content li p {
    margin: 0;
    font-size: 1em; }
  #content ul table, #content ol table {
    margin: 0;
    font-size: 1em; }
  #content sup {
    font-size: .8em;
    vertical-align: super;
    line-height: 1; }
  #content sub {
    font-size: .8em;
    vertical-align: sub;
    line-height: 1; }
  #content hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e1e1e1;
    margin: 1em 0;
    padding: 0; }
  #content p.introtext {
    font-size: 1.125em; }
  #content ol ol {
    list-style: lower-alpha; }
  #content ol ol ol {
    list-style: lower-roman; }
  #content ol ol li:first-child, #content ol ol ol li:first-child {
    margin-top: .5em; }
  #content ul ul li:first-child, #content ul ul ul li:first-child {
    margin-top: .5em; }
  #content ul.tightlist {
    list-style: none;
    margin: 0 0 .5em 0; }
  #content ul.tightlist ul {
    list-style: none;
    margin: 0 0 0 25px; }
  #content ul.tightlist li {
    margin: 0; }
  #content ul.tightlist ul li:first-child, #content ul.tightlist ul ul li:first-child {
    margin-top: 0; }
  #content blockquote {
    margin: 0 0 .25em 0;
    border-left: 5px solid #e1e1e1;
    padding: 0 0 0 .5em;
    font-style: italic; }
  #content blockquote p {
    line-height: 1.5; }
  #content blockquote cite {
    display: block;
    font-size: .75em; }
  #content blockquote cite:before {
    content: "\2014 \0020"; }
  #content blockquote cite a {
    color: #e1e1e1; }
  #content blockquote cite a:visited, #content blockquote cite a:visited {
    color: #e1e1e1; }
  #content table {
    font-size: .75em;
    margin: 0 0 1em 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #e1e1e1; }
  #content th {
    padding: .3em .75em;
    vertical-align: top;
    border-bottom: 1px solid #e1e1e1;
    font-weight: bold;
    text-align: left;
    background: #f1f1f2; }
  #content td {
    padding: .3em .75em;
    vertical-align: top;
    border-top: 1px solid #e1e1e1; }
  #content td img {
    vertical-align: top; }
  #content td p, #content td ul, #content td ol {
    margin: 0;
    font-size: 1em; }
  #content .fw h4 {
    font-weight: bold; }
  #content h4.tglhead {
    padding: 0 0 0 25px;
    background: url("../images/expand-contract.png") no-repeat left top;
    cursor: pointer; }
    #content h4.tglhead.expand {
      background-position: 0 -72px; }
  #content .tglcontainer {
    padding: 15px 0;
    border-bottom: 1px dashed #ccc; }
  #content .tglcontent {
    padding: 0 0 0 25px;
    display: block; }
  #content .cola, #content .colb {
    width: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    @media only screen and (max-width: 799px) {
      #content .cola, #content .colb {
        width: 100%;
        float: none !important;
        padding: 0 !important; } }
  #content .cola {
    float: left;
    padding-right: 10px; }
  #content .colb {
    float: right;
    padding-left: 10px; }
  #content tr.areaheader td,
  #content td.areaheader,
  #content tr.listsum td,
  #content tr.plangridtotal td,
  #content tr.plangridsum td {
    font-weight: bold; }
  #content tr.odd {
    background: #f7f7f7; }
  #content tr.orclass td {
    padding-top: 0;
    border-top: none; }
  #content tr.orclass td.codecol {
    padding-left: 2em; }
  #content td.hourscol,
  #content th.hourscol {
    text-align: right; }
  #content .hiddencourselist {
    display: none; }
  #content .plangridyear th {
    border-top: 1px solid #e1e1e1; }
  #content .sc_footnotes {
    border: 0; }
  #content .sc_footnotes td {
    padding: 0 0 .75em 0;
    border: 0; }
  #content .sc_footnotes td.symcol {
    width: 15px;
    font-size: .8em; }
  #content ul.letternav {
    margin: 0 0 1em 0;
    list-style: none; }
  #content ul.letternav li {
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    margin: 0 1px 1px 0; }
  #content ul.letternav li a,
  #content ul.letternav li.inactive {
    padding: .25em .6em;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 1em;
    float: left;
    border: none;
    background: #203866; }
  #content ul.letternav li.inactive {
    background: #1f87e0; }
  #content ul.letternav li a {
    color: #fff;
    text-decoration: none;
    border: none; }
  #content ul.letternav li a:hover,
  #content ul.letternav li a:focus {
    background: #fdb515; }
  #content .archive-message p {
    padding: .5em;
    border: 1px solid #e1e1e1; }
  #content .shared-message p {
    padding: .5em;
    border: 1px solid #e1e1e1; }
  #content .info-box {
    padding: 10px;
    margin: 20px 0;
    background: #f0f0f0;
    border: 1px solid #e1e1e1;
    line-height: 100%; }
    #content .info-box .dept-contact {
      margin: 0 20px 0 0;
      width: 170px;
      float: left; }
      @media only screen and (max-width: 799px) {
        #content .info-box .dept-contact {
          margin: 0 0 10px 0;
          width: auto;
          float: none; } }
    #content .info-box .btn-site a {
      margin: 10px 0;
      padding: 0.75em 0.5em;
      display: inline-block;
      color: #333;
      background: #c2b9a7; }
    #content .info-box h2 {
      margin: 0 0 1em 0;
      padding: 0 0 .25em 0;
      font: normal 1.25em "quattrocento", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #616161;
      border-bottom: 6px solid #e1e1e1; }
    #content .info-box h3, #content .info-box h4 {
      margin: 0 0 0.25em 0;
      font-size: 0.75em;
      font-weight: bold; }
    #content .info-box p {
      margin: 0; }
    #content .info-box .indv-contacts {
      padding: 0 0 0 19px;
      width: 370px;
      float: left;
      border-left: 1px solid #e1e1e1; }
      @media only screen and (max-width: 799px) {
        #content .info-box .indv-contacts {
          padding: 0;
          width: auto;
          float: none;
          border-right: none; } }
    #content .info-box .contact {
      padding: 0 10px 0 0;
      width: 175px;
      height: 130px;
      float: left;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      @media only screen and (min-width: 800px) and (max-width: 975px) {
        #content .info-box .contact {
          margin: 0 0 10px 0;
          width: auto;
          height: auto;
          float: none; } }
      @media only screen and (max-width: 799px) {
        #content .info-box .contact {
          margin: 0 0 10px 0;
          width: auto;
          height: auto;
          float: none; } }
  #content #noresults {
    display: none; }
  #content #programs {
    width: 625px;
    /*Isotope Helper*/
    overflow: hidden; }
    #content #programs.noscript {
      width: auto; }
    @media only screen and (min-width: 800px) and (max-width: 975px) {
      #content #programs {
        width: auto;
        overflow: auto; } }
    @media only screen and (max-width: 799px) {
      #content #programs {
        width: auto;
        overflow: auto; } }
  #content .program-thumb-list {
    margin: 0;
    list-style: none; }
    #content .program-thumb-list li.program {
      margin: 0 18px 18px 0;
      width: 135px;
      height: 100px;
      display: block;
      float: left; }
      #content .program-thumb-list li.program:hover &gt; a.qview, #content .program-thumb-list li.program:focus &gt; a.qview, #content .program-thumb-list li.program.hover &gt; a.qview {
        left: 31px; }
      #content .program-thumb-list li.program span {
        padding: 5px;
        font: bold 1em "quattrocento", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: white;
        text-align: right;
        opacity: 0.85;
        line-height: 1.2;
        width: 100%;
        height: 50px;
        overflow: hidden;
        display: table-cell;
        vertical-align: middle;
        background: #193463;
        position: absolute;
        bottom: 0;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      #content .program-thumb-list li.program a.pview {
        display: block;
        height: 100px;
        overflow: hidden; }
        #content .program-thumb-list li.program a.pview:focus {
          outline: thin dotted; }
        @media only screen and (max-width: 799px) {
          #content .program-thumb-list li.program a.pview {
            height: auto; } }
      #content .program-thumb-list li.program a.qview {
        padding: 0 5px;
        font-size: 1em;
        text-align: center;
        cursor: pointer;
        background-color: #f5f5f5;
        background-image: none;
        background-image: -moz-linear-gradient(top, white, #e6e6e6);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
        background-image: -webkit-linear-gradient(top, white, #e6e6e6);
        background-image: -o-linear-gradient(top, white, #e6e6e6);
        background-image: linear-gradient(to bottom, white, #e6e6e6);
        border: 1px solid #bbb;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        position: absolute;
        top: 10px;
        left: -9999em;
        z-index: 100; }
        #content .program-thumb-list li.program a.qview:hover, #content .program-thumb-list li.program a.qview:focus {
          text-decoration: none; }
        #content .program-thumb-list li.program a.qview.noscript {
          display: none;
          /*Popup is dependant on javascript*/ }
        @media only screen and (max-width: 799px) {
          #content .program-thumb-list li.program a.qview {
            display: none; } }
      @media only screen and (max-width: 799px) {
        #content .program-thumb-list li.program {
          margin: 0;
          float: none;
          height: auto;
          width: 100%; }
          #content .program-thumb-list li.program span {
            display: block;
            text-align: left;
            padding: 8px;
            height: auto;
            background: transparent !important;
            color: black;
            position: static;
            opacity: 1; }
            #content .program-thumb-list li.program span:hover, #content .program-thumb-list li.program span:focus {
              background: #f0f0f0 !important;
              text-decoration: none; }
          #content .program-thumb-list li.program img {
            display: none; } }
    #content .program-thumb-list.noscript li.program {
      position: relative; }
  #content .department-thumb-list {
    list-style: none;
    margin: 0;
    padding: 0; }
    #content .department-thumb-list li.department {
      float: left;
      margin: 0 21px 21px 0; }
      #content .department-thumb-list li.department:nth-of-type(4n) {
        margin-right: 0; }
      #content .department-thumb-list li.department.filler1, #content .department-thumb-list li.department.filler2 {
        width: 135px;
        height: 110px;
        text-indent: -9999em;
        background: url(../images/colleges/college-filler1.png); }
      #content .department-thumb-list li.department.filler2 {
        background: url(../images/colleges/college-filler2.png); }
      #content .department-thumb-list li.department a {
        color: white;
        width: 115px;
        height: 90px;
        padding: 10px;
        overflow: hidden;
        display: block;
        vertical-align: middle;
        font: bold 1.2em "quattrocento", "Helvetica Neue", Helvetica, Arial, sans-serif;
        background: #00b2a6; }
        #content .department-thumb-list li.department a:hover, #content .department-thumb-list li.department a:focus {
          background: #00655f;
          text-decoration: none; }
      @media only screen and (min-width: 800px) and (max-width: 975px) {
        #content .department-thumb-list li.department {
          margin: 0 21px 21px 0; }
          #content .department-thumb-list li.department:nth-of-type(4n) {
            margin-right: 21px; }
          #content .department-thumb-list li.department:nth-of-type(3n) {
            margin-right: 0; } }
      #content .department-thumb-list li.department:nth-of-type(2n) a {
        background: #ec4e32; }
        #content .department-thumb-list li.department:nth-of-type(2n) a:hover, #content .department-thumb-list li.department:nth-of-type(2n) a:focus {
          background: #c02c12; }
      #content .department-thumb-list li.department:nth-of-type(3n) a {
        background: #9dad33; }
        #content .department-thumb-list li.department:nth-of-type(3n) a:hover, #content .department-thumb-list li.department:nth-of-type(3n) a:focus {
          background: #677222; }
      #content .department-thumb-list li.department:nth-of-type(4n) a {
        background: #1f87e0; }
        #content .department-thumb-list li.department:nth-of-type(4n) a:hover, #content .department-thumb-list li.department:nth-of-type(4n) a:focus {
          background: #165e9d; }
      #content .department-thumb-list li.department:nth-of-type(5n) a {
        background: #e19e19; }
        #content .department-thumb-list li.department:nth-of-type(5n) a:hover, #content .department-thumb-list li.department:nth-of-type(5n) a:focus {
          background: #9c6e11; }
      #content .department-thumb-list li.department:nth-of-type(6n) a {
        background: #00b0da; }
        #content .department-thumb-list li.department:nth-of-type(6n) a:hover, #content .department-thumb-list li.department:nth-of-type(6n) a:focus {
          background: #00728d; }
      #content .department-thumb-list li.department:nth-of-type(7n) a {
        background: #294e66; }
        #content .department-thumb-list li.department:nth-of-type(7n) a:hover, #content .department-thumb-list li.department:nth-of-type(7n) a:focus {
          background: #13242f; }
      #content .department-thumb-list li.department:nth-of-type(8n) a {
        background: #d86626; }
        #content .department-thumb-list li.department:nth-of-type(8n) a:hover, #content .department-thumb-list li.department:nth-of-type(8n) a:focus {
          background: #97471b; }
      @media only screen and (max-width: 799px) {
        #content .department-thumb-list li.department {
          float: none;
          margin: 0; }
          #content .department-thumb-list li.department.filler1, #content .department-thumb-list li.department.filler2 {
            display: none; }
          #content .department-thumb-list li.department a {
            padding: 8px;
            width: 100%;
            height: auto;
            background: transparent !important;
            color: black; }
            #content .department-thumb-list li.department a:hover, #content .department-thumb-list li.department a:focus {
              background: #f0f0f0 !important; } }
  #content div.scrollable {
    margin: 0 0 1em 0;
    display: block;
    height: auto;
    max-height: 500px;
    overflow-y: auto; }
    #content div.scrollable table td, #content div.scrollable table th {
      padding-right: 25px !important; }
  #content img.imgleft {
    padding: 0 10px 10px 0;
    float: left;
    max-width: 200px; }
    @media only screen and (max-width: 799px) {
      #content img.imgleft {
        padding: 0 0 10px 0;
        float: none;
        display: block;
        max-width: auto; } }
  #content img.imgright {
    padding: 0 0 10px 10px;
    float: right;
    max-width: 200px; }
    @media only screen and (max-width: 799px) {
      #content img.imgright {
        padding: 0 0 10px 0;
        display: block;
        float: none;
        max-width: auto; } }
  #content table.tbl_calendar .column0 {
    width: 50%; }

.tab-control {
  margin: 0 0 10px 0;
  background: white; }
  .tab-control ul li.active a {
    background: #fdb515;
    color: white;
    font-weight: bold; }
    .tab-control ul li.active a:before {
      color: white;
      font-weight: normal; }
  .tab-control ul li a {
    padding: 1em 0.5em 1em 3.25em;
    text-indent: -1.75em;
    display: block;
    border-top: 1px solid #fdb515;
    font-size: 0.8125em;
    color: #616161; }
    .tab-control ul li a:before {
      margin: 0 0.5em 0 0;
      content: '\e801';
      font-family: "fontello";
      font-size: 1.25em;
      color: #fdb515; }
    .tab-control ul li a:hover, .tab-control ul li a:focus {
      text-decoration: none;
      background: #fdb515;
      color: white; }
      .tab-control ul li a:hover:before, .tab-control ul li a:focus:before {
        color: white; }
  .tab-control ul li:first-child a {
    border-top: none; }

@media only screen and (max-width: 799px) {
  .promo-blocks {
    display: none; } }
.promo-blocks h2 {
  padding: 15px 20px;
  font: bold 1.5em "quattrocento", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*22pt*/
  text-transform: uppercase;
  color: #fff;
  background: #1f87e0; }
.promo-blocks .promo {
  padding: 20px;
  color: white;
  min-height: 196px; }
  .promo-blocks .promo h3 {
    font: 1.375em "quattrocento", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*22pt*/
    margin-bottom: 0.5em; }
  .promo-blocks .promo p {
    font-size: 0.75em;
    line-height: 125%; }
  .promo-blocks .promo .button {
    display: inline-block;
    width: 95px;
    padding: 12px 10px;
    color: white;
    text-transform: uppercase;
    letter-spacing: .1em;
    text-align: center;
    font-size: 0.675em;
    background: #203866;
    border: none; }
    .promo-blocks .promo .button:hover, .promo-blocks .promo .button:focus {
      text-decoration: none;
      background: #2c4d8d; }
  .promo-blocks .promo .video {
    padding: 0 0 56.25% 0;
    position: relative;
    height: 0;
    overflow: hidden; }
    .promo-blocks .promo .video iframe,
    .promo-blocks .promo .video object,
    .promo-blocks .promo .video embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  @media only screen and (min-width: 800px) and (max-width: 975px) {
    .promo-blocks .promo h2 {
      font-size: 2em; }
    .promo-blocks .promo img {
      width: 40%;
      height: auto; } }
.promo-blocks .promo:nth-child(odd) img {
  float: right;
  margin: 0 0 10px 10px; }
.promo-blocks .promo:nth-child(even) img {
  float: left;
  margin: 0 10px 10px 0; }
.promo-blocks .promo:nth-child(4n+1) {
  background: #1f87e0; }
  .promo-blocks .promo:nth-child(4n+1) .button {
    background: #203866; }
    .promo-blocks .promo:nth-child(4n+1) .button:hover, .promo-blocks .promo:nth-child(4n+1) .button:focus {
      background: #2c4d8d; }
.promo-blocks .promo:nth-child(4n+2) {
  background: #9dad33; }
  .promo-blocks .promo:nth-child(4n+2) .button {
    background: #677222; }
    .promo-blocks .promo:nth-child(4n+2) .button:hover, .promo-blocks .promo:nth-child(4n+2) .button:focus {
      background: #798627; }
.promo-blocks .promo:nth-child(4n+3) {
  background: #00b2a6; }
  .promo-blocks .promo:nth-child(4n+3) .button {
    background: #203866; }
    .promo-blocks .promo:nth-child(4n+3) .button:hover, .promo-blocks .promo:nth-child(4n+3) .button:focus {
      background: #2c4d8d; }
.promo-blocks .promo:nth-child(4n+4) {
  background: #ec4e32; }
  .promo-blocks .promo:nth-child(4n+4) .button {
    background: #c02c12; }
    .promo-blocks .promo:nth-child(4n+4) .button:hover, .promo-blocks .promo:nth-child(4n+4) .button:focus {
      background: #d73114; }

footer {
  background: #294e66;
  color: white;
  font-size: 0.75em;
  margin-top: 75px; }
  footer ul {
    margin: 50px 0; }
  footer li {
    border-bottom: 1px solid white; }
    footer li.first {
      border-top: 1px solid white; }
    footer li a {
      display: block;
      padding: 15px 10px; }
      footer li a:hover, footer li a:focus {
        text-decoration: none;
        color: white;
        background: #386a8a; }
  footer a {
    color: white; }
  footer .sub-footer {
    padding: 10px 0;
    background: #1a3242;
    font-size: 0.9em; }
    footer .sub-footer .copyright {
      padding: 10px 0 10px 110px;
      background: url("../images/logo-footer.png") no-repeat left center; }
      @media only screen and (max-width: 799px) {
        footer .sub-footer .copyright {
          padding: 10px 100px 10px 0;
          background: none; } }

.linkbutton {
  display: block;
  background: rgba(255, 255, 255, 0.5);
  color: #203866;
  margin-top: 8px;
  padding: 12px 10px 13px 10px;
  font: 1.3em "quattrocento", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .linkbutton:hover, .linkbutton:focus {
    color: #203866;
    text-decoration: underline; }
  @media only screen and (min-width: 800px) and (max-width: 975px) {
    .linkbutton {
      font-size: 1em; } }
  .linkbutton:nth-of-type(1) {
    margin-top: 0; }
  .linkbutton.about {
    padding: 10px;
    background: #d86626;
    height: 54px; }
  .linkbutton.index {
    background: #89d3b6;
    height: 40px; }
  .linkbutton.contact {
    background: #cedd44;
    height: 20px; }
  @media only screen and (max-width: 799px) {
    .linkbutton {
      padding: 10px; }
      .linkbutton.about {
        margin-top: 8px; } }

div.linkbutton:hover, div.linkbutton:focus {
  text-decoration: none; }

.footerboxes {
  padding: 60px 0 20px 0; }
  @media only screen and (max-width: 799px) {
    .footerboxes {
      padding: 10px 0;
      height: auto; } }

.upperfooter {
  position: relative; }
  .upperfooter .oski {
    position: absolute;
    left: 100%;
    margin-left: 0px;
    margin-top: -200px;
    top: 100%; }
    .upperfooter .oski img {
      margin-left: -100px; }
    @media only screen and (max-width: 799px) {
      .upperfooter .oski {
        display: none; } }

.footerbox {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  font: 0.875em "quattrocento", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #203866;
  height: 200px; }
  @media only screen and (min-width: 800px) and (max-width: 975px) {
    .footerbox {
      height: 280px; } }
  .footerbox h2 {
    font-size: 1.7em; }
    @media only screen and (min-width: 800px) and (max-width: 975px) {
      .footerbox h2 {
        font-size: 1.3em; } }
  .footerbox a {
    color: #203866; }
    .footerbox a:hover, .footerbox a:focus {
      color: #203866;
      text-decoration: underline; }
  .footerbox .imagebox {
    content: '';
    display: block;
    height: 50px;
    background: white;
    margin-bottom: 10px; }
    .footerbox .imagebox img {
      margin-top: -96px;
      width: 100%;
      height: auto; }
      @media only screen and (min-width: 800px) and (max-width: 975px) {
        .footerbox .imagebox img {
          margin-top: -57px; } }
  .footerbox .learnmore {
    display: block;
    text-align: right;
    color: #203866; }
  .footerbox.chancellor {
    background: #e19e19; }
  .footerbox.studentlife {
    background: #ec4e32; }
  .footerbox.policies {
    background: #00b0da; }
  .footerbox.registration {
    background: #00b2a6; }
  .footerbox.tuition {
    background: #9dad33; }
  @media only screen and (max-width: 799px) {
    .footerbox {
      height: auto;
      padding: 10px;
      margin-top: 8px; }
      .footerbox p,
      .footerbox .learnmore,
      .footerbox .imagebox {
        display: none; } }

/* Home Page */
.hero {
  min-height: 500px;
  background-image: url("../images/home-hero1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  font-family: "quattrocento", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: white;
  padding-bottom: 50px; }
  .hero.bg-one {
    background-image: url("../images/home-hero1.jpg"); }
  .hero.bg-two {
    background-image: url("../images/home-hero2.jpg"); }
  .hero.bg-three {
    background-image: url("../images/home-hero3.jpg"); }
  .hero.bg-four {
    background-image: url("../images/home-hero4.jpg"); }
  .hero.bg-five {
    background-image: url("../images/home-hero5.jpg"); }
  .hero h2 {
    text-align: center;
    font-weight: bold;
    font-size: 2.2em;
    text-transform: capitalize;
    margin-top: 75px;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5); }
  .hero p {
    font-size: 1.7em;
    text-align: center; }
  .hero .hero-button {
    background: #fdb515;
    display: block;
    width: 70%;
    margin: 15px auto;
    text-align: center;
    padding: 10px;
    color: white;
    font-weight: bold;
    font-size: 1.5em; }
  @media only screen and (min-width: 800px) and (max-width: 975px) {
    .hero {
      min-height: 550px; }
      .hero h2 {
        font-size: 2em; }
      .hero p {
        font-size: 1.5em; }
      .hero .hero-btn {
        font-size: 1.25em; } }
  @media only screen and (max-width: 799px) {
    .hero {
      background-image: none;
      background: #203866;
      padding: 0;
      min-height: initial; }
      .hero.bg-one, .hero.bg-two, .hero.bg-three, .hero.bg-four, .hero.bg-five {
        background-image: none;
        background: #203866; }
      .hero h2 {
        font-size: 1.5em; }
      .hero p {
        font-size: 1.25em; }
      .hero .hero-btn {
        font-size: 1em; } }

.icon:after {
  font-family: "FontAwesome";
  font-size: 0.875em;
  content: ' ';
  margin: 0 3px 0 8px;
  text-decoration: none; }
.icon.schedule:after {
  content: '\f022';
  font-size: 0.9em; }
.icon.calendar:after {
  content: '\f073'; }
.icon.print:after {
  content: '\f02f';
  font-size: 1em; }
.icon.home:after {
  content: '\f015';
  font-size: 1em; }

/*FocusSearch Results*/
#content #fssearchresults {
  line-height: 120%; }
  #content #fssearchresults table.fsinjectorlinks {
    border: none; }
    #content #fssearchresults table.fsinjectorlinks td {
      padding: 0;
      border: none;
      width: 50%; }

/*Site Search Pagination*/
#content .gcs-pagination {
  text-align: center; }

#content .gcs-pagination a,
#content .gcs-pagination .current {
  padding: 5px 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.75em;
  color: #333;
  text-decoration: none;
  display: inline-block;
  border: 1px solid #e1e1e1;
  background-color: #e6e6e6;
  background-image: -moz-linear-gradient(white, #e6e6e6);
  background-image: -o-linear-gradient(white, #e6e6e6);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e6e6e6));
  background-image: -webkit-linear-gradient(white, #e6e6e6);
  background-image: -ms-linear-gradient(white, #e6e6e6);
  background-image: linear-gradient(white, #e6e6e6);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

#content .gcs-pagination .current {
  color: #fff;
  background-color: #999;
  background-image: none; }

/*Google Custom Search*/
#content a.gcs-url {
  overflow: hidden;
  text-overflow: ellipsis; }

#content .gcs-total {
  margin: 0 0 1em 0;
  font-style: italic; }

#content .gcs-result h3 {
  margin: 0;
  font-size: 16px; }

/*Course Blocks*/
#content .courseblock {
  margin: 0 0 20px 0; }

#content .courseblock p {
  margin: 0; }

#content .courseblock p.courseblocktitle {
  font-weight: bold;
  display: block; }
  #content .courseblock p.courseblocktitle span.title {
    color: #203866;
    font-size: 1.17em; }
  #content .courseblock p.courseblocktitle a {
    padding: 0 0 0 25px;
    display: block;
    color: #383839;
    background: url("../images/expand-contract.png") no-repeat left top; }
    #content .courseblock p.courseblocktitle a.expand {
      background-position: 0 -72px; }

#content .courseblock p.courseblockdesc,
#content .courseblock p.courseblockoffered,
#content .courseblock .course-section {
  margin: 0 0 10px 25px; }

#content .courseblock p.courseblockoffered {
  margin-bottom: 0; }

#content .courseblock p.course-heading {
  margin: 0 0 0.25em -5px;
  padding: 3px 5px;
  background: #f0f0f0; }

/* Bubble overrides */
.lfjsbubble {
  width: 600px !important; }
  @media only screen and (max-width: 799px) {
    .lfjsbubble {
      width: 100% !important; } }
  .lfjsbubble .lfjsbubbletail,
  .lfjsbubble .lfjsbubbletop,
  .lfjsbubble .lfjsbubbletopright,
  .lfjsbubble .lfjsbubblebottom,
  .lfjsbubble .lfjsbubblebottomright {
    display: none !important; }
  .lfjsbubble .lfjsbubblemainwrapper,
  .lfjsbubble .lfjsbubblemain {
    background-image: none !important; }
  .lfjsbubble .lfjsbubblecontent {
    padding: 0 !important; }
  .lfjsbubble .coursebody {
    height: 250px;
    overflow-y: auto;
    padding: 10px !important;
    border: 1px solid #c8c8c8 !important;
    border-top: none; }
  .lfjsbubble .courseblocktitle {
    margin: 0 !important;
    padding: 10px !important;
    background-color: #203866 !important;
    color: white !important;
    font-weight: bold; }
    .lfjsbubble .courseblocktitle a {
      color: #fff; }
  .lfjsbubble .courseblock p.courseblockdesc,
  .lfjsbubble .courseblock p.courseblockoffered,
  .lfjsbubble .courseblock .course-section {
    margin: 0 0 10px 5px; }
  .lfjsbubble .courseblock p.course-heading {
    margin: 0 0 0.25em -5px;
    padding: 3px 5px;
    background: #f0f0f0; }
  .lfjsbubble #lfjsbubbleclose {
    top: 9px !important;
    right: 10px !important; }

/* Filter sidebar */
#filters {
  background: #f0f0f0;
  padding: 20px; }
  #filters.noscript {
    display: none; }
  #filters h3, #filters h4 {
    font: bold 1.25em "quattrocento", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #193463;
    text-transform: uppercase; }
  #filters h4 {
    margin: 10px 0 5px 0; }
  #filters p {
    margin: 0 0 8px 0;
    color: #193463;
    font-size: 0.85em; }
  #filters #filter-head {
    margin: 0 0 8px 0;
    padding: 0 0 3px 0;
    border-bottom: 8px solid #e1e1e1; }
    #filters #filter-head a {
      margin: 0 0 5px 0;
      text-align: right;
      display: block;
      text-transform: uppercase;
      font: bold 0.8em "quattrocento", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #193463; }
      #filters #filter-head a:after {
        content: '\f021';
        font-family: "FontAwesome";
        margin: 0 0 0 .5em; }
      #filters #filter-head a:hover, #filters #filter-head a:focus {
        text-decoration: none; }
  #filters .filter-group {
    padding: 0 0 8px 0;
    margin: 0 0 12px 0;
    border-bottom: 8px solid #e1e1e1; }
    #filters .filter-group li {
      margin: 0 0 6px 0; }
    #filters .filter-group label {
      font-size: 0.75em;
      font-weight: bold;
      color: #193463; }
    #filters .filter-group button {
      margin: 0 0 6px 0;
      display: block;
      font-size: 0.75em;
      font-weight: bold;
      color: #193463;
      cursor: pointer; }
      #filters .filter-group button.is-checked {
        color: #e19e19;
        background: #193463; }

/*Misc Layout helpers*/
.c1-4.noscript {
  display: none; }

.c1-4 h2 {
  padding: 20px;
  font: 1.875em "quattrocento", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*22pt*/
  text-transform: uppercase;
  color: #003262;
  background: #fdb515; }

.c5-12.noscript {
  width: 100%; }

#content p.btn-deptsite a {
  margin: 10px 0;
  padding: 6px 20px;
  font-size: 1em;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .1em;
  background: #ec4e32;
  text-decoration: none; }

#content p.btn-deptsite a:hover,
#content p.btn-deptsite a:focus {
  background: #d73114; }

/*Print Popup*/
#print-dialog {
  padding: 0 !important;
  width: 350px;
  font-size: 0.75em;
  line-height: 120%;
  background: #fff;
  text-align: left;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }
  #print-dialog .print-header {
    padding: 10px;
    font-size: 1.5em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #e1e1e1; }
  #print-dialog .print-body {
    padding: 20px 10px; }
  #print-dialog .print-option {
    padding: 0 0 10px 0; }
  #print-dialog .print-option p {
    margin: 0; }
  #print-dialog .print-option a {
    color: #203866;
    text-decoration: none; }
  #print-dialog .buttons {
    padding: 10px;
    background: #203866; }
  #print-dialog .cancel a {
    padding: 5px 12px;
    display: inline-block;
    font-size: 16px;
    line-height: normal;
    color: #333;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    float: right;
    border: 1px solid #e1e1e1;
    background-color: #e6e6e6;
    background-image: -moz-linear-gradient(white, #e6e6e6);
    background-image: -o-linear-gradient(white, #e6e6e6);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e6e6e6));
    background-image: -webkit-linear-gradient(white, #e6e6e6);
    background-image: -ms-linear-gradient(white, #e6e6e6);
    background-image: linear-gradient(white, #e6e6e6);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; }
  #print-dialog.noscript {
    display: block;
    position: relative; }
  @media only screen and (max-width: 799px) {
    #print-dialog {
      width: 90%; } }

/*Program Popup*/
#program-preview {
  padding: 20px;
  width: 760px;
  font-size: 1em;
  background: #fff;
  text-align: left;
  background: #203866;
  opacity: 0.9;
  border: 1px solid #e1e1e1; }
  #program-preview .cancel {
    font-size: 0.75em; }
  #program-preview #program-body {
    margin: 0 0 10px 0;
    color: #fff;
    line-height: 125%;
    /*General Typography*/
    /*Intro Text*/
    /*Nested Ordered Lists*/
    /*Nested Unordered Lists*/
    /*Tightlist*/
    /*Blockquotes*/
    /*Tables*/
    /*Overrides*/ }
    #program-preview #program-body a[target=_blank]:after {
      font-family: "FontAwesome";
      content: ' \f08e'; }
    #program-preview #program-body h1, #program-preview #program-body .h1,
    #program-preview #program-body h2, #program-preview #program-body .h2,
    #program-preview #program-body h3, #program-preview #program-body .h3,
    #program-preview #program-body h4, #program-preview #program-body .h4,
    #program-preview #program-body h5, #program-preview #program-body .h5,
    #program-preview #program-body h6, #program-preview #program-body .h6 {
      margin: 1em 0 .25em 0;
      line-height: 120%; }
    #program-preview #program-body h2 {
      font-size: 1.5em;
      margin: 0.75em 0; }
    #program-preview #program-body h3 {
      font-size: 1.125em; }
    #program-preview #program-body h4 {
      font-size: 1em; }
    #program-preview #program-body h5 {
      font-size: 0.875em; }
    #program-preview #program-body h6 {
      font-size: 0.75em;
      font-weight: bold; }
    #program-preview #program-body p, #program-preview #program-body dl {
      font-size: .75em;
      margin: 0 0 1em 0; }
    #program-preview #program-body ul {
      font-size: .75em;
      list-style: disc;
      margin: 0 0 .5em 25px; }
    #program-preview #program-body ol {
      font-size: .75em;
      list-style: decimal;
      margin: 0 0 .5em 30px; }
    #program-preview #program-body ol li, #program-preview #program-body ul li, #program-preview #program-body li br {
      margin: 0 0 .5em 0; }
    #program-preview #program-body ul li ul, #program-preview #program-body ol li ol, #program-preview #program-body ol li ul, #program-preview #program-body ul li ol {
      font-size: 1em; }
    #program-preview #program-body li p {
      margin: 0;
      font-size: 1em; }
    #program-preview #program-body ul table, #program-preview #program-body ol table {
      margin: 0;
      font-size: 1em; }
    #program-preview #program-body sup {
      font-size: .8em;
      vertical-align: super;
      line-height: 1; }
    #program-preview #program-body sub {
      font-size: .8em;
      vertical-align: sub;
      line-height: 1; }
    #program-preview #program-body hr {
      display: block;
      height: 1px;
      border: 0;
      border-top: 1px solid #e1e1e1;
      margin: 1em 0;
      padding: 0; }
    #program-preview #program-body p.introtext {
      font-size: 1.125em; }
    #program-preview #program-body ol ol {
      list-style: lower-alpha; }
    #program-preview #program-body ol ol ol {
      list-style: lower-roman; }
    #program-preview #program-body ol ol li:first-child, #program-preview #program-body ol ol ol li:first-child {
      margin-top: .5em; }
    #program-preview #program-body ul ul li:first-child, #program-preview #program-body ul ul ul li:first-child {
      margin-top: .5em; }
    #program-preview #program-body ul.tightlist {
      list-style: none;
      margin: 0 0 .5em 0; }
    #program-preview #program-body ul.tightlist ul {
      list-style: none;
      margin: 0 0 0 25px; }
    #program-preview #program-body ul.tightlist li {
      margin: 0; }
    #program-preview #program-body ul.tightlist ul li:first-child, #program-preview #program-body ul.tightlist ul ul li:first-child {
      margin-top: 0; }
    #program-preview #program-body blockquote {
      margin: 0 0 .25em 0;
      border-left: 5px solid #e1e1e1;
      padding: 0 0 0 .5em;
      font-style: italic; }
    #program-preview #program-body blockquote p {
      line-height: 1.5; }
    #program-preview #program-body blockquote cite {
      display: block;
      font-size: .75em; }
    #program-preview #program-body blockquote cite:before {
      content: "\2014 \0020"; }
    #program-preview #program-body blockquote cite a {
      color: #e1e1e1; }
    #program-preview #program-body blockquote cite a:visited, #program-preview #program-body blockquote cite a:visited {
      color: #e1e1e1; }
    #program-preview #program-body table {
      font-size: .75em;
      margin: 0 0 1em 0;
      border-collapse: collapse;
      border-spacing: 0;
      width: 100%;
      border: 1px solid #e1e1e1; }
    #program-preview #program-body th {
      padding: .3em .75em;
      vertical-align: top;
      border-bottom: 1px solid #e1e1e1;
      font-weight: bold;
      text-align: left;
      background: #f1f1f2; }
    #program-preview #program-body td {
      padding: .3em .75em;
      vertical-align: top;
      border-top: 1px solid #e1e1e1; }
    #program-preview #program-body td img {
      vertical-align: top; }
    #program-preview #program-body td p, #program-preview #program-body td ul, #program-preview #program-body td ol {
      margin: 0;
      font-size: 1em; }
    #program-preview #program-body h1, #program-preview #program-body h2, #program-preview #program-body h3, #program-preview #program-body h4, #program-preview #program-body h5, #program-preview #program-body h6 {
      margin: 0 0 .25em 0;
      color: #e19e19; }
    #program-preview #program-body ul {
      margin: 0 0 0 15px;
      list-style: none; }
      #program-preview #program-body ul li {
        text-indent: -1em;
        padding: 0 1em 0 0; }
      #program-preview #program-body ul li:before {
        padding: 0 0.5em 0 0;
        color: #e19e19;
        content: "\25a0";
        /* /2022 is the numerical unicode for &amp;bull; */ }
    #program-preview #program-body #program-left {
      width: 530px;
      float: left; }
      #program-preview #program-body #program-left img {
        margin: 0 0 15px 0;
        width: 100%; }
      @media only screen and (max-width: 799px) {
        #program-preview #program-body #program-left {
          width: 70%; } }
    #program-preview #program-body #program-right {
      width: 185px;
      float: right; }
      @media only screen and (max-width: 799px) {
        #program-preview #program-body #program-right {
          width: 25%; } }
  #program-preview .cancel {
    margin: 0 0 15px 0; }
    #program-preview .cancel a {
      font-size: 1em;
      line-height: normal;
      color: #fff;
      text-align: right;
      cursor: pointer;
      text-decoration: none;
      display: block; }
      #program-preview .cancel a:after {
        content: '\f057';
        font-family: "FontAwesome";
        margin: 0 0 0 .5em; }
  #program-preview .buttons {
    text-align: center; }
    #program-preview .buttons a {
      padding: 8px 20px;
      display: inline-block;
      font-size: 0.75em;
      font-weight: bold;
      line-height: normal;
      color: #203866;
      text-transform: uppercase;
      text-align: center;
      cursor: pointer;
      background: #e19e19;
      border: 1px solid #203866;
      text-decoration: none; }
  #program-preview.noscript {
    display: block;
    position: relative; }
  @media only screen and (max-width: 799px) {
    #program-preview {
      padding: 5%;
      max-width: 90%;
      left: 0 !important;
      border: none; } }

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s; }

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width; }

.isotope .isotope-item {
  -webkit-transition-property: left, top, opacity;
  -moz-transition-property: left, top, opacity;
  -ms-transition-property: left, top, opacity;
  -o-transition-property: left, top, opacity;
  transition-property: left, top, opacity;
  -webkit-transition-delay: 0s, 0.8s, 0s;
  -moz-transition-delay: 0s, 0.8s, 0s;
  -ms-transition-delay: 0s, 0.8s, 0s;
  -o-transition-delay: 0s, 0.8s, 0s;
  transition-delay: 0s, 0.8s, 0s; }

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/* End: Recommended Isotope styles */
#content .program-thumb-list li.program.isotope-hidden {
  display: none; }

/*Clearfix*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */
</pre></body></html>