/*------------------------------------*\
   $_Contents
\*------------------------------------*/
/**
 * NOTE: To search for a section prefix it with "$_"
 *       e.g.: $_Headings
 *
 * 
 * -- Base Styles --
 * Sprites
 * Normalize
 * Reset
 * Main
 * Headings
 * Links
 * Text
 * Lists
 * Images
 * Tables
 * Forms
 * 
 * 
 * -- Modules --
 * 960_12_col
 * Header
 * Page_banner
 * Sidebar
 * Breadcrumbs
 * Stacked_list
 * Articles
 * Main_slider
 * Modal
 * Footer
 * Buttons
 * 
 * -- Components --
 * Home
 * Dates_list
 * Personnel_list
 * FAQ
 * 
 * -- Stuff that should override --
 * Helpers
 * 
 */
/*------------------------------------*\
   $_Sprites
\*------------------------------------*/
.spr_all-sprite, .page-banner-slider-nav > a, .page-banner-slider-nav > .activeSlide, .side-nav > li.active:after,
.side-nav-arrow,
.lt-ie8 .side-nav > li.active .ie-after, .lt-ie9 .side-nav > li.active:after, .icon-facebook, .icon-twitter, .icon-mail, .modal a.close-modal, .footer-subscribe:before, .lt-ie8 .footer-subscribe .ie-before, .form-search-button {
  background: url('/images/css/spr_all-s3e1a25cf4e.png') no-repeat;
}

/*-----------------------------------*\
   $_Normalize
\*------------------------------------*

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

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

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

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

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

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

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

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

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

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

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

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

/*------------------------------------*\
   $_Reset
\*------------------------------------*

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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,
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-size: 100%;
  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;
}

/*------------------------------------*\
  $_Main
\*------------------------------------*/
html {
  overflow-y: scroll;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #4b575f;
  background-color: #edeeef;
  width: 1020px;
  margin: 0 auto;
  padding: 0;
}

.container {
  background-color: #fff;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
}

.container,
.footer-bottom-wrapper {
  border-radius: 0 0 6px 6px;
}

.main {
  margin-bottom: 45px;
}

/*------------------------------------*\
  $_Headings
\*------------------------------------*/
h1, h2, h3, h4, h5, h6,
.heading1, .heading2, .heading3, .heading4, .heading5, .heading6 {
  margin: 0;
  line-height: 1;
  font-weight: 600;
  color: #4b575f;
}

h1, .heading1 {
  font-size: 30px;
  font-weight: 300;
  margin: 0;
}

h2, .heading2 {
  font-size: 22px;
  font-weight: 600;
  margin: 0;
}

h3, .heading3 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 15px;
}

h4, .heading4 {
  font-size: 18px;
  margin: 0;
}

h5, .heading5 {
  font-size: 16px;
  margin-bottom: 10px;
}

h6, .heading6 {
  font-size: 14px;
  margin-bottom: 5px;
}

.section-heading {
  color: #89146a;
  font-weight: 400;
  margin-bottom: 35px;
}

/**
* A series of classes for setting massive type; for use in heroes, mastheads,
* promos, etc.
*/
.banner-slide-heading {
  font-size: 35px;
}

.side-article-heading {
  font-size: 12px;
}

/*------------------------------------*\
  $_Links
\*------------------------------------*/
a {
  color: #4b575f;
  text-decoration: none;
  line-height: 1.2;
}
a:hover {
  color: #4b575f;
}
a:active {
  color: #4b575f;
}
a:visited {
  color: #4b575f;
}
a:hover, a:active, a:focus {
  text-decoration: none;
}
a:active, a:focus {
  outline: none;
}

.side-data a, .article-meta a, .side-article-list-footer a, #login-modal a {
  color: #00989a;
  text-decoration: underline;
}
.side-data a:hover, .article-meta a:hover, .side-article-list-footer a:hover, #login-modal a:hover {
  text-decoration: none;
}

/*------------------------------------*\
  $_Text
\*------------------------------------*/
strong, b {
  font-weight: 600;
}

em, i {
  font-style: italic;
}

p {
  line-height: 1.65;
  margin-bottom: 22px;
}
p:last-child {
  margin-bottom: 0;
}

.article p:last-of-type,
section p:last-of-type {
  margin-bottom: 22px;
}

.article p:last-child,
section p:last-child {
  margin-bottom: 0;
}

/*------------------------------------*\
  $_Lists
\*------------------------------------*/
li > ul,
li > ol {
  margin-bottom: 0;
}

/*------------------------------------*\
  $_Images
\*------------------------------------*/
img {
  max-width: 100%;
  height: auto;
}

figure > img {
  display: block;
}

.article-image, .article-list-2col figure, .side-article-photo {
  position: relative;
  box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.2);
}
.article-image:before, .article-list-2col figure:before, .side-article-photo:before, .article-image:after, .article-list-2col figure:after, .side-article-photo:after {
  position: absolute;
  content: "";
  width: 37%;
  bottom: 6px;
  box-shadow: 0 0 2px 5px rgba(0, 0, 0, 0.8);
  z-index: 1;
}
.article-image:before, .article-list-2col figure:before, .side-article-photo:before {
  left: 10px;
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
}
.article-image:after, .article-list-2col figure:after, .side-article-photo:after {
  right: 10px;
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  transform: skewY(2deg);
}
.article-image img, .article-list-2col figure img, .side-article-photo img {
  padding: 1px;
  background-color: #fff;
  border: 1px solid #dbdddf;
  border-radius: 3px;
  position: relative;
  z-index: 10;
}

/*------------------------------------*\
  $_Tables
\*------------------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

td {
  vertical-align: top;
}

/*------------------------------------*\
  $_Forms
\*------------------------------------*/
input[type="text"],
textarea {
  font-size: 11px;
  border: 1px solid #cccccc;
  box-shadow: inset 1px 1px 1px #ededed;
  padding: 6px 10px;
  border-radius: 3px;
}

.form-search {
  position: relative;
}

.form-search-input {
  width: 200px;
}

.form-search-button {
  position: absolute;
  top: 8px;
  right: 8px;
}

::-webkit-input-placeholder {
  color: #a5aaad;
  font-style: italic;
}

:-moz-placeholder {
  color: #a5aaad;
  font-style: italic;
}

.placeholder {
  color: #a5aaad;
  font-style: italic;
}

.form .form-group {
  overflow: hidden;
  margin-bottom: 15px;
}
.form label {
  float: left;
  width: 140px;
  line-height: 26px;
}
.form input,
.form textarea {
  float: left;
  width: 280px;
}
.form textarea {
  width: 310px;
  min-width: 310px;
  max-width: 310px;
}
.form .form-submit-button {
  margin-left: 140px;
}

.contact-content {
  border-left: 1px solid #e6e6e6;
  padding-left: 30px;
  margin-left: -30px;
}

/*------------------------------------*\
   $_960_12_col
\*------------------------------------*

/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/
/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/
body {
  min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/
.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.home-intro,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_7, .container_12 .home-intro {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_9 {
  width: 600px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_3 {
  left: 240px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_6 {
  left: 480px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_9 {
  left: 720px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix,
.container_12 {
  zoom: 1;
}

/*------------------------------------*\
  $_Header
\*------------------------------------*/
.header-wrapper {
  background: white url('/images/css/header_pattern.png') repeat;
  box-shadow: inset 0 -15px 15px -15px rgba(0, 0, 0, 0.2);
}

.header {
  overflow: hidden;
  padding: 22px 0 26px;
}

.logo {
  float: left;
  margin-left: 10px;
  margin-top: 16px;
}

.header-top,
.main-nav {
  float: right;
  clear: right;
  margin-right: 10px;
}

.header-top {
  margin-bottom: 30px;
}

.header-info,
.header-login-button,
.form-search {
  float: left;
  margin-left: 20px;
}

.header-info {
  font-size: 11px;
  line-height: 26px;
}

.header-login-button {
  margin-top: 2px;
}

.header .form-search {
  position: relative;
  top: -1px;
}

.main-nav {
  width: 700px;
  margin-top: 4px;
}

.main-nav ul {
  overflow: hidden;
  float: right;
}

.main-nav li {
  float: left;
  margin-left: 30px;
  padding-bottom: 1px;
}
.main-nav li:first-child {
  margin-left: 0;
}
.main-nav li:hover, .main-nav li.active {
  border-bottom: 2px solid #89146a;
}

.main-nav a {
  text-transform: uppercase;
  color: #4b575f;
  font-size: 13px;
  font-weight: 600;
}

/*------------------------------------*\
  $_Page_banner
\*------------------------------------*/
.page-banner, .page-banner-slider {
  margin-bottom: 40px;
  padding-bottom: 8px;
  background: url('/images/css/banner_shadow.png') no-repeat left bottom;
  width: 100%;
  overflow: hidden;
}

.page-banner-content, .page-banner-slide {
  width: 100%;
  overflow: hidden;
  background-image: url('/images/css/watermark_large.png');
  background-position: right bottom;
  background-repeat: no-repeat;
}

.page-title {
  float: left;
  color: #fff;
  margin: 115px 0 0 20px;
}

.page-image, .banner-slide-image {
  float: left;
}

.lime {
  background-color: #939f40;
}

.purple {
  background-color: #89146a;
}

.gray {
  background-color: #4b575f;
}

.turqoise {
  background-color: #00989a;
}

.orange {
  background-color: #f39800;
}

/**
 * Page banner slider
 */
.page-banner-slider {
  position: relative;
  height: 280px;
  margin-bottom: 49px;
}

.page-banner-slide {
  background-image: none;
}

.page-banner-slider-nav {
  position: absolute;
  right: 206px;
  bottom: 32px;
  z-index: 100;
  overflow: hidden;
}
.page-banner-slider-nav > a {
  text-indent: -9999px;
  display: block;
  float: left;
  margin-left: 2px;
  background-position: 0 -16px;
  width: 10px;
  height: 10px;
}
.page-banner-slider-nav > a:active, .page-banner-slider-nav > a.banner_slider_nav_active, .page-banner-slider-nav > a.banner_slider_nav-active {
  background-position: -10px -16px;
}
.page-banner-slider-nav > .activeSlide {
  background-position: -10px -16px;
}

.banner-slide-text {
  float: left;
  margin: 35px 10px 0 50px;
  width: 350px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: right;
}

.banner-slide-heading {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  font-weight: 600;
  font-style: italic;
  margin-bottom: 30px;
}

/*------------------------------------*\
   $_Sidebar
\*------------------------------------*/
.sidebar-inner {
  width: 294px;
}

.sidebar-inner :last-child {
  margin-bottom: 0;
}

/**
 * Side data
 */
.side-data,
.side-data a {
  line-height: 1.8;
}

.side-data-group {
  margin: 20px 0;
}

.side-data-item {
  overflow: hidden;
}

.side-data-title {
  font-style: italic;
  float: left;
  width: 75px;
}

.side-data-value {
  float: left;
}
.side-data-value > * {
  display: block;
}

/**
 * Side banners
 */
.side-banner {
  padding: 20px;
  border-radius: 3px;
  margin: 40px 0;
  background-color: #4b575f;
  background-image: url('/images/css/watermark_small.png');
  background-repeat: no-repeat;
  background-position: 90% -80%;
}
.side-banner a {
  color: #fff;
  font-size: 26px;
  font-style: italic;
}

/*------------------------------------*\
   $_Breadcrumbs
\*------------------------------------*/
.breadcrumbs {
  margin-bottom: 32px;
}

.breadcrumbs ol {
  overflow: hidden;
}

.breadcrumbs li {
  float: left;
  margin-left: 3px;
  padding-left: 6px;
  background: url('/images/css/breadcrumbs_separator.png') no-repeat left 2px;
}
.breadcrumbs li:first-child {
  padding-left: 0;
  margin-left: 0;
  background: none;
}

.breadcrumbs a {
  font-size: 11px;
  font-weight: 300;
  text-decoration: underline;
}

.breadcrumbs .active a,
.breadcrumbs a:hover {
  color: #89146a;
  text-decoration: none;
}

/*------------------------------------*\
   $_Stacked_list
\*------------------------------------*/
.side-nav, .side-article-list, .home-links {
  background-color: #fafafa;
  border: 1px solid #dbdddf;
  padding: 2px 15px;
  border-radius: 3px;
  margin: 15px 0;
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8);
}

.side-nav > li, .side-article-list > li, .home-links > li, .side-article {
  border-top: 1px solid #d7d9db;
  padding: 12px 0;
}
.side-nav > li:first-child, .side-article-list > li:first-child, .home-links > li:first-child, .side-article:first-child {
  border-top: none;
}

nav .side-nav .active > a, nav .side-article-list .active > a, nav .home-links .active > a,
nav .side-nav > li > a:hover,
nav .side-article-list > li > a:hover,
nav .home-links > li > a:hover, .home-links a:hover {
  color: #89146a;
}

.side-nav > li, .side-article-list > li, .home-links > li {
  padding: 6px 0;
  position: relative;
}

.side-nav > li > a, .side-article-list > li > a, .home-links > li > a {
  display: block;
  font-size: 13px;
  padding: 6px 0;
}

.side-nav > li.active:after,
.side-nav-arrow,
.lt-ie8 .side-nav > li.active .ie-after {
  content: "";
  display: block;
  background-position: 0 0;
  width: 9px;
  height: 15px;
  position: absolute;
  right: -22px;
  top: 10px;
}

.lt-ie9 .side-nav > li.active:after {
  background-position: -9px 0;
}

.lt-ie8 .side-nav > li.active {
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="ie-after" );
}

nav .side-nav ul, nav .side-article-list ul, nav .home-links ul {
  padding: 0 5px 0 10px;
}

nav .side-nav > li > ul > li, nav .side-article-list > li > ul > li, nav .home-links > li > ul > li {
  margin: 10px 0;
}
nav .side-nav > li > ul > li:before, nav .side-article-list > li > ul > li:before, nav .home-links > li > ul > li:before {
  content: "\00BB";
  font-weight: 400;
  font-style: italic;
  margin-right: 6px;
}

nav .side-nav > li > ul a, nav .side-article-list > li > ul a, nav .home-links > li > ul a {
  font-size: 11px;
  font-style: italic;
  font-weight: 400;
}
nav .side-nav > li > ul a:hover, nav .side-article-list > li > ul a:hover, nav .home-links > li > ul a:hover {
  text-decoration: underline;
}

nav .side-nav li .active a:hover, nav .side-article-list li .active a:hover, nav .home-links li .active a:hover {
  text-decoration: none;
}

/*------------------------------------*\
   $_Articles
\*------------------------------------*/
.article-button-more {
  margin-top: 15px;
}

/**
 * Main article
 */
.article {
  overflow: hidden;
}

.article-intro {
  font-weight: 600;
}

.article-short {
  width: 460px;
}

.article-header {
  margin-bottom: 25px;
}

.article-heading, .article-heading-highlight {
  margin-bottom: 8px;
}

.article-heading-highlight {
  color: #89146a;
}

.article-meta {
  font-size: 11px;
}

.article-image.pull-right {
  margin: 15px 0 15px 20px;
}
.article-image.pull-left {
  margin: 15px 20px 15px 0;
}

.article-footer {
  position: relative;
  border-top: 1px solid #edeeee;
  margin-top: 28px;
  padding-top: 12px;
  text-align: right;
  overflow: hidden;
}
.article-footer span {
  margin-right: 5px;
}
.article-footer .icon {
  display: inline-block;
  margin-left: 3px;
}

.article-organizational {
  margin-top: 50px;
}

/**
 * Two column article-list
 */
.article-list-2col {
  float: left;
  margin-top: 20px;
}
.article-list-2col article {
  margin-bottom: 25px;
  font-size: 11px;
  line-height: 17px;
}
.article-list-2col .article-content {
  width: 330px;
}
.article-list-2col p:last-of-type {
  margin-bottom: 0;
}

/**
 * One column article-list
 */
.article-list .article {
  padding-bottom: 25px;
  border-bottom: 1px solid #edeeee;
  margin-bottom: 25px;
}
.article-list .article-content {
  width: 380px;
}
.article-list .article-image {
  margin: 0;
}

/**
 * Side article-list
 */
.side-article-list {
  padding-top: 10px;
  padding-bottom: 20px;
}

.side-article {
  padding: 15px 0;
  overflow: hidden;
}

.side-article-content {
  width: 100%;
  font-size: 11px;
}
.side-article-content p {
  line-height: 16px;
}

.side-article-photo + .side-article-content {
  width: 170px;
}

.side-article-list-footer {
  margin-top: 20px;
  font-size: 11px;
}
.side-article-list-footer:before {
  content: "\00BB";
}

.icon-facebook,
.icon-twitter,
.icon-mail {
  text-align: left;
  text-indent: -9999px;
}

.icon-facebook {
  background-position: 0 -32px;
  width: 16px;
  height: 16px;
}

.icon-twitter {
  background-position: -29px -16px;
  width: 16px;
  height: 16px;
}

.icon-mail {
  background-position: -18px 0;
  width: 16px;
  height: 16px;
}

/*------------------------------------*\
  $_Main_slider
\*------------------------------------*/
.main-slider-wrapper {
  margin: 30px 10px;
  float: left;
  width: 940px;
  background: #f7f7f7 url('/images/css/main_slider_shadow_left.png') no-repeat left center;
  clear: both;
  border-top: 1px solid #e6e7e7;
  border-bottom: 1px solid #e6e7e7;
}

.main-slider {
  background: url('/images/css/main_slider_shadow_right.png') no-repeat right center;
  overflow: hidden;
}

.jcarousel-clip {
  width: 850px;
  margin: 0 auto;
  overflow: hidden;
}

.main-slider-item {
  position: relative;
  width: 920px;
  height: 170px;
}

.main-slider-photo {
  position: absolute;
  left: 85px;
  bottom: 0;
}

.main-slider-content {
  position: absolute;
  width: 500px;
  right: 125px;
  top: 30px;
}

.main-slider-quote {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  font-style: italic;
  color: #89146a;
  margin-bottom: 15px;
}

.main-slider-person {
  font-size: 11px;
}

.jcarousel-prev,
.jcarousel-next {
  position: absolute;
  top: 50px;
  color: #dcddde;
  font-size: 50px;
  font-weight: 300;
  cursor: pointer!important;
}
.jcarousel-prev:hover,
.jcarousel-next:hover {
  cursor: pointer!important;
}

.jcarousel-prev {
  left: 14px;
}

.jcarousel-next {
  right: 14px;
}

/*------------------------------------*\
  $_Modal
\*------------------------------------*/
.modal {
  display: none;
  width: 460px;
  background: #f2f2f2 url('/images/css/watermark_medium.png') no-repeat 135px 78px;
  padding: 25px 20px;
  border-radius: 3px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.7);
  border: 5px solid #fff;
  z-index: 999!important;
}

.jquery-modal.blocker {
  z-index: 500!important;
}

.modal a.close-modal {
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  text-indent: -9999px;
  background-position: -20px -16px;
  width: 9px;
  height: 10px;
}

.login-heading {
  color: #89146a;
  margin-bottom: 20px;
}

#login-modal .col {
  width: 220px;
}
#login-modal .col.pull-left {
  margin-right: 10px;
}
#login-modal .col.pull-right {
  margin-left: 10px;
}

#login-modal input {
  margin-bottom: 14px;
  width: 200px;
}

.login-forgot {
  display: block;
  margin-top: 34px;
}

/*------------------------------------*\
  $_Footer
\*------------------------------------*/
.footer-top-wrapper {
  background-color: #4c565c;
  margin-top: 35px;
}

.footer-top {
  padding: 38px 0 25px;
}

.footer-bottom-wrapper {
  background-color: #373f44;
}

.footer-bottom {
  padding: 12px 0 13px;
  overflow: hidden;
}

.footer {
  color: #b0b5b7;
}

.footer-heading {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.footer a {
  color: #b0b5b7;
  text-decoration: underline;
}
.footer a:hover {
  text-decoration: none;
}

.footer p:last-of-type {
  margin-bottom: 0;
}

/**
 * Footer top
 */
.footer-subscribe {
  text-transform: uppercase;
  display: block;
  float: left;
  position: relative;
  margin-top: 15px;
  padding: 6px 12px 6px 58px;
  border: 1px solid #31373b;
  background-color: #373f44;
  font-weight: 400;
  font-size: 9px;
  text-decoration: none!important;
  border-radius: 5px;
  letter-spacing: 1.2px;
}
.footer-subscribe:before, .lt-ie8 .footer-subscribe .ie-before {
  content: "";
  position: absolute;
  left: 4px;
  top: -7px;
  background-position: 0 -48px;
  width: 45px;
  height: 35px;
}

.lt-ie8 .footer-subscribe {
  filter: expression(this.runtimeStyle.filter="1", this.insertBefore( document.createElement("i"), this.firstChild ).className="ie-before" );
}

.footer-nav ul {
  overflow: hidden;
}

.footer-nav li,
.footer-nav-li {
  float: left;
  width: 50%;
  margin-bottom: 6px;
}
.footer-nav li:before,
.footer-nav-li:before {
  content: "\2022";
  margin-right: 3px;
  color: #b0b5b7;
}

.footer-contact a {
  color: #fff;
}
.footer-contact span {
  display: block;
  margin-bottom: 6px;
}
.footer-contact .contact-page-link {
  margin-top: 25px;
}

.footer-nav {
  max-height: 75px;
}

/**
 * Footer bottom
 */
.footer-copyright,
.footer-bottom-links {
  float: left;
  margin-right: 15px;
  line-height: 25px;
}

.footer-copyright {
  font-weight: 600;
}

.footer-bottom-links {
  overflow: hidden;
}
.footer-bottom-links li {
  float: left;
  margin-right: 15px;
}

.footer-logo {
  float: right;
}

/*------------------------------------*\
  $_Buttons
\*------------------------------------*/
.form .form-submit-button, .header-login-button, .login-button, .form-search-button, .article-button-more {
  text-align: center;
  line-height: 1;
  text-decoration: none;
  overflow: visible;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: none;
  padding: 0;
}
.form .form-submit-button:hover, .header-login-button:hover, .login-button:hover, .form-search-button:hover, .article-button-more:hover {
  cursor: pointer;
}
.form .form-submit-button:active, .header-login-button:active, .login-button:active, .form-search-button:active, .article-button-more:active, .form .form-submit-button:focus, .header-login-button:focus, .login-button:focus, .form-search-button:focus, .article-button-more:focus {
  outline: 0;
}

.form .form-submit-button, .header-login-button, .login-button, .article-button-more {
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 400;
  word-spacing: 2px;
  padding: 6px 8px;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.form .form-submit-button, .article-list .article-button-more, .login-button {
  padding: 7px 10px;
}

.form .form-submit-button, .header-login-button, .login-button {
  padding: 7px 8px;
  color: #fff!important;
  background-color: #4c565c;
}

.form-search-button {
  text-align: left;
  text-indent: -9999px;
  display: block;
  background-position: -16px -32px;
  width: 12px;
  height: 12px;
}

.article-button-more {
  padding: 5px 8px;
  border: 1px solid #e5e5e5;
  background-color: #f2f2f2;
}

/*------------------------------------*\
  $_Home
\*------------------------------------*/
.home-intro {
  width: 518px!important;
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 27px;
}
.home-intro .section-heading {
  margin-bottom: 15px;
}

.home-links {
  background-color: #f7f7f7;
  max-height: 161px;
  width: 320px;
  margin: 0 10px 0 0;
}

.home-links li {
  float: left;
  width: 50%;
}
.home-links li:nth-child(2) {
  border-top: none;
}

/*------------------------------------*\
   $_Dates_list
\*------------------------------------*/
.dates-list li {
  overflow: hidden;
  margin-top: 6px;
}
.dates-list li:first-child {
  margin-top: 0;
}

.dates-list-date {
  font-size: 11px;
  line-height: 1.4;
  float: left;
  width: 80px;
}

.dates-list-ref {
  float: left;
}
.dates-list-ref:before {
  content: "\00BB";
  color: #89146a;
  margin-right: 2px;
}
.dates-list-ref a {
  color: #89146a;
  text-decoration: underline;
}
.dates-list-ref a:hover {
  text-decoration: none;
}

/*------------------------------------*\
   $_Personnel_list
\*------------------------------------*/
.personnel-list {
  width: 540px;
  margin-top: 30px;
}

.person {
  width: 155px;
  float: left;
  position: relative;
  margin-left: 22px;
  margin-bottom: 30px;
  padding: 4px;
  padding-bottom: 0;
  background-color: #fff;
  border: 1px solid #dbdddf;
  border-radius: 3px;
  z-index: 10;
  box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.2);
}
.person:before, .person:after {
  position: absolute;
  content: "";
  width: 40%;
  bottom: 4px;
  box-shadow: 0 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.person:before {
  left: 10px;
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
}
.person:after {
  right: 10px;
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  transform: skewY(2deg);
}

.person.alpha {
  margin-left: 0;
}

.person-data {
  position: relative;
  z-index: 15;
  background-color: #fff;
  padding: 17px 2px 15px;
  text-align: center;
}

.person-name {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
}

.person-status {
  font-size: 12px;
  color: #f39800;
  font-weight: 400;
  margin-bottom: 19px;
}

.person-description {
  font-size: 11px;
  line-height: 1.3;
}

/*------------------------------------*\
   $_Faq
\*------------------------------------*/
.faq-item {
  padding: 25px 0;
  border-bottom: 1px solid #edeeee;
}
.faq-item:first-child {
  padding-top: 0;
}

.faq-item-heading {
  font-weight: 600;
  color: #89146a;
}
.faq-item-heading:hover {
  cursor: pointer;
}

.faq-item-content {
  padding-left: 15px;
  margin-top: 25px;
  display: none;
}

.faq-active .faq-item-content {
  display: block;
}

/*------------------------------------*\
    $_Helpers
\*------------------------------------*/
/*
* Image replacement
*/
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

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

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

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

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

/*
* Clearfix: contain floats
*/
.container:before, .side-nav > li:before, .side-article-list > li:before, .home-links > li:before, .side-article:before, .personnel-list:before,
.container:after,
.side-nav > li:after,
.side-article-list > li:after,
.home-links > li:after,
.side-article:after,
.personnel-list:after {
  content: " ";
  display: table;
}

.container:after, .side-nav > li:after, .side-article-list > li:after, .home-links > li:after, .side-article:after, .personnel-list:after {
  clear: both;
}

/*
* Floats
 */
.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

/*
* Text align
 */
.text-center {
  text-align: center;
}

.realisatie {
  display: block;
  position: absolute;
  left: -9999px;
}