/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

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

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

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

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

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

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

.small-calendar {
  position: relative;
  width: 100%;
}
.small-calendar .day {
  position: relative;
  float: left;
  width: 14%;
  text-align: center;
  overflow: hidden;
}
.day-boxes {
  clear: both;
}
.day-boxes-float-clear {
  clear: both;
}
.month-detail-calendar .day {
  margin-bottom: 2em;
}
.month-detail-calendar .event {
  margin-bottom: 0.5em;
  margin-left: 0.5em;
}
.month-detail-calendar .day-number {
  display: none;
}
.month-detail-calendar .day-date {
  font-size: 140%;
}
.month-detail-calendar .event .time-and-title {
  display: inline-block;
}
.month-detail-calendar .event .time {
  display: inline-block;
  font-weight: bold;
}
.month-detail-calendar .event .title {
  display: inline-block;
}
.month-detail-calendar .event .location {
  display: inline-block;
}
.month-detail-calendar .event .duration {
  display: inline-block;
}
.period-navigation {
  width: 100%;
  text-align: center;
}
.period-navigation .previous-period,
.period-navigation .next-period {
  width: 40%;
  display: inline-block;
}
.big-calendar .day {
  position: relative;
  float: left;
  width: 14%;
  text-align: center;
  height: 10em;
  overflow: hidden;
  margin-bottom: 0.25em;
}
.big-calendar .days-of-week .day {
  height: 1.2em;
}
.big-calendar .day-date {
  display: none;
}
.big-calendar .day-inner-container {
  margin: 0 0.25em 0 0;
  overflow: hidden;
  background-color: #EEEEEE;
  height: 100%;
}
.big-calendar .event {
  text-align: left;
}
.big-calendar .event .time {
  display: inline-block;
  font-weight: bold;
}
.big-calendar .event .time-and-title {
  max-height: 2em;
  overflow: hidden;
}
.big-calendar .event .title {
  display: inline-block;
}
.big-calendar .event .location {
  display: none;
}
.big-calendar .event .duration {
  display: none;
}
.big-calendar .event .description {
  display: none;
}
.upcoming-events .premier-events {
  display: inline-block;
  margin-left: 0;
}
.upcoming-events .premier-events {
  float: right;
}
.upcoming-events .premier-events h2 {
  line-height: 50px;
  padding-left: 15px;
  margin-bottom: 0;
}
.upcoming-events .premier-events h4 {
  margin-bottom: 0;
}
.upcoming-events .premier-events .content {
  padding: 0 15px;
  padding-bottom: 40px;
}
.upcoming-events .premier-events .event {
  padding: 20px 0;
}
.upcoming-events .premier-events .event .event-details {
  padding: 0;
}
.upcoming-events .premier-events .event .event-details p {
  padding-right: 0;
}
.upcoming-events .premier-events .event .price-box {
  position: relative;
  left: 0;
}
.upcoming-events .events h2 {
  line-height: 52px;
  margin-bottom: 0;
  font-weight: 400;
}
.upcoming-events .events h3 {
  line-height: 38px;
  margin-bottom: 0;
}
.upcoming-events .events .calendar {
  padding: 18px;
}
.upcoming-events .events .calendar br {
  display: none;
}
.upcoming-events .events .calendar .year-box {
  float: right;
}
.upcoming-events .events .calendar a {
  text-decoration: none;
  font-weight: 400;
  padding-right: 10px;
}
.upcoming-events .events .calendar a.selected {
  font-weight: 600;
}
.upcoming-events .event {
  clear: both;
  margin-bottom: 20px;
}
.upcoming-events .event .event-details {
  position: relative;
}
.upcoming-events .event .event-details p {
  padding-right: 80px;
}
.upcoming-events .event .event-details h4 {
  font-weight: 600;
}
.upcoming-events .event .event-details .time,
.upcoming-events .event .event-details .place {
  font-weight: 600;
}
.upcoming-events .event .primary-image {
  float: left;
  max-width: 200px;
  padding: 10px 20px 10px 0;
}
.upcoming-events .event .price-box {
  position: absolute;
  top: 18px;
  right: 18px;
}
.upcoming-events .event .price-box .price {
  font-size: 125%;
  font-weight: 600;
}
.upcoming-events .month-box.future {
  display: none;
}
.upcoming-events .month-box a,
.upcoming-events .year-box a {
  color: inherit;
}
@media (max-width: 1080px) {
  .upcoming-events .events {
    padding-bottom: 204px;
  }
  .upcoming-events .events {
    margin-left: 0;
    width: auto;
  }
}
@media (max-width: 880px) {
  .upcoming-events .vert-pic-strip {
    display: none;
  }
  .upcoming-events .events .calendar .br-Jun {
    display: inline;
  }
}
@media (max-width: 550px) {
  .upcoming-events .events {
    width: 100%;
  }
  .upcoming-events .events .price-box {
    position: relative;
    margin-left: 20px;
    margin-bottom: 20px;
  }
  .upcoming-events .events .event .event-details p {
    padding-right: 0;
  }
}
/*
 * The base font size which makes the chosen font match photoshop.
 * For Open Sans this is 7.1pt, for Source Sans Pro this is 7.6pt 
 */
.source-sans-pro {
  font-family: 'Source Sans Pro', sans-serif;
}
.open-sans {
  font-family: 'Open Sans', sans-serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
  text-decoration: none;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
  text-decoration: underline;
}
.container {
  max-width: 100%;
  margin: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.container .ie6,
.container ie7,
.container ie8 {
  width: 1080px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1080px) {
  .container {
    width: 1080px;
    padding-left: 0;
    padding-right: 0;
  }
}
.relative {
  position: relative;
}
.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.make-me-a-table .table {
  display: table;
  width: 100%;
}
.make-me-a-table .table .row {
  display: table-row;
}
.make-me-a-table .table .row > * {
  display: table-cell;
  vertical-align: top;
}
@media (max-width: 880px) {
  .make-me-a-table .table {
    display: block;
  }
  .make-me-a-table .table .row {
    display: block;
  }
  .make-me-a-table .table .row > * {
    display: block;
    margin-bottom: 40px;
  }
}
.inline-children {
  text-align: center;
  font-size: 0;
}
.inline-children > * {
  display: inline-block;
  font-size: 7.6pt;
}
.top-up {
  vertical-align: top;
}
.mid-align {
  vertical-align: middle;
}
.center {
  text-align: center;
}
.full-width {
  width: 100%;
}
.half-width {
  width: 50%;
}
.clear {
  clear: both;
}
.clear-inner:after {
  content: '';
  display: table;
  clear: both;
}
.smaller {
  font-size: 75%;
}
.bigger {
  font-size: 125%;
}
.menu-link {
  text-decoration: none;
}
.menu-link:hover {
  text-decoration: underline;
}
.link-inherit a {
  text-decoration: none;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
}
.link-inherit a:hover {
  text-decoration: underline;
}
.pic-back {
  background-position: center center;
  background-repeat: no-repeat;
}
.full-back {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.flex-back {
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 1920px) {
  .flex-back {
    background-size: cover;
  }
}
.nowrap {
  white-space: nowrap;
}
@media (max-width: 1080px) {
  .only-desktop {
    display: none;
  }
}
@media (max-width: 650px) {
  .too-big-for-phone {
    display: none;
  }
}
table.with-border,
table.with-border th,
table.with-border td {
  border: 1px solid #d2d7db;
}
footer {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('/vrsc/123/img/bottom-background.jpg');
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 20px;
}
@media (min-width: 1920px) {
  footer {
    background-size: cover;
  }
}
footer .container:after {
  content: '';
  display: table;
  clear: both;
}
footer .minnesota {
  float: left;
}
footer .contact {
  float: left;
  color: #152f52;
  margin-left: 50px;
}
footer .contact h2 {
  font-size: 250%;
  padding-bottom: 15px;
  border-bottom: 1px solid #323232;
  font-weight: 400;
}
footer .contact .info {
  font-size: 160%;
}
footer .contact .info > * {
  display: inline-block;
  vertical-align: top;
}
footer .contact .info .addr {
  padding-right: 50px;
}
footer .contact .info .social {
  padding-top: 15px;
}
footer .contact .info .social a {
  padding-right: 10px;
  vertical-align: middle;
}
footer .subscribe {
  float: right;
}
footer .subscribe input[type=text] {
  box-sizing: border-box;
  padding: 10px;
  font-size: 160%;
  border: 0;
  background-color: white;
  min-width: 100%;
}
footer .subscribe input[type=text]::-webkit-input-placeholder {
  color: #a9aaac;
}
footer .subscribe input[type=text]:-moz-placeholder {
  color: #a9aaac;
}
footer .subscribe input[type=text]::-moz-placeholder {
  color: #a9aaac;
}
footer .subscribe input[type=text]:-ms-input-placeholder {
  color: #a9aaac;
}
footer .subscribe button {
  background-color: #930105;
  color: white;
  text-transform: uppercase;
  font-size: 160%;
  margin-top: 15px;
  padding: 6px 15px;
  border: 0;
}
footer .subscribe h2 {
  font-size: 250%;
  padding-bottom: 15px;
  font-weight: 400;
}
.pub-page {
  font-size: 140%;
}
.now-editing-page .dialog-frame {
  font-size: 160%;
}
.now-editing-page .edit-content-inline {
  padding-bottom: 1px;
}
#bbox-root {
  font-size: 140%;
}
.event-page .event-item {
  float: left;
}
.event-page .event-registration {
  margin-top: 50px;
  clear: both;
}
.event-page .content-pane h2 {
  margin-top: 11px;
}
.notification-tab {
  position: fixed;
  top: 60px;
  left: 0px;
  z-index: 101;
  font-size: 15px;
  transform: translateX(-70%);
  transition: transform 0.3s;
}
.notification-tab:hover {
  transform: translateX(0);
}
.notification-tab .inner-tab {
  display: table;
}
.notification-tab .inner-tab .row {
  display: table-row;
}
.notification-tab .inner-tab .row > * {
  display: table-cell;
}
.notification-tab .inner-tab .flag {
  border-left: solid 1px;
  padding: 10px 2px 0 30px;
}
.notification-tab .inner-tab .flag .flag-text {
  font-size: 20px;
  transform: rotateZ(90deg);
  width: 0;
  height: 0;
  white-space: nowrap;
}
.notification-tab .h1 {
  font-size: 18px;
}
.notification-tab .h2 {
  font-size: 14px;
  margin-bottom: 30px;
}
.notification-tab .learn {
  text-decoration: none;
  padding: 5px 12px;
}
.notification-tab .msg {
  padding: 20px;
  text-align: center;
  max-width: 400px;
}
.notification-tab .flag {
  padding: 5px 7px;
}
#page-properties {
  z-index: 101;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.notification-header {
  width: 100%;
  font-size: 15px;
  padding: 0px 40px 10px 40px;
}
.notification-header .inner-header {
  display: table;
}
.notification-header .inner-header .row {
  display: table-row;
}
.notification-header .inner-header .row > * {
  display: table-cell;
  vertical-align: top;
}
.notification-header .inner-header .row .icon {
  vertical-align: middle;
  padding: 10px 20px;
}
.notification-header .h1 {
  font-size: 18px;
}
.notification-header .h2 {
  font-size: 14px;
  margin-bottom: 10px;
}
.notification-header .p {
  font-size: 13px;
  margin-bottom: 20px;
}
.notification-header .learn {
  text-decoration: none;
  padding: 5px 12px;
}
.notification-header .msg {
  padding: 5px 20px;
  text-align: left;
}
.map-section {
  position: relative;
  height: 500px;
  margin: 20px 0px;
}
.map-section:before {
  content: '\00a0';
  display: inline-block;
  width: 0;
  height: 0;
  font-size: 0;
  padding-top: 54.9%;
}
.map-info-window {
  text-decoration: none;
  color: black;
}
.map-info-window .title {
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 120%;
  display: block;
}
.map-info-window img.primary {
  display: block;
  margin-top: 30px;
  width: 100%;
  max-width: 300px;
}
.map-for-property {
  margin: 0 40px;
}
.std-sizes h1 {
  color: #930105;
  font-weight: 400;
  font-size: 360%;
  margin-bottom: 0px;
  line-height: 1.2em;
}
.std-sizes h2 {
  color: #152f52;
  font-size: 280%;
  font-weight: 300;
  margin-bottom: 0;
}
.std-sizes h1 + h2 {
  color: #930105;
  font-style: italic;
  font-size: 160%;
  margin-top: 0;
}
.std-sizes h3 {
  color: #930105;
  font-size: 160%;
  font-weight: 400;
  margin-bottom: 0;
}
.std-sizes h4 {
  font-size: 170%;
  margin-bottom: 0;
}
.std-sizes h2 + h3 {
  margin-top: 0;
  font-style: italic;
  margin-bottom: 15px;
}
.std-sizes h1 + h3 {
  margin-top: 0;
}
.std-sizes h1 + h3 + p {
  margin-top: 30px;
}
.std-sizes h1:first-child + p {
  margin-top: 30px;
}
.std-sizes p,
.std-sizes li,
.std-sizes dl {
  font-size: 140%;
  color: #323232;
}
.std-sizes dl dt {
  font-weight: 600;
}
.std-sizes p strong,
.std-sizes dl strong,
.std-sizes p b,
.std-sizes dl b {
  color: #930105;
}
.std-sizes p a,
.std-sizes dl a {
  color: #152f52;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px dashed #152f52;
}
.std-sizes td,
.std-sizes th {
  font-size: 140%;
  color: #323232;
  padding: 4px;
}
.std-sizes td p,
.std-sizes th p {
  font-size: 100%;
}
.std-sizes h2 + p,
.std-sizes h3 + p,
.std-sizes h4 + p {
  margin-top: 0;
}
.std-sizes ul:not(.resources):not(.color-links) {
  padding-left: 0px;
  list-style: none;
}
.std-sizes ul:not(.resources):not(.color-links) li:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #930105;
  vertical-align: top;
  border-radius: 50%;
  margin-top: 0.5em;
  margin-right: 10px;
}
.std-sizes ul:not(.resources):not(.color-links) li {
  text-indent: -1em;
  padding-left: 1em;
}
.std-sizes ul:not(.resources):not(.color-links) li p {
  display: inline;
}
.std-sizes li {
  margin: 8px 0;
}
.std-sizes li p {
  position: relative;
  overflow: hidden;
  font-size: 100%;
  margin: 0;
}
.std-sizes li a {
  color: #152f52;
  font-weight: 600;
  text-decoration: none;
}
.std-sizes li a:hover {
  border-bottom: 1px dashed #152f52;
}
.std-sizes p.pic {
  padding: 0;
  margin: 20px 0;
}
.std-sizes .attribution {
  color: #930105;
  font-weight: 600;
}
.std-sizes img[align=left] {
  padding-right: 30px;
}
.bread-crumbs {
  padding-left: 25px;
}
.bread-crumbs a {
  text-decoration: none;
  color: #7d7d7d;
  font-size: 120%;
  line-height: 65px;
  text-transform: uppercase;
}
.bread-crumbs a:hover {
  text-decoration: underline;
}
.bread-crumbs .slash:last-child {
  display: none;
}
.collapsable {
  position: relative;
  overflow: hidden;
  border: 0;
  height: 30px;
  transition: height 0.3s;
}
.collapsable .contains {
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
}
.collapsable:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: 'open';
  text-align: center;
  font-size: 14px;
  display: block;
  background-color: #eeeeee;
  line-height: 20px;
  z-index: 2;
  border-top: 10px white solid;
  cursor: pointer;
}
.collapsable.open:after {
  content: 'close';
}
.now-editing-page .collapsable .contains,
.no-js .collapsable .contains {
  position: relative;
}
.now-editing-page .collapsable:after,
.no-js .collapsable:after {
  display: none;
}
body ul.resources {
  list-style: none;
  padding-left: 0;
}
body ul.resources:after {
  content: '';
  display: table;
  clear: both;
}
body ul.resources li {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 48%;
  float: left;
  background-color: #f6f6f7;
  border: solid 1px #d2d7db;
  padding-left: 15px;
  line-height: 34px;
  height: 34px;
  font-size: 14px;
  overflow: hidden;
}
body ul.resources li,
body ul.resources li a {
  color: #152f52;
  text-decoration: none;
  display: block;
  position: relative;
  z-index: 2;
}
body ul.resources li:nth-child(2n) {
  margin-left: 2%;
}
body ul.resources li:nth-child(2n + 1) {
  margin-right: 2%;
}
body ul.resources li:before {
  display: none;
}
body ul.resources li:after {
  content: url('/vrsc/123/img/circle-and-chevron.png');
  margin-top: -13px;
  position: absolute;
  top: 50%;
  right: 8px;
}
body ul.resources.full li {
  width: 100%;
}
body ul.resources.full li:nth-child(2n) {
  margin-left: 0%;
}
body ul.resources.full li:nth-child(2n + 1) {
  margin-right: 0%;
}
div.color-link {
  display: block;
  position: relative;
  box-sizing: border-box;
  background-color: #f6f6f7;
  border: solid 1px #d2d7db;
  font-size: 14px;
  overflow: hidden;
  padding: 0;
  margin-bottom: 10px;
}
div.color-link a:hover {
  border-bottom: 0 !important;
}
div.color-link > *:first-child {
  text-decoration: none;
  color: #323232;
  display: inline-block;
  padding: 15px 70px 15px 34px;
  position: relative;
  z-index: 2;
}
div.color-link > *:first-child .title {
  display: block;
  color: #152f52;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}
div.color-link > *:first-child .msg {
  display: block;
}
div.color-link:before {
  content: '';
  display: block;
  position: absolute;
  border-radius: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 12px;
  margin: 0;
  height: 100%;
}
div.color-link:after {
  content: url('/vrsc/123/img/circle-and-chevron.png');
  margin-top: -13px;
  position: absolute;
  top: 50%;
  right: 20px;
}
div.color-link:nth-of-type(1):before {
  background-color: #c69844;
}
div.color-link:nth-of-type(2):before {
  background-color: #e48600;
}
div.color-link:nth-of-type(3):before {
  background-color: #8dbc3f;
}
div.color-link:nth-of-type(4):before {
  background-color: #62b3e2;
}
div.color-link:nth-of-type(5):before {
  background-color: #940104;
}
div.color-link:nth-of-type(6):before {
  background-color: #7b7b7b;
}
div.color-link:nth-of-type(7):before {
  background-color: #495152;
}
div.color-link:nth-of-type(8):before {
  background-color: #152f52;
}
div.color-link:nth-of-type(9):before {
  background-color: #406291;
}
div.color-link:nth-of-type(10):before {
  background-color: #c69844;
}
div.color-link:nth-of-type(11):before {
  background-color: #e48600;
}
div.color-link:nth-of-type(12):before {
  background-color: #8dbc3f;
}
div.color-link:nth-of-type(13):before {
  background-color: #62b3e2;
}
div.color-link:nth-of-type(14):before {
  background-color: #940104;
}
div.color-link:nth-of-type(15):before {
  background-color: #7b7b7b;
}
div.color-link:nth-of-type(16):before {
  background-color: #495152;
}
div.color-link:nth-of-type(17):before {
  background-color: #152f52;
}
div.color-link:nth-of-type(18):before {
  background-color: #406291;
}
div.color-link:nth-of-type(19):before {
  background-color: #c69844;
}
div.color-link:nth-of-type(20):before {
  background-color: #e48600;
}
div.color-link:nth-of-type(21):before {
  background-color: #8dbc3f;
}
div.color-link:nth-of-type(22):before {
  background-color: #c69844;
}
div.color-link:nth-of-type(23):before {
  background-color: #e48600;
}
div.color-link:nth-of-type(24):before {
  background-color: #8dbc3f;
}
div.color-link:nth-of-type(25):before {
  background-color: #62b3e2;
}
body ul.color-links {
  list-style: none;
  padding-left: 0;
}
body ul.color-links:after {
  content: '';
  display: table;
  clear: both;
}
body ul.color-links li {
  display: block;
  position: relative;
  box-sizing: border-box;
  background-color: #f6f6f7;
  border: solid 1px #d2d7db;
  font-size: 14px;
  overflow: hidden;
  padding: 0;
}
body ul.color-links li a:hover {
  border-bottom: 0 !important;
}
body ul.color-links li > *:first-child {
  text-decoration: none;
  color: #323232;
  display: inline-block;
  padding: 15px 70px 15px 34px;
  position: relative;
  z-index: 2;
}
body ul.color-links li > *:first-child .title {
  display: block;
  color: #152f52;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}
body ul.color-links li > *:first-child .msg {
  display: block;
}
body ul.color-links li:before {
  content: '';
  display: block;
  position: absolute;
  border-radius: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 12px;
  margin: 0;
  height: 100%;
}
body ul.color-links li:after {
  content: url('/vrsc/123/img/circle-and-chevron.png');
  margin-top: -13px;
  position: absolute;
  top: 50%;
  right: 20px;
}
body ul.color-links li:nth-of-type(1):before {
  background-color: #c69844;
}
body ul.color-links li:nth-of-type(2):before {
  background-color: #e48600;
}
body ul.color-links li:nth-of-type(3):before {
  background-color: #8dbc3f;
}
body ul.color-links li:nth-of-type(4):before {
  background-color: #62b3e2;
}
body ul.color-links li:nth-of-type(5):before {
  background-color: #940104;
}
body ul.color-links li:nth-of-type(6):before {
  background-color: #7b7b7b;
}
body ul.color-links li:nth-of-type(7):before {
  background-color: #495152;
}
body ul.color-links li:nth-of-type(8):before {
  background-color: #152f52;
}
body ul.color-links li:nth-of-type(9):before {
  background-color: #406291;
}
body ul.color-links li:nth-of-type(10):before {
  background-color: #c69844;
}
body ul.color-links li:nth-of-type(11):before {
  background-color: #e48600;
}
body ul.color-links li:nth-of-type(12):before {
  background-color: #8dbc3f;
}
body ul.color-links li:nth-of-type(13):before {
  background-color: #62b3e2;
}
body ul.color-links li:nth-of-type(14):before {
  background-color: #940104;
}
body ul.color-links li:nth-of-type(15):before {
  background-color: #7b7b7b;
}
body ul.color-links li:nth-of-type(16):before {
  background-color: #495152;
}
body ul.color-links li:nth-of-type(17):before {
  background-color: #152f52;
}
body ul.color-links li:nth-of-type(18):before {
  background-color: #406291;
}
body ul.color-links li:nth-of-type(19):before {
  background-color: #c69844;
}
body ul.color-links li:nth-of-type(20):before {
  background-color: #e48600;
}
body ul.color-links li:nth-of-type(21):before {
  background-color: #8dbc3f;
}
body ul.color-links li:nth-of-type(22):before {
  background-color: #c69844;
}
body ul.color-links li:nth-of-type(23):before {
  background-color: #e48600;
}
body ul.color-links li:nth-of-type(24):before {
  background-color: #8dbc3f;
}
body ul.color-links li:nth-of-type(25):before {
  background-color: #62b3e2;
}
.contact-cell {
  clear: both;
  padding: 21px;
  background-color: #eeeeef;
  color: #152f52;
  margin-top: 30px;
}
.contact-cell:after {
  content: '';
  display: table;
  clear: both;
}
.contact-cell img {
  float: left;
  margin-right: 20px;
  min-height: 200px;
  max-width: 200px;
}
.contact-cell .img-part {
  float: left;
  margin-right: 20px;
  max-width: 26%;
  font-size: 0;
}
.contact-cell .img-part img {
  float: none;
  margin-right: 0;
  max-width: none;
  width: 100%;
}
@media (max-width: 880px) {
  .contact-cell img {
    min-height: 0;
  }
}
.contact-cell .name {
  font-size: 300%;
}
.contact-cell .position {
  font-size: 170%;
  margin-bottom: 25px;
}
.contact-cell .name p,
.contact-cell .position p {
  margin: 0;
  font-size: inherit !important;
}
.contact-cell p {
  font-size: 170%;
}
.grey-cloth-headline {
  background-image: url('/vrsc/123/img/grey-fabric.jpg');
  background-position: center center;
  background-size: cover;
  height: 56px;
  box-sizing: border-box;
  color: white;
  padding-top: 30px;
  padding-left: 15px;
  font-size: 260%;
}
.red-cloth-headline {
  background-image: url('/vrsc/123/img/grey-fabric.jpg');
  background-position: center center;
  background-size: cover;
  height: 56px;
  box-sizing: border-box;
  color: white;
  padding-top: 30px;
  padding-left: 15px;
  font-size: 260%;
  background-image: url('/vrsc/123/img/red-fabric.jpg');
}
img.full-width {
  width: 100%;
  margin: 20px 0;
}
p.pic img.full-width {
  margin: 0;
}
img.on-right {
  float: right;
  width: 45%;
  margin: 20px 0 20px 20px;
}
img.on-right.small {
  width: 30%;
}
img.on-right.top {
  margin-top: 0;
}
h1 + p img.on-right,
h2 + p img.on-right,
h3 + p img.on-right {
  margin-top: 0;
}
.no-marker-list {
  list-style: none;
  padding-left: 0;
}
.std-form input[type=text] {
  box-sizing: border-box;
  padding: 10px;
  font-size: 160%;
  border: 0;
  background-color: white;
  min-width: 100%;
}
.std-form input[type=text]::-webkit-input-placeholder {
  color: #a9aaac;
}
.std-form input[type=text]:-moz-placeholder {
  color: #a9aaac;
}
.std-form input[type=text]::-moz-placeholder {
  color: #a9aaac;
}
.std-form input[type=text]:-ms-input-placeholder {
  color: #a9aaac;
}
.std-form button {
  background-color: #930105;
  color: white;
  text-transform: uppercase;
  font-size: 160%;
  margin-top: 15px;
  padding: 6px 15px;
  border: 0;
}
.common-header .container:after {
  content: '';
  display: table;
  clear: both;
}
.common-header .logo {
  padding: 14px 0 16px 0;
  float: left;
  width: 488px;
  max-width: 80%;
  transition: padding 0.3s, max-width 0.3s;
}
@media (max-width: 1080px) {
  .common-header .logo {
    width: 325px;
    margin-top: 2px;
  }
}
.short-header .common-header .logo .ie6,
.short-header .common-header .logo ie7,
.short-header .common-header .logo ie8 {
  padding: 5px 0 7px 0;
  max-width: 200px;
}
@media (min-width: 880px) {
  .short-header .common-header .logo {
    padding: 5px 0 7px 0;
    max-width: 200px;
  }
}
.common-header .menus {
  float: right;
  padding-top: 26px;
  text-align: right;
  transition: padding-top 0.3s;
}
.short-header .common-header .menus .ie6,
.short-header .common-header .menus ie7,
.short-header .common-header .menus ie8 {
  padding-top: 12px;
}
@media (min-width: 880px) {
  .short-header .common-header .menus {
    padding-top: 12px;
  }
}
.common-header .menus .close-menu {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  font-size: 18px;
  display: none;
  color: #323232;
  text-decoration: none;
}
.common-header .menus .top-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  padding-bottom: 15px;
  transition: padding-bottom 0.3s;
}
.short-header .common-header .menus .top-menu ul .ie6,
.short-header .common-header .menus .top-menu ul ie7,
.short-header .common-header .menus .top-menu ul ie8 {
  padding-bottom: 3px;
  padding-top: 8px;
}
@media (min-width: 880px) {
  .short-header .common-header .menus .top-menu ul {
    padding-bottom: 3px;
    padding-top: 8px;
  }
}
.common-header .menus .top-menu ul li {
  display: inline-block;
  border-left: solid 1px #930105;
}
.common-header .menus .top-menu ul li a {
  color: #930105;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 150%;
  padding: 0 10px;
}
.common-header .menus .top-menu ul li:first-child {
  border-left: 0;
}
.common-header .menus .top-menu ul li:last-child a {
  padding-right: 0;
}
.common-header .menus .top-menu form.search {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 15px;
  padding: 0;
}
.common-header .menus .top-menu form.search button {
  margin: 0;
  border: 0;
  padding: 0;
}
.common-header .menus .top-menu form.search input {
  box-sizing: border-box;
  border: 0;
  height: 33px;
  vertical-align: middle;
  width: 0;
  font-size: 14px;
  transition: width 0.3s;
}
.common-header .menus .top-menu form.search img {
  vertical-align: middle;
}
.common-header .menus .top-menu form.search.expanded input {
  width: 219px;
  border: solid #930105 1px;
  padding: 0 4px;
}
.common-header .menus .top-menu form.search.expanded input:focus {
  outline: 0;
  box-shadow: 0;
}
.common-header .menus .main-menu > ul {
  padding: 0;
  margin: 0;
  list-style: 0;
}
.common-header .menus .main-menu > ul > li {
  display: inline-block;
  height: 60px;
  box-sizing: border-box;
  transition: height 0.3s;
}
.short-header .common-header .menus .main-menu > ul > li .ie6,
.short-header .common-header .menus .main-menu > ul > li ie7,
.short-header .common-header .menus .main-menu > ul > li ie8 {
  height: 30px;
}
@media (min-width: 880px) {
  .short-header .common-header .menus .main-menu > ul > li {
    height: 30px;
  }
}
.common-header .menus .main-menu > ul > li a {
  color: #152f52;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 180%;
  padding: 0 15px;
}
.common-header .menus .main-menu > ul > li:first-child {
  border-left: 0;
}
.common-header .menus .main-menu > ul > li.current {
  backgrond-color: #f1f1f2;
}
.common-header .menus .main-menu > ul > li:last-child a {
  padding-right: 0;
}
.common-header .menus .main-menu > ul > li .spacer {
  width: 100%;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.common-header .menus .main-menu > ul > li ul {
  display: block;
  width: 100%;
  left: 0;
  padding-bottom: 20px;
  padding-top: 20px;
  list-style: none;
  text-align: left;
  margin-left: 0;
  padding-left: 0;
}
.common-header .menus .main-menu > ul > li ul li {
  display: inline-block;
  width: 33%;
}
.common-header .menus .main-menu > ul > li ul li a {
  line-height: 2em;
  min-width: 265px;
  color: white;
  text-transform: none;
  display: block;
}
.common-header .menus .main-menu > ul > li ul li:hover {
  background-color: #750104;
}
.common-header .menus .main-menu > ul > li ul.three-col {
  columns: 3;
}
.common-header .menus .main-menu > ul > li ul.three-col li {
  width: auto;
  display: block;
}
.common-header .menus .main-menu > ul > li > .spacer .container-wrapper {
  height: 0;
  overflow: hidden;
}
.common-header .menus .main-menu > ul > li > .spacer .container-wrapper .container-wrapper-inner {
  background-color: #930105;
  transition: transform 0.3s;
  transform: translateY(-100%);
}
.common-header .menus .main-menu > ul > li:hover {
  border-bottom: solid 3px #930105;
}
.common-header .menus .main-menu > ul > li:hover .spacer {
  padding-top: 40px;
  z-index: 20;
}
.short-header .common-header .menus .main-menu > ul > li:hover .spacer .ie6,
.short-header .common-header .menus .main-menu > ul > li:hover .spacer ie7,
.short-header .common-header .menus .main-menu > ul > li:hover .spacer ie8 {
  padding-top: 19px;
}
@media (min-width: 880px) {
  .short-header .common-header .menus .main-menu > ul > li:hover .spacer {
    padding-top: 19px;
  }
}
.common-header .menus .main-menu > ul > li:hover .spacer .container-wrapper {
  height: auto;
}
.common-header .menus .main-menu > ul > li:hover .spacer .container-wrapper .container-wrapper-inner {
  transform: translateY(0);
}
.ie6 .short-header .inner-page header .menus div.main-menu > ul > li:hover .spacer,
ie7 .short-header .inner-page header .menus div.main-menu > ul > li:hover .spacer,
ie8 .short-header .inner-page header .menus div.main-menu > ul > li:hover .spacer {
  padding-top: 8px;
}
@media (min-width: 880px) {
  .short-header .inner-page header .menus div.main-menu > ul > li:hover .spacer {
    padding-top: 8px;
  }
}
.over-container .ie6,
.over-container ie7,
.over-container ie8 {
  margin-right: -35px;
  margin-left: -35px;
}
@media (min-width: 1080px) {
  .over-container {
    margin-right: -35px;
    margin-left: -35px;
  }
}
.big-quote:before {
  content: url('/vrsc/123/img/starting-quote.png');
  float: left;
}
.big-quote .quote {
  font-weight: 300;
  font-size: 160%;
  font-style: italic;
  margin: 0;
  position: relative;
  overflow: hidden;
  padding-left: 10px;
}
.big-quote .attr {
  color: #930105;
  font-weight: 600;
  font-size: 140%;
  text-align: right;
  margin-top: 0;
}
.big-quote .attr:before {
  content: '\2014 ';
}
.big-quote .quote p,
.big-quote .attr p {
  font-size: 100% !important;
  color: inherit !important;
  margin: 0;
  display: inline-block;
}
.big-quote + .big-quote {
  margin-top: 20px;
}
.secondary-quote,
.inner-page .content-pane .secondary-quote {
  font-size: 210%;
  color: #930105;
  font-style: italic;
  font-weight: 300;
  margin: 20px 0;
}
.pic-link-box,
.inner-page .content-pane .pic-link-box {
  text-align: center;
  font-size: 0;
  position: relative;
  margin: 30px 0;
  padding-right: 0;
}
.pic-link-box > *,
.inner-page .content-pane .pic-link-box > * {
  display: inline-block;
  font-size: 7.6pt;
}
.pic-with-footer-link,
.inner-page .content-pane .pic-with-footer-link {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.pic-with-footer-link img,
.inner-page .content-pane .pic-with-footer-link img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
}
.pic-with-footer-link .foot,
.inner-page .content-pane .pic-with-footer-link .foot {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #7e040d;
  background-color: rgba(126, 4, 13, 0.7);
  color: white;
  font-size: 17px;
  padding: 15px;
  text-align: left;
}
.pic-with-footer-link .foot b,
.inner-page .content-pane .pic-with-footer-link .foot b {
  display: block;
  font-size: 21px;
  color: white;
}
.pic-with-footer-link .foot:after,
.inner-page .content-pane .pic-with-footer-link .foot:after {
  content: url('/vrsc/123/img/red-chevron-circle.png');
  position: absolute;
  top: 50%;
  margin-top: -14px;
  right: 15px;
}
.pic-with-footer-link:before,
.inner-page .content-pane .pic-with-footer-link:before {
  content: '';
  display: inline-block;
  font-size: 0;
  width: 0;
  padding-top: 71%;
}
.ie6 .pic-with-footer-link,
ie7 .pic-with-footer-link,
ie8 .pic-with-footer-link {
  width: 48%;
}
.ie6 .pic-with-footer-link:nth-child(2n),
ie7 .pic-with-footer-link:nth-child(2n),
ie8 .pic-with-footer-link:nth-child(2n) {
  margin-left: 2%;
}
.ie6 .pic-with-footer-link:nth-child(2n + 1),
ie7 .pic-with-footer-link:nth-child(2n + 1),
ie8 .pic-with-footer-link:nth-child(2n + 1) {
  margin-right: 2%;
}
@media (min-width: 880px) {
  .pic-with-footer-link {
    width: 48%;
  }
  .pic-with-footer-link:nth-child(2n) {
    margin-left: 2%;
  }
  .pic-with-footer-link:nth-child(2n + 1) {
    margin-right: 2%;
  }
}
.ie6 .pic-with-footer-link,
ie7 .pic-with-footer-link,
ie8 .pic-with-footer-link {
  width: 48%;
}
.ie6 .pic-with-footer-link:nth-child(2n),
ie7 .pic-with-footer-link:nth-child(2n),
ie8 .pic-with-footer-link:nth-child(2n) {
  margin-left: 2%;
}
.ie6 .pic-with-footer-link:nth-child(2n + 1),
ie7 .pic-with-footer-link:nth-child(2n + 1),
ie8 .pic-with-footer-link:nth-child(2n + 1) {
  margin-right: 2%;
}
@media (max-width: 880px) {
  .pic-with-footer-link {
    margin: 0 auto;
    max-width: 350px;
  }
}
.pic-fade-link,
.inner-page .content-pane p .pic-fade-link {
  position: relative;
  display: block;
  min-height: 165px;
  overflow: hidden;
  border-bottom: 0;
}
.pic-fade-link .msg,
.inner-page .content-pane p .pic-fade-link .msg {
  position: absolute;
  top: 50%;
  left: 34px;
  transform: translateY(-50%);
  color: white;
  z-index: 2;
}
.pic-fade-link .msg .one,
.inner-page .content-pane p .pic-fade-link .msg .one,
.pic-fade-link .msg .three,
.inner-page .content-pane p .pic-fade-link .msg .three {
  display: block;
  font-size: 20px;
  font-weight: 300;
}
.pic-fade-link .msg .two,
.inner-page .content-pane p .pic-fade-link .msg .two {
  display: block;
  font-weight: 400;
  font-size: 30px;
}
.pic-fade-link .msg .register,
.inner-page .content-pane p .pic-fade-link .msg .register {
  display: block;
  margin-top: 14px;
  font-size: 20px;
  text-decoration: none;
  font-weight: 300;
}
.pic-fade-link img,
.inner-page .content-pane p .pic-fade-link img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 0;
}
.pic-fade-link:before,
.inner-page .content-pane p .pic-fade-link:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 35%;
  z-index: 1;
}
.pic-fade-link:after,
.inner-page .content-pane p .pic-fade-link:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 35%;
  bottom: 0;
  width: 20%;
  z-index: 1;
}
.pic-fade-link.red-box:before,
.inner-page .content-pane p .pic-fade-link.red-box:before {
  background-color: #930104;
}
.pic-fade-link.red-box:after,
.inner-page .content-pane p .pic-fade-link.red-box:after {
  background-image: #930104;
  background-image: linear-gradient(to right, #930104 0%, rgba(147, 1, 4, 0) 100%);
}
.pic-fade-link.blue-box:before,
.inner-page .content-pane p .pic-fade-link.blue-box:before {
  background-color: #152f52;
}
.pic-fade-link.blue-box:after,
.inner-page .content-pane p .pic-fade-link.blue-box:after {
  background-image: #152f52;
  background-image: linear-gradient(to right, #152f52 0%, rgba(21, 47, 82, 0) 100%);
}
.pic-fade-link.purple-box:before,
.inner-page .content-pane p .pic-fade-link.purple-box:before {
  background-color: #351d7a;
}
.pic-fade-link.purple-box:after,
.inner-page .content-pane p .pic-fade-link.purple-box:after {
  background-image: #351d7a;
  background-image: linear-gradient(to right, #351d7a 0%, rgba(53, 29, 122, 0) 100%);
}
.pic-fade-link.liturgical-green:before,
.inner-page .content-pane p .pic-fade-link.liturgical-green:before {
  background-color: #3bbd00;
}
.pic-fade-link.liturgical-green:after,
.inner-page .content-pane p .pic-fade-link.liturgical-green:after {
  background-image: #3bbd00;
  background-image: linear-gradient(to right, #3bbd00 0%, rgba(59, 189, 0, 0) 100%);
}
.pic-fade-link.liturgical-violet:before,
.inner-page .content-pane p .pic-fade-link.liturgical-violet:before {
  background-color: #9b00bd;
}
.pic-fade-link.liturgical-violet:after,
.inner-page .content-pane p .pic-fade-link.liturgical-violet:after {
  background-image: #9b00bd;
  background-image: linear-gradient(to right, #9b00bd 0%, rgba(155, 0, 189, 0) 100%);
}
.pic-fade-link.liturgical-rose:before,
.inner-page .content-pane p .pic-fade-link.liturgical-rose:before {
  background-color: #ffcaea;
}
.pic-fade-link.liturgical-rose:after,
.inner-page .content-pane p .pic-fade-link.liturgical-rose:after {
  background-image: #ffcaea;
  background-image: linear-gradient(to right, #ffcaea 0%, rgba(255, 202, 234, 0) 100%);
}
.pic-fade-link.liturgical-white:before,
.inner-page .content-pane p .pic-fade-link.liturgical-white:before {
  background-color: white;
}
.pic-fade-link.liturgical-white:after,
.inner-page .content-pane p .pic-fade-link.liturgical-white:after {
  background-image: white;
  background-image: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
}
.pic-fade-link.liturgical-red:before,
.inner-page .content-pane p .pic-fade-link.liturgical-red:before {
  background-color: #9d0000;
}
.pic-fade-link.liturgical-red:after,
.inner-page .content-pane p .pic-fade-link.liturgical-red:after {
  background-image: #9d0000;
  background-image: linear-gradient(to right, #9d0000 0%, rgba(157, 0, 0, 0) 100%);
}
.pic-fade-link.liturgical-black:before,
.inner-page .content-pane p .pic-fade-link.liturgical-black:before {
  background-color: black;
}
.pic-fade-link.liturgical-black:after,
.inner-page .content-pane p .pic-fade-link.liturgical-black:after {
  background-image: black;
  background-image: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 100%);
}
.pic-fade-link.liturgical-white .msg,
.inner-page .content-pane p .pic-fade-link.liturgical-white .msg {
  color: black;
}
.pic-fade-link + .pic-fade-link,
.pic-fade-wrapper + .pic-fade-wrapper {
  margin-top: 45px;
}
h1 + .pic-fade-wrapper,
h2 + .pic-fade-wrapper {
  margin-top: 20px;
}
.textual-event .date,
.textual-event .location {
  color: #930105;
  font-size: 17px;
}
.textual-event .desc {
  color: #930105;
  font-size: 14px;
  margin-bottom: 15px;
}
.textual-event .contact,
.textual-event .email {
  color: #152f52;
  font-size: 14px;
}
.textual-event .contact:before {
  content: 'Contact:';
  font-weight: 600;
  padding-right: 10px;
}
.textual-event .email a {
  color: #152f52;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px dashed #152f52;
}
.news-item,
.event-item {
  margin-top: 20px;
}
.news-item:after,
.event-item:after {
  content: '';
  display: table;
  clear: both;
}
.news-item .date,
.event-item .date {
  float: left;
  margin-right: 20px;
  background-color: #eeeeef;
  border-radius: 5px;
  text-align: center;
  width: 50px;
}
.news-item .date .day,
.event-item .date .day {
  font-weight: 600;
  font-size: 260%;
  padding: 2px 0;
}
.news-item .date .month,
.event-item .date .month {
  font-size: 140%;
  padding: 2px 0 5px 0;
}
.news-item .date .year,
.event-item .date .year {
  background-color: #930105;
  color: white;
  line-height: 24px;
  font-size: 140%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.news-item .time,
.event-item .time {
  clear: both;
  margin-right: 20px;
  padding-top: 5px;
  padding-bottom: 10px;
  font-size: 120%;
  font-weight: 600;
  text-align: center;
}
.news-item .info,
.event-item .info {
  position: relative;
  overflow: hidden;
}
.news-item .info h2,
.event-item .info h2 {
  margin-top: 0;
  font-size: 160%;
}
.little-cal-box-event:after {
  content: '';
  display: table;
  clear: both;
}
.little-cal-box-event p {
  margin: 0 !important;
  font-size: 100% !important;
  color: inherit !important;
}
.little-cal-box-event .cal-box {
  min-width: 52px;
  text-align: center;
  border-radius: 4px;
  background-color: #ededed;
  float: left;
  margin-right: 25px;
}
.little-cal-box-event .cal-box .day {
  font-size: 26px;
}
.little-cal-box-event .cal-box .month {
  font-size: 14px;
}
.little-cal-box-event .cal-box .year {
  background-color: #930105;
  color: white;
  font-size: 14px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 3px 0;
  margin-top: 5px;
}
.little-cal-box-event .info {
  position: relative;
  overflow: hidden;
}
.little-cal-box-event .info .title {
  font-size: 17px;
  font-weight: 600;
}
.little-cal-box-event .info .desc {
  font-size: 14px;
}
.little-cal-box-event + .little-cal-box-event {
  margin-top: 15px;
}
h1 + .little-cal-box-event {
  margin-top: 20px;
}
.red-box-link,
.inner-page .content-pane p .red-box-link {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  padding: 20px 100px 20px 15px;
  color: white;
  font-size: 17px;
  line-height: 1em;
  text-decoration: none;
  background-color: #930105;
  margin-top: 10px;
  margin-right: 12px;
}
.red-box-link:after,
.inner-page .content-pane p .red-box-link:after {
  display: inline-block;
  position: absolute;
  content: '>';
  top: 50%;
  right: 20px;
  margin-top: -6px;
}
.column-of-red-box-links {
  display: inline-block;
}
.column-of-red-box-links .red-box-link {
  min-width: 100%;
}
.box-link-container {
  display: inline-block;
}
.box-link-container .red-box-link {
  box-sizing: border-box;
  width: 100%;
  padding: 20px 30px 20px 15px;
}
.inner-page .content-pane .box-link-container .red-box-link {
  box-sizing: border-box;
  width: 100%;
  padding: 20px 30px 20px 15px;
}
.top-pic-menu-item {
  margin-bottom: 50px;
  margin-top: 40px;
}
.top-pic-menu-item img {
  width: 100%;
}
.top-pic-menu-item h2 {
  color: #930105;
  font-size: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.inner-page .content-pane .top-pic-menu-item h2 {
  font-size: 30px;
  color: #930105;
  margin-bottom: 10px;
  margin-top: 10px;
}
.top-pic-menu-item h2 a {
  text-decoration: underline;
  font-size: 60%;
  border-bottom: 0;
}
.half-video {
  position: relative;
  box-sizing: border-box;
  width: 48%;
  float: left;
  margin-bottom: 30px;
}
.half-video .vid-frame {
  position: relative;
}
.half-video .vid-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.half-video .vid-frame:before {
  content: '';
  display: inline-block;
  padding-top: 55%;
  font-size: 0;
}
.half-video:nth-child(2n + 1) {
  margin-right: 2%;
  clear: left;
}
.half-video:nth-child(2n) {
  margin-left: 2%;
}
.full-video {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 30px;
}
.full-video .vid-frame {
  position: relative;
}
.full-video .vid-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.full-video .vid-frame:before {
  content: '';
  display: inline-block;
  padding-top: 57%;
  font-size: 0;
}
.full-video + p,
.full-video + h1,
.full-video + h2,
.full-video + h3,
.half-video + p,
.half-video + h1,
.half-video + h2,
.half-video + h3,
.half-video + p,
.half-video + h1,
.half-video + h2,
.half-video + h3 {
  clear: left;
}
.now-editing-page .half-video,
.now-editing-page .full-video {
  float: none;
}
.section-box {
  margin: 30px 0;
}
.side-by-side:after {
  content: '';
  display: table;
  clear: both;
}
.side-by-side > * {
  width: 50%;
  box-sizing: border-box;
  float: left;
}
@media (max-width: 880px) {
  .side-by-side > * {
    float: none;
    width: auto;
  }
}
.push-buttons {
  border-radius: 10px;
  background-color: #f6f6f6;
  padding: 4px 0;
  font-size: 0;
  display: inline-block;
}
.push-buttons:after {
  content: '';
  display: table;
  clear: both;
}
.push-buttons label {
  display: inline-block;
}
.push-buttons label .label {
  padding: 4px 10px;
  cursor: pointer;
  background-color: transparent;
  transition: background-color 0.3s;
  font-size: 14px;
}
.push-buttons label input {
  position: absolute;
  left: -10000px;
}
.push-buttons label input:checked + .label {
  background-color: #dddddd;
}
.push-buttons label:first-child .label {
  border-radius: 10px 0 0 10px;
}
.push-buttons label:last-child .label {
  border-radius: 0 10px 10px 0;
}
p.renew {
  text-align: center;
  margin: 40px 0;
  font-weight: 600;
}
.donate-button {
  display: inline-block;
  margin-top: 1em;
  text-decoration: none;
  color: white !important;
  background-color: #940104;
  padding: 10px 40px;
  line-height: 1em;
  text-transform: uppercase;
}
.donation-tiles {
  margin-left: -2%;
  margin-right: -2%;
}
.donation-tiles:after {
  content: '';
  display: table;
  clear: both;
}
.donation-tiles .donation-tile {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 29.333%;
  margin: 20px 2%;
  display: inline-block;
}
.donation-tiles .donation-tile img {
  max-width: 100%;
}
.data-table {
  margin: 15px 0;
}
.data-table td,
.data-table th {
  padding: 3px 5px;
  text-align: left;
}
.data-table th {
  font-weight: 600;
}
.bordered-table {
  margin: 15px 0;
  border-collapse: collapse;
}
.bordered-table td,
.bordered-table th {
  padding: 3px 5px;
  text-align: left;
}
.bordered-table th {
  font-weight: 600;
}
.bordered-table td {
  border: solid 1px #333333;
}
.gallery {
  position: relative;
}
.gallery img {
  width: 100%;
}
.ie6 .gallery,
ie7 .gallery,
ie8 .gallery {
  font-size: 0;
}
.ie6 .gallery img,
ie7 .gallery img,
ie8 .gallery img {
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
  transition: opacity 1s;
  transform: translateY(-50%);
}
.ie6 .gallery img.visible,
ie7 .gallery img.visible,
ie8 .gallery img.visible {
  opacity: 1;
}
body:not(.now-editing-page) .gallery {
  font-size: 0;
}
body:not(.now-editing-page) .gallery img {
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
  transition: opacity 1s;
  transform: translateY(-50%);
}
body:not(.now-editing-page) .gallery img.visible {
  opacity: 1;
}
body.now-editing-page .gallery {
  padding-bottom: 100px;
}
body.now-editing-page .gallery .height-space {
  display: none;
}
body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 7.6pt;
  color: #323232;
}
.index-page header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  box-shadow: 0 1px 10px black;
  background-color: white;
}
.index-page header .container:after {
  content: '';
  display: table;
  clear: both;
}
.index-page header .logo {
  padding: 14px 0 16px 0;
  float: left;
  width: 488px;
  max-width: 80%;
  transition: padding 0.3s, max-width 0.3s;
}
@media (max-width: 1080px) {
  .index-page header .logo {
    width: 325px;
    margin-top: 2px;
  }
}
.short-header .index-page header .logo .ie6,
.short-header .index-page header .logo ie7,
.short-header .index-page header .logo ie8 {
  padding: 5px 0 7px 0;
  max-width: 200px;
}
@media (min-width: 880px) {
  .short-header .index-page header .logo {
    padding: 5px 0 7px 0;
    max-width: 200px;
  }
}
.index-page header .menus {
  float: right;
  padding-top: 26px;
  text-align: right;
  transition: padding-top 0.3s;
}
.short-header .index-page header .menus .ie6,
.short-header .index-page header .menus ie7,
.short-header .index-page header .menus ie8 {
  padding-top: 12px;
}
@media (min-width: 880px) {
  .short-header .index-page header .menus {
    padding-top: 12px;
  }
}
.index-page header .menus .close-menu {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  font-size: 18px;
  display: none;
  color: #323232;
  text-decoration: none;
}
.index-page header .menus .top-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  padding-bottom: 15px;
  transition: padding-bottom 0.3s;
}
.short-header .index-page header .menus .top-menu ul .ie6,
.short-header .index-page header .menus .top-menu ul ie7,
.short-header .index-page header .menus .top-menu ul ie8 {
  padding-bottom: 3px;
  padding-top: 8px;
}
@media (min-width: 880px) {
  .short-header .index-page header .menus .top-menu ul {
    padding-bottom: 3px;
    padding-top: 8px;
  }
}
.index-page header .menus .top-menu ul li {
  display: inline-block;
  border-left: solid 1px #930105;
}
.index-page header .menus .top-menu ul li a {
  color: #930105;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 150%;
  padding: 0 10px;
}
.index-page header .menus .top-menu ul li:first-child {
  border-left: 0;
}
.index-page header .menus .top-menu ul li:last-child a {
  padding-right: 0;
}
.index-page header .menus .top-menu form.search {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 15px;
  padding: 0;
}
.index-page header .menus .top-menu form.search button {
  margin: 0;
  border: 0;
  padding: 0;
}
.index-page header .menus .top-menu form.search input {
  box-sizing: border-box;
  border: 0;
  height: 33px;
  vertical-align: middle;
  width: 0;
  font-size: 14px;
  transition: width 0.3s;
}
.index-page header .menus .top-menu form.search img {
  vertical-align: middle;
}
.index-page header .menus .top-menu form.search.expanded input {
  width: 219px;
  border: solid #930105 1px;
  padding: 0 4px;
}
.index-page header .menus .top-menu form.search.expanded input:focus {
  outline: 0;
  box-shadow: 0;
}
.index-page header .menus .main-menu > ul {
  padding: 0;
  margin: 0;
  list-style: 0;
}
.index-page header .menus .main-menu > ul > li {
  display: inline-block;
  height: 60px;
  box-sizing: border-box;
  transition: height 0.3s;
}
.short-header .index-page header .menus .main-menu > ul > li .ie6,
.short-header .index-page header .menus .main-menu > ul > li ie7,
.short-header .index-page header .menus .main-menu > ul > li ie8 {
  height: 30px;
}
@media (min-width: 880px) {
  .short-header .index-page header .menus .main-menu > ul > li {
    height: 30px;
  }
}
.index-page header .menus .main-menu > ul > li a {
  color: #152f52;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 180%;
  padding: 0 15px;
}
.index-page header .menus .main-menu > ul > li:first-child {
  border-left: 0;
}
.index-page header .menus .main-menu > ul > li.current {
  backgrond-color: #f1f1f2;
}
.index-page header .menus .main-menu > ul > li:last-child a {
  padding-right: 0;
}
.index-page header .menus .main-menu > ul > li .spacer {
  width: 100%;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.index-page header .menus .main-menu > ul > li ul {
  display: block;
  width: 100%;
  left: 0;
  padding-bottom: 20px;
  padding-top: 20px;
  list-style: none;
  text-align: left;
  margin-left: 0;
  padding-left: 0;
}
.index-page header .menus .main-menu > ul > li ul li {
  display: inline-block;
  width: 33%;
}
.index-page header .menus .main-menu > ul > li ul li a {
  line-height: 2em;
  min-width: 265px;
  color: white;
  text-transform: none;
  display: block;
}
.index-page header .menus .main-menu > ul > li ul li:hover {
  background-color: #750104;
}
.index-page header .menus .main-menu > ul > li ul.three-col {
  columns: 3;
}
.index-page header .menus .main-menu > ul > li ul.three-col li {
  width: auto;
  display: block;
}
.index-page header .menus .main-menu > ul > li > .spacer .container-wrapper {
  height: 0;
  overflow: hidden;
}
.index-page header .menus .main-menu > ul > li > .spacer .container-wrapper .container-wrapper-inner {
  background-color: #930105;
  transition: transform 0.3s;
  transform: translateY(-100%);
}
.index-page header .menus .main-menu > ul > li:hover {
  border-bottom: solid 3px #930105;
}
.index-page header .menus .main-menu > ul > li:hover .spacer {
  padding-top: 40px;
  z-index: 20;
}
.short-header .index-page header .menus .main-menu > ul > li:hover .spacer .ie6,
.short-header .index-page header .menus .main-menu > ul > li:hover .spacer ie7,
.short-header .index-page header .menus .main-menu > ul > li:hover .spacer ie8 {
  padding-top: 19px;
}
@media (min-width: 880px) {
  .short-header .index-page header .menus .main-menu > ul > li:hover .spacer {
    padding-top: 19px;
  }
}
.index-page header .menus .main-menu > ul > li:hover .spacer .container-wrapper {
  height: auto;
}
.index-page header .menus .main-menu > ul > li:hover .spacer .container-wrapper .container-wrapper-inner {
  transform: translateY(0);
}
.index-page header .common-menu {
  margin-top: -15px;
}
.index-page header .common-menu .logo {
  margin-top: -15px;
  width: 488px;
  max-width: 80%;
  transition: margin-top 0.3s, padding 0.3s, max-width 0.3s;
}
.short-header .index-page header .common-menu .logo {
  margin-top: 5px;
  padding: 15px 0 7px 0;
  max-width: 200px;
}
@media (max-width: 1080px) {
  .index-page header .common-menu .logo {
    width: 325px;
    margin-top: 2px;
  }
}
@media (max-width: 880px) {
  .index-page header {
    position: relative;
  }
}
.index-page header .social-grey {
  height: 32px;
  z-index: -1;
  background-color: #eeeeef;
  transition: height 0.3s;
  overflow: hidden;
}
.index-page header .social-grey .container {
  text-align: right;
  line-height: 32px;
}
.index-page header .social-grey a {
  vertical-align: middle;
  padding: 4px 6px 0 6px;
  display: inline-block;
}
.index-page header .social-grey a:last-child {
  padding-right: 0;
}
.index-page header .social-grey a.twitter {
  padding-top: 8px;
}
.short-header .index-page header .social-grey .ie6,
.short-header .index-page header .social-grey ie7,
.short-header .index-page header .social-grey ie8 {
  height: 0;
}
@media (min-width: 880px) {
  .short-header .index-page header .social-grey {
    height: 0;
  }
}
.index-page header .glass {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('/vrsc/123/img/red-glass-background.jpg');
  height: 60px;
  transition: height 0.3s;
}
@media (min-width: 1920px) {
  .index-page header .glass {
    background-size: cover;
  }
}
.ie6 .short-header .index-page header .glass,
ie7 .short-header .index-page header .glass,
ie8 .short-header .index-page header .glass {
  height: 3px;
}
@media (min-width: 880px) {
  .short-header .index-page header .glass {
    height: 3px;
  }
}
.jumbo {
  position: relative;
  height: 700px;
  height: 70vh;
  margin-top: 197px;
  overflow: hidden;
  background-color: #444444;
}
@media (max-width: 880px) {
  .jumbo {
    margin-top: 0;
  }
}
.jumbo .intro-set.invisible {
  opacity: 0;
  transition: opacity 0.2s;
}
.jumbo .intro-set.invisible .slide {
  opacity: 0;
}
.jumbo .intro-set.invisible > * {
  z-index: 1;
}
.jumbo .intro-set.visible {
  opacity: 1;
}
.jumbo .intro-set.visible .slide {
  opacity: 1;
}
.jumbo .intro-set.visible > * {
  z-index: 2;
}
.jumbo .slide {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 0.2s;
}
.jumbo .slide .msg {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.jumbo .slide .msg h1 {
  color: white;
  font-size: 660%;
  text-shadow: 1px 1px 15px black;
  margin-bottom: 20px;
  transform: translateY(-40px);
  opacity: 0;
  transition: opacity 0.6s 0.3s, transform 0.6s 0.3s;
}
@media (max-width: 880px) {
  .jumbo .slide .msg h1 {
    font-size: 500%;
    text-shadow: 0;
    margin-top: 0;
  }
}
@media (max-width: 650px) {
  .jumbo .slide .msg h1 {
    font-size: 350%;
  }
}
.jumbo .slide .msg h2 {
  margin-top: 20px;
  font-size: 210%;
  color: white;
  font-weight: 400;
  text-shadow: 1px 1px 15px black;
  transform: translateY(-40px);
  opacity: 0;
  transition: opacity 0.6s 0.9s, transform 0.6s 0.9s;
}
.jumbo .slide .msg a {
  display: inline-block;
  position: relative;
  background-color: transparent;
  color: white;
  text-transform: uppercase;
  margin-top: 60px;
  padding: 12px 30px;
  border: solid 2px white;
  font-size: 210%;
  text-decoration: none;
  transform: translateY(-40px);
  opacity: 0;
  transition: opacity 0.6s 1.5s, transform 0.6s 1.5s, background-color 0.6s 2s;
}
@media (max-width: 880px) {
  .jumbo .slide .msg a {
    margin-top: 30px;
  }
}
.jumbo .intro-set,
.jumbo .intro-set.invisible {
  opacity: 0;
}
.jumbo .intro-set.visible {
  z-index: 1;
}
.jumbo .intro-set.visible .slide .msg h1,
.no-js .jumbo .intro-set.visible .msg h1,
.jumbo .intro-set.visible .slide .msg h2,
.no-js .jumbo .intro-set.visible .msg h2,
.jumbo .intro-set.visible .slide .msg a,
.no-js .jumbo .intro-set.visible .msg a {
  opacity: 1;
  transform: translateY(0);
}
.jumbo .intro-set.visible .slide .msg a,
.no-js .jumbo .intro-set.visible .msg a {
  background-color: #930105;
}
.jumbo .down {
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  text-align: center;
}
.squares-up {
  margin: 70px 0;
}
.squares-up .container:after {
  content: '';
  display: table;
  clear: both;
}
.squares-up .square {
  float: left;
  position: relative;
  display: inline-block;
}
.squares-up .square .inner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.squares-up .square .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 95px;
  transition: height 0.3s;
}
.squares-up .square .bottom .h2 {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 95px;
  font-size: 270%;
  margin: 0;
  padding-left: 30px;
  color: white;
}
.squares-up .square:hover .bottom {
  height: 100%;
}
.squares-up .square.red .bottom {
  background-color: rgba(134, 10, 12, 0.8);
}
.squares-up .square.blue .bottom {
  background-color: rgba(41, 61, 88, 0.8);
}
.squares-up .square.gold .bottom {
  background-color: rgba(190, 154, 16, 0.8);
}
.squares-up .square.peach .bottom {
  background-color: rgba(229, 151, 49, 0.8);
}
.squares-up .square.orange .bottom {
  background-color: rgba(194, 80, 43, 0.8);
}
.squares-up .square.one {
  width: 33.333%;
}
.squares-up .square.one:before {
  content: '';
  display: inline-block;
  padding-top: 100%;
  font-size: 0;
  width: 0;
}
.squares-up .square.two {
  width: 66.666%;
}
.squares-up .square.two:before {
  content: '';
  display: inline-block;
  padding-top: 50%;
  font-size: 0;
  width: 0;
}
@media (max-width: 716px) {
  .squares-up .container {
    text-align: center;
  }
  .squares-up .square {
    float: none;
    text-align: left;
  }
  .squares-up .square.one,
  .squares-up .square.two {
    width: 500px;
    max-width: 100%;
  }
}
.videos .container {
  position: relative;
  overflow: hidden;
}
.videos .vid-bar {
  margin-left: -2%;
  margin-right: -2%;
}
.videos .vid-bar:after {
  content: '';
  display: table;
  clear: both;
}
.videos .half-video {
  margin: 0 2%;
  box-sizing: border-box;
  width: 29.33333%;
  float: left;
}
.videos .half-video:nth-child(2n + 1) {
  clear: none;
  margin: 0 2%;
}
.videos .half-video:nth-child(2n) {
  clear: none;
  margin: 0 2%;
}
#page-properties + .index-page header {
  position: static;
}
#page-properties + .index-page .jumbo {
  margin-top: 0;
}
@media (max-width: 716px) {
  .index-page .videos .vid-bar .half-video {
    width: 500%;
    max-width: 100%;
    margin-bottom: 50px;
  }
}
.index-page .verse {
  background-image: url('/vrsc/123/img/verse-back.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  padding: 85px 0 60px 0;
}
@media (min-width: 1920px) {
  .index-page .verse {
    background-size: cover;
  }
}
.index-page .verse .container {
  max-width: 750px;
}
.index-page .verse .container:after {
  content: '';
  display: table;
  clear: both;
}
.index-page .verse .quote {
  color: white;
  font-size: 240%;
  text-align: center;
}
.index-page .verse .attr {
  color: white;
  font-weight: 600;
  float: right;
  font-size: 240%;
}
.index-page .verse .quote,
.index-page .verse .attr {
  opacity: 0;
  transition: opacity 0.3s;
}
.index-page .verse .quote.visible,
.index-page .verse .attr.visible,
.no-js .index-page .verse .quote,
.no-js .index-page .verse .attr {
  opacity: 1;
}
.index-page .verse p:first-child {
  margin-top: 0;
}
.index-page .verse p:last-child {
  margin-bottom: 0;
}
.index-page .videos {
  margin: 30px 0 70px 0;
}
.index-page .videos h1 {
  color: #930105;
  text-align: center;
  font-size: 360%;
  font-weight: 400;
}
.index-page .video-frame img {
  width: 100%;
}
.index-page .video-frame h2 {
  color: #152f52;
  font-size: 280%;
  font-weight: 400;
}
.index-page .video-frame p {
  font-size: 140%;
}
.index-page .news-item .info {
  font-size: 120%;
}
.index-page .news-item .info h2 {
  margin-bottom: 10px;
}
.index-page .events-and-news .side-by-side .left {
  padding-right: 15px;
}
.index-page .events-and-news .side-by-side .right {
  padding-left: 15px;
  margin-bottom: 50px;
}
.index-page .vid-bar {
  font-size: 140%;
}
.events-and-news h1 {
  font-size: 360%;
  color: #930105;
  margin-top: 0;
}
.events-and-news .right-red-button {
  padding: 11px 12px;
  color: white;
  background-color: #930105;
  font-weight: 300;
  font-size: 15px;
  float: right;
  text-decoration: none;
}
.events-slider {
  position: relative;
  margin-bottom: 80px;
}
.events-slider:before {
  content: '';
  display: inline-block;
  font-size: 0;
  width: 0;
  padding-top: 61.4213198%;
}
.events-slider .chevron-left,
.events-slider .chevron-right {
  position: absolute;
  top: 15px;
  cursor: pointer;
  z-index: 3;
}
.events-slider .chevron-right {
  right: 14px;
}
.events-slider .chevron-left {
  right: 54px;
}
.events-slider .slider-event {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: opacity 0.5s;
}
.events-slider .slider-event.visible {
  opacity: 1;
  z-index: 2;
}
.events-slider .slider-event.invisible {
  opacity: 0;
  z-index: 1;
}
.events-slider .slider-event .overlay-color {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  background-color: #930105;
  background-color: rgba(147, 1, 5, 0.7);
}
.events-slider .slider-event .msg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  color: white;
}
.events-slider .slider-event .msg h2 {
  font-size: 230%;
}
.events-slider .slider-event .msg .date-time {
  font-size: 170%;
  font-weight: 300;
}
.inner-page header .container:after {
  content: '';
  display: table;
  clear: both;
}
.inner-page header .logo {
  padding: 14px 0 16px 0;
  float: left;
  width: 488px;
  max-width: 80%;
  transition: padding 0.3s, max-width 0.3s;
}
@media (max-width: 1080px) {
  .inner-page header .logo {
    width: 325px;
    margin-top: 2px;
  }
}
.short-header .inner-page header .logo .ie6,
.short-header .inner-page header .logo ie7,
.short-header .inner-page header .logo ie8 {
  padding: 5px 0 7px 0;
  max-width: 200px;
}
@media (min-width: 880px) {
  .short-header .inner-page header .logo {
    padding: 5px 0 7px 0;
    max-width: 200px;
  }
}
.inner-page header .menus {
  float: right;
  padding-top: 26px;
  text-align: right;
  transition: padding-top 0.3s;
}
.short-header .inner-page header .menus .ie6,
.short-header .inner-page header .menus ie7,
.short-header .inner-page header .menus ie8 {
  padding-top: 12px;
}
@media (min-width: 880px) {
  .short-header .inner-page header .menus {
    padding-top: 12px;
  }
}
.inner-page header .menus .close-menu {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  font-size: 18px;
  display: none;
  color: #323232;
  text-decoration: none;
}
.inner-page header .menus .top-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  padding-bottom: 15px;
  transition: padding-bottom 0.3s;
}
.short-header .inner-page header .menus .top-menu ul .ie6,
.short-header .inner-page header .menus .top-menu ul ie7,
.short-header .inner-page header .menus .top-menu ul ie8 {
  padding-bottom: 3px;
  padding-top: 8px;
}
@media (min-width: 880px) {
  .short-header .inner-page header .menus .top-menu ul {
    padding-bottom: 3px;
    padding-top: 8px;
  }
}
.inner-page header .menus .top-menu ul li {
  display: inline-block;
  border-left: solid 1px #930105;
}
.inner-page header .menus .top-menu ul li a {
  color: #930105;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 150%;
  padding: 0 10px;
}
.inner-page header .menus .top-menu ul li:first-child {
  border-left: 0;
}
.inner-page header .menus .top-menu ul li:last-child a {
  padding-right: 0;
}
.inner-page header .menus .top-menu form.search {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 15px;
  padding: 0;
}
.inner-page header .menus .top-menu form.search button {
  margin: 0;
  border: 0;
  padding: 0;
}
.inner-page header .menus .top-menu form.search input {
  box-sizing: border-box;
  border: 0;
  height: 33px;
  vertical-align: middle;
  width: 0;
  font-size: 14px;
  transition: width 0.3s;
}
.inner-page header .menus .top-menu form.search img {
  vertical-align: middle;
}
.inner-page header .menus .top-menu form.search.expanded input {
  width: 219px;
  border: solid #930105 1px;
  padding: 0 4px;
}
.inner-page header .menus .top-menu form.search.expanded input:focus {
  outline: 0;
  box-shadow: 0;
}
.inner-page header .menus .main-menu > ul {
  padding: 0;
  margin: 0;
  list-style: 0;
}
.inner-page header .menus .main-menu > ul > li {
  display: inline-block;
  height: 60px;
  box-sizing: border-box;
  transition: height 0.3s;
}
.short-header .inner-page header .menus .main-menu > ul > li .ie6,
.short-header .inner-page header .menus .main-menu > ul > li ie7,
.short-header .inner-page header .menus .main-menu > ul > li ie8 {
  height: 30px;
}
@media (min-width: 880px) {
  .short-header .inner-page header .menus .main-menu > ul > li {
    height: 30px;
  }
}
.inner-page header .menus .main-menu > ul > li a {
  color: #152f52;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 180%;
  padding: 0 15px;
}
.inner-page header .menus .main-menu > ul > li:first-child {
  border-left: 0;
}
.inner-page header .menus .main-menu > ul > li.current {
  backgrond-color: #f1f1f2;
}
.inner-page header .menus .main-menu > ul > li:last-child a {
  padding-right: 0;
}
.inner-page header .menus .main-menu > ul > li .spacer {
  width: 100%;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.inner-page header .menus .main-menu > ul > li ul {
  display: block;
  width: 100%;
  left: 0;
  padding-bottom: 20px;
  padding-top: 20px;
  list-style: none;
  text-align: left;
  margin-left: 0;
  padding-left: 0;
}
.inner-page header .menus .main-menu > ul > li ul li {
  display: inline-block;
  width: 33%;
}
.inner-page header .menus .main-menu > ul > li ul li a {
  line-height: 2em;
  min-width: 265px;
  color: white;
  text-transform: none;
  display: block;
}
.inner-page header .menus .main-menu > ul > li ul li:hover {
  background-color: #750104;
}
.inner-page header .menus .main-menu > ul > li ul.three-col {
  columns: 3;
}
.inner-page header .menus .main-menu > ul > li ul.three-col li {
  width: auto;
  display: block;
}
.inner-page header .menus .main-menu > ul > li > .spacer .container-wrapper {
  height: 0;
  overflow: hidden;
}
.inner-page header .menus .main-menu > ul > li > .spacer .container-wrapper .container-wrapper-inner {
  background-color: #930105;
  transition: transform 0.3s;
  transform: translateY(-100%);
}
.inner-page header .menus .main-menu > ul > li:hover {
  border-bottom: solid 3px #930105;
}
.inner-page header .menus .main-menu > ul > li:hover .spacer {
  padding-top: 40px;
  z-index: 20;
}
.short-header .inner-page header .menus .main-menu > ul > li:hover .spacer .ie6,
.short-header .inner-page header .menus .main-menu > ul > li:hover .spacer ie7,
.short-header .inner-page header .menus .main-menu > ul > li:hover .spacer ie8 {
  padding-top: 19px;
}
@media (min-width: 880px) {
  .short-header .inner-page header .menus .main-menu > ul > li:hover .spacer {
    padding-top: 19px;
  }
}
.inner-page header .menus .main-menu > ul > li:hover .spacer .container-wrapper {
  height: auto;
}
.inner-page header .menus .main-menu > ul > li:hover .spacer .container-wrapper .container-wrapper-inner {
  transform: translateY(0);
}
.inner-page header .common-menu-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: white;
  border-top: solid #930105 7px;
}
.short-header .inner-page header .common-menu-container .ie6,
.short-header .inner-page header .common-menu-container ie7,
.short-header .inner-page header .common-menu-container ie8 {
  box-shadow: 1px 1px 10px black;
}
@media (min-width: 880px) {
  .short-header .inner-page header .common-menu-container {
    box-shadow: 1px 1px 10px black;
  }
}
@media (max-width: 880px) {
  .inner-page header .common-menu-container {
    position: relative;
  }
}
.inner-page header .glass {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('/vrsc/123/img/red-glass-background.jpg');
  height: 110px;
  margin-top: 126px;
}
@media (min-width: 1920px) {
  .inner-page header .glass {
    background-size: cover;
  }
}
@media (max-width: 880px) {
  .inner-page header .glass {
    margin-top: 0;
  }
}
.inner-page header .glass .container {
  position: relative;
  height: 100%;
}
.inner-page header .glass .section-name {
  position: absolute;
  color: white;
  font-size: 390%;
  bottom: 20px;
  left: 22px;
  font-weight: 600;
  text-transform: capitalize;
}
.inner-page header .glass .section-name p {
  margin: 0;
}
.inner-page .side-menu {
  width: 300px;
}
.inner-page .side-menu > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.inner-page .side-menu > ul > li {
  background-color: #eeeeef;
  height: 40px;
  line-height: 40px;
  font-size: 170%;
  margin-bottom: 5px;
}
.inner-page .side-menu > ul > li.current a {
  background-color: #930105;
  color: white;
  font-weight: 600;
}
.inner-page .side-menu > ul > li a {
  padding: 0 22px;
  text-decoration: none;
  color: #323232;
  display: block;
}
.inner-page .side-menu > ul > li a:hover {
  background-color: #b10106;
  color: white;
}
.inner-page .side-menu:after {
  content: '';
  display: block;
  height: 375px;
  background-image: linear-gradient(to bottom, #eeeeef 0%, white 100%);
}
.inner-page .side-menu.deep-menu {
  width: 360px;
}
.inner-page .side-menu.deep-menu > ul > li {
  height: auto;
}
.inner-page .side-menu.deep-menu > ul > li a {
  height: 40px;
}
.inner-page .side-menu.deep-menu > ul > li ul {
  padding-left: 0;
  list-style: none;
}
.inner-page .side-menu.deep-menu > ul > li ul a {
  padding-left: 44px;
}
.inner-page.finance-page .glass,
.inner-page.human-resources-page .glass {
  background-image: url('/vrsc/123/img/blue-glass.jpg');
}
.inner-page.finance-page .side-menu > ul > li.current,
.inner-page.human-resources-page .side-menu > ul > li.current {
  background-color: #152f52;
}
.inner-page.finance-page .side-menu > ul > li:hover,
.inner-page.human-resources-page .side-menu > ul > li:hover {
  background-color: #1b3d6a;
}
.inner-page.finance-page header .menus .main-menu > ul > li > .spacer .container-wrapper .container-wrapper-inner,
.inner-page.human-resources-page header .menus .main-menu > ul > li > .spacer .container-wrapper .container-wrapper-inner {
  background-color: #152f52;
}
.inner-page.finance-page header .menus .main-menu > ul > li > .spacer .container-wrapper .container-wrapper-inner li:hover,
.inner-page.human-resources-page header .menus .main-menu > ul > li > .spacer .container-wrapper .container-wrapper-inner li:hover {
  background-color: #0f213a;
}
.inner-page.finance-page header .menus .main-menu > ul > li:hover,
.inner-page.human-resources-page header .menus .main-menu > ul > li:hover {
  border-bottom-color: #152f52;
}
.inner-page.finance-page .content-pane h1,
.inner-page.human-resources-page .content-pane h1,
.inner-page.finance-page .content-pane h3,
.inner-page.human-resources-page .content-pane h3,
.inner-page.finance-page .content-pane strong,
.inner-page.human-resources-page .content-pane strong {
  color: #152f52;
}
body:not(.now-editing-page) .inner-page.finance-page ul.resources li:after,
body:not(.now-editing-page) .inner-page.human-resources-page ul.resources li:after {
  content: url('/vrsc/123/img/circle-and-chevron-blue.png');
}
.inner-page .main-inner-layout .row:after {
  content: '';
  display: table;
  clear: both;
}
.inner-page .main-inner-layout .row .side-menu {
  float: left;
}
.inner-page .main-inner-layout .row .content-pane {
  position: relative;
  overflow: hidden;
}
@media (max-width: 880px) {
  .inner-page .main-inner-layout {
    position: relative;
  }
  .inner-page .main-inner-layout .row {
    padding-bottom: 650px;
  }
  .inner-page .main-inner-layout .side-menu {
    float: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
  .inner-page .main-inner-layout .content-pane {
    padding-left: 0;
  }
}
.inner-page .content-pane {
  padding: 0px 0 50px 50px;
}
.inner-page .content-pane:after {
  content: '';
  display: table;
  clear: both;
}
.inner-page .content-pane h1 {
  color: #930105;
  font-weight: 400;
  font-size: 360%;
  margin-bottom: 0px;
  line-height: 1.2em;
}
.inner-page .content-pane h2 {
  color: #152f52;
  font-size: 280%;
  font-weight: 300;
  margin-bottom: 0;
}
.inner-page .content-pane h1 + h2 {
  color: #930105;
  font-style: italic;
  font-size: 160%;
  margin-top: 0;
}
.inner-page .content-pane h3 {
  color: #930105;
  font-size: 160%;
  font-weight: 400;
  margin-bottom: 0;
}
.inner-page .content-pane h4 {
  font-size: 170%;
  margin-bottom: 0;
}
.inner-page .content-pane h2 + h3 {
  margin-top: 0;
  font-style: italic;
  margin-bottom: 15px;
}
.inner-page .content-pane h1 + h3 {
  margin-top: 0;
}
.inner-page .content-pane h1 + h3 + p {
  margin-top: 30px;
}
.inner-page .content-pane h1:first-child + p {
  margin-top: 30px;
}
.inner-page .content-pane p,
.inner-page .content-pane li,
.inner-page .content-pane dl {
  font-size: 140%;
  color: #323232;
}
.inner-page .content-pane dl dt {
  font-weight: 600;
}
.inner-page .content-pane p strong,
.inner-page .content-pane dl strong,
.inner-page .content-pane p b,
.inner-page .content-pane dl b {
  color: #930105;
}
.inner-page .content-pane p a,
.inner-page .content-pane dl a {
  color: #152f52;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px dashed #152f52;
}
.inner-page .content-pane td,
.inner-page .content-pane th {
  font-size: 140%;
  color: #323232;
  padding: 4px;
}
.inner-page .content-pane td p,
.inner-page .content-pane th p {
  font-size: 100%;
}
.inner-page .content-pane h2 + p,
.inner-page .content-pane h3 + p,
.inner-page .content-pane h4 + p {
  margin-top: 0;
}
.inner-page .content-pane ul:not(.resources):not(.color-links) {
  padding-left: 0px;
  list-style: none;
}
.inner-page .content-pane ul:not(.resources):not(.color-links) li:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #930105;
  vertical-align: top;
  border-radius: 50%;
  margin-top: 0.5em;
  margin-right: 10px;
}
.inner-page .content-pane ul:not(.resources):not(.color-links) li {
  text-indent: -1em;
  padding-left: 1em;
}
.inner-page .content-pane ul:not(.resources):not(.color-links) li p {
  display: inline;
}
.inner-page .content-pane li {
  margin: 8px 0;
}
.inner-page .content-pane li p {
  position: relative;
  overflow: hidden;
  font-size: 100%;
  margin: 0;
}
.inner-page .content-pane li a {
  color: #152f52;
  font-weight: 600;
  text-decoration: none;
}
.inner-page .content-pane li a:hover {
  border-bottom: 1px dashed #152f52;
}
.inner-page .content-pane p.pic {
  padding: 0;
  margin: 20px 0;
}
.inner-page .content-pane .attribution {
  color: #930105;
  font-weight: 600;
}
.inner-page .content-pane img[align=left] {
  padding-right: 30px;
}
.inner-page .content-pane h1:first-of-type {
  margin-top: 0;
  line-height: 1em;
}
.inner-page .edit-content-inline:after {
  content: '';
  display: table;
  clear: both;
}
#page-properties + .inner-page header .common-menu-container {
  position: static;
}
#page-properties + .inner-page header .glass {
  margin-top: 0;
}
.tribar {
  display: none;
  float: right;
}
.tribar img {
  width: 40px;
  margin-top: 20px;
}
@media (max-width: 880px) {
  .tribar {
    display: inline-block;
  }
  .close-menu {
    display: block !important;
  }
  .inner-page header .menus,
  .index-page header .menus {
    display: none;
  }
  .index-page header .menus .main-menu > ul > li,
  .inner-page header .menus .main-menu > ul > li {
    padding: 8px 0;
  }
  .index-page header .menus .main-menu > ul > li:hover,
  .inner-page header .menus .main-menu > ul > li:hover {
    border-bottom: 0;
  }
  .inner-page header .menus.open,
  .index-page header .menus.open {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    float: none;
    display: block;
    z-index: 100;
    overflow: auto;
    background: white;
  }
  .inner-page header .menus.open .main-menu > ul > li,
  .index-page header .menus.open .main-menu > ul > li {
    display: block;
    height: auto;
    text-align: left;
  }
  .inner-page header .menus.open .main-menu > ul > li .spacer,
  .index-page header .menus.open .main-menu > ul > li .spacer {
    position: relative;
    padding-top: 0px;
    z-index: 20;
  }
  .short-header .inner-page header .menus.open .main-menu > ul > li .spacer .ie6,
  .short-header .index-page header .menus.open .main-menu > ul > li .spacer .ie6,
  .short-header .inner-page header .menus.open .main-menu > ul > li .spacer ie7,
  .short-header .index-page header .menus.open .main-menu > ul > li .spacer ie7,
  .short-header .inner-page header .menus.open .main-menu > ul > li .spacer ie8,
  .short-header .index-page header .menus.open .main-menu > ul > li .spacer ie8 {
    padding-top: 19px;
  }
  .inner-page header .menus.open .main-menu > ul > li .spacer .container-wrapper,
  .index-page header .menus.open .main-menu > ul > li .spacer .container-wrapper {
    height: auto;
  }
  .inner-page header .menus.open .main-menu > ul > li .spacer .container-wrapper .container-wrapper-inner,
  .index-page header .menus.open .main-menu > ul > li .spacer .container-wrapper .container-wrapper-inner {
    transform: translateY(0);
  }
  .inner-page header .menus.open .main-menu > ul > li ul li,
  .index-page header .menus.open .main-menu > ul > li ul li {
    display: block;
    width: auto;
  }
}
@media (max-width: 880px) and (min-width: 880px) {
  .short-header .inner-page header .menus.open .main-menu > ul > li .spacer,
  .short-header .index-page header .menus.open .main-menu > ul > li .spacer {
    padding-top: 19px;
  }
}
.seminarians-page table.seminarians {
  margin-top: 40px;
}
.seminarians-page table.seminarians td {
  box-sizing: border-box;
  width: 25%;
  vertical-align: top;
}
.seminarians-page table.seminarians img {
  width: 100%;
  max-height: 245px;
}
.courier-box {
  position: relative;
}
.courier-box:before {
  content: '';
  display: inline-block;
  font-size: 0;
  padding-top: 125%;
}
.courier-box .hidden {
  display: none;
}
.courier-box .issuuembed {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.courier-box .issuuembed iframe {
  width: 100%;
  height: 100%;
}
.news-page .content-pane h1 {
  background-image: url('/vrsc/123/img/grey-fabric.jpg');
  background-position: center center;
  background-size: cover;
  height: 56px;
  box-sizing: border-box;
  color: white;
  padding-top: 30px;
  padding-left: 15px;
  font-size: 260%;
}
.news-page .content-pane h1:first-of-type {
  background-image: url('/vrsc/123/img/grey-fabric.jpg');
  background-position: center center;
  background-size: cover;
  height: 56px;
  box-sizing: border-box;
  color: white;
  padding-top: 30px;
  padding-left: 15px;
  font-size: 260%;
  background-image: url('/vrsc/123/img/red-fabric.jpg');
}
.news-item-page .news-item {
  float: left;
}
.parish,
.school,
.cemetery {
  margin-bottom: 20px;
}
.parish:after,
.school:after,
.cemetery:after {
  content: '';
  display: table;
  clear: both;
}
.parish:nth-child(2n + 1),
.school:nth-child(2n + 1),
.cemetery:nth-child(2n + 1) {
  clear: both;
}
.parish .clergy-name,
.school .clergy-name,
.cemetery .clergy-name {
  color: #152f52;
}
.parish .clergy-name p,
.school .clergy-name p,
.cemetery .clergy-name p {
  margin: 0;
  color: #152f52;
}
.parish .img,
.school .img,
.cemetery .img {
  float: left;
  margin-right: 15px;
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  width: 155px;
}
.parish .img:before,
.school .img:before,
.cemetery .img:before {
  content: '';
  display: inline-block;
  font-size: 0;
  padding-top: 100%;
}
.parish .info,
.school .info,
.cemetery .info {
  position: relative;
  overflow: hidden;
}
.parish .info h2,
.school .info h2,
.cemetery .info h2 {
  color: #930105;
  font-size: 170%;
  margin-top: 0;
}
.parish .info h3,
.school .info h3,
.cemetery .info h3 {
  margin-top: 0;
}
.parish .info .contact,
.school .info .contact,
.cemetery .info .contact {
  font-size: 140%;
}
.parish .info a,
.school .info a,
.cemetery .info a {
  display: inline-block;
  margin-top: 1em;
  text-decoration: none;
  color: white;
  background-color: #940104;
  padding: 6px 40px;
  line-height: 1em;
  text-transform: uppercase;
}
.mass-boxes {
  margin-top: 20px;
}
.mass-boxes:after {
  content: '';
  display: table;
  clear: both;
}
.mass-box {
  background-color: #eeeeef;
  display: inline-block;
  height: 225px;
}
.inner-page .content-pane .mass-box h2 {
  background-color: #152f52;
  color: white;
  margin: 0 0 10px 0;
  padding: 10px;
}
.mass-box .mass-time {
  font-size: 140%;
}
.mass-box .day {
  color: #930105;
  padding-right: 7px;
  padding-left: 10px;
  font-weight: 600;
}
.inner-page .content-pane .parish-details h1,
.inner-page .content-pane .school-details h1,
.inner-page .content-pane .cemetery-details h1 {
  font-size: 360%;
  color: #940104;
  margin-bottom: 10px;
}
.parish-details h3,
.school-details h3,
.cemetery-details h3 {
  color: #152f52;
  font-size: 170%;
  margin-top: 30px;
}
.parish-details h3 + div p,
.school-details h3 + div p,
.cemetery-details h3 + div p {
  margin-top: 0;
}
.parish-details .addr,
.school-details .addr,
.cemetery-details .addr {
  color: #152f52;
  font-weight: 600;
  font-size: 200%;
  margin-bottom: 20px;
}
.parish-details .members,
.school-details .members,
.cemetery-details .members,
.parish-details .website,
.school-details .website,
.cemetery-details .website,
.parish-details .phone,
.school-details .phone,
.cemetery-details .phone {
  font-size: 140%;
}
.parish-details .members a,
.school-details .members a,
.cemetery-details .members a,
.parish-details .website a,
.school-details .website a,
.cemetery-details .website a,
.parish-details .phone a,
.school-details .phone a,
.cemetery-details .phone a {
  color: #930105;
}
.parishes-page form.parishes-search {
  display: inline-block;
  position: relative;
  width: 180px;
  margin: 0;
  padding: 0;
  float: right;
}
.parishes-page input[name=parishesSearch] {
  box-sizing: border-box;
  border: solid 1px #152f52;
  font-size: 14px;
  width: 100%;
  background-image: url('/img/mag-glass.png');
  background-position: right 5px center;
  background-repeat: no-repeat;
  padding: 5px;
}
.parishes-page .parish .ie6,
.parishes-page .parish ie7,
.parishes-page .parish ie8 {
  float: left;
  display: inline-block;
  width: 50%;
}
@media (min-width: 880px) {
  .parishes-page .parish {
    float: left;
    display: inline-block;
    width: 50%;
  }
}
.schools-page form.schools-search {
  display: inline-block;
  position: relative;
  width: 180px;
  margin: 0;
  padding: 0;
  float: right;
}
.schools-page input[name=schoolsSearch] {
  box-sizing: border-box;
  border: solid 1px #152f52;
  font-size: 14px;
  width: 100%;
  background-image: url('/img/mag-glass.png');
  background-position: right 5px center;
  background-repeat: no-repeat;
  padding: 5px;
}
.schools-page .school .ie6,
.schools-page .school ie7,
.schools-page .school ie8 {
  float: left;
  display: inline-block;
  width: 50%;
}
@media (min-width: 880px) {
  .schools-page .school {
    float: left;
    display: inline-block;
    width: 50%;
  }
}
.cemeteries-page form.cemetery-search {
  display: inline-block;
  position: relative;
  width: 180px;
  margin: 0;
  padding: 0;
  float: right;
}
.cemeteries-page input[name=cemeterySearch] {
  box-sizing: border-box;
  border: solid 1px #152f52;
  font-size: 14px;
  width: 100%;
  background-image: url('/img/mag-glass.png');
  background-position: right 5px center;
  background-repeat: no-repeat;
  padding: 5px;
}
.cemeteries-page .cemetery .ie6,
.cemeteries-page .cemetery ie7,
.cemeteries-page .cemetery ie8 {
  float: left;
  display: inline-block;
  width: 50%;
}
@media (min-width: 880px) {
  .cemeteries-page .cemetery {
    float: left;
    display: inline-block;
    width: 50%;
  }
}
.parish-page img.main,
.school-page img.main,
.cemetery-page img.main {
  max-width: 100%;
}
.parish-page .ie6 .mass-box,
.school-page .ie6 .mass-box,
.cemetery-page .ie6 .mass-box,
.parish-page ie7 .mass-box,
.school-page ie7 .mass-box,
.cemetery-page ie7 .mass-box,
.parish-page ie8 .mass-box,
.school-page ie8 .mass-box,
.cemetery-page ie8 .mass-box {
  float: left;
  box-sizing: border-box;
  width: 48%;
  margin-right: 2%;
}
.parish-page .ie6 .mass-box:nth-child(2n),
.school-page .ie6 .mass-box:nth-child(2n),
.cemetery-page .ie6 .mass-box:nth-child(2n),
.parish-page ie7 .mass-box:nth-child(2n),
.school-page ie7 .mass-box:nth-child(2n),
.cemetery-page ie7 .mass-box:nth-child(2n),
.parish-page ie8 .mass-box:nth-child(2n),
.school-page ie8 .mass-box:nth-child(2n),
.cemetery-page ie8 .mass-box:nth-child(2n) {
  margin-right: 0;
  margin-left: 2%;
}
@media (min-width: 880px) {
  .parish-page .mass-box,
  .school-page .mass-box,
  .cemetery-page .mass-box {
    float: left;
    box-sizing: border-box;
    width: 48%;
    margin-right: 2%;
  }
  .parish-page .mass-box:nth-child(2n),
  .school-page .mass-box:nth-child(2n),
  .cemetery-page .mass-box:nth-child(2n) {
    margin-right: 0;
    margin-left: 2%;
  }
}
h2 + .parish:nth-child(2n + 1),
h2 + .school:nth-child(2n + 1),
h2 + .cemetery:nth-child(2n + 1) {
  clear: both;
}
.filter-controls {
  padding: 20px 0;
  font-size: 140%;
}
.the-parishes h2 {
  clear: both;
}
.upcoming-events .year-box a,
.upcoming-events .month-box a {
  font-size: 16px;
}
.upcoming-events .month-box a {
  padding: 5px 10px;
  color: #930105;
  display: inline-block;
}
.upcoming-events .month-box a.selected {
  color: white;
  background-color: #930105;
}
.upcoming-events .price-box {
  display: none;
}
.upcoming-events .event h3 {
  color: #323232;
  font-weight: 600;
  font-size: 17px;
}
.upcoming-events .event .event-details h4 {
  margin-top: 0;
  font-weight: 400;
  font-size: 14px;
  color: #930105;
}
.upcoming-events .event .event-details .more-details {
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px dashed #152f52;
  font-size: 140%;
}
.media-center-page .search {
  font-size: 160%;
  margin-bottom: 10px;
}
.media-center-page .search h2 {
  margin-top: 0;
}
.media-center-page .search input,
.media-center-page .search select {
  box-sizing: border-box;
  width: 100%;
  border: solid 1px #930105;
  padding: 4px;
  background-color: white;
}
.media-center-page .search label {
  display: block;
  margin-bottom: 10px;
}
.media-items:after {
  content: '';
  display: table;
  clear: both;
}
.media-items .media-item {
  float: left;
  box-sizing: border-box;
  padding: 20px;
  width: 50%;
  text-align: center;
}
.media-items .media-item h2 {
  font-size: 18px;
}
.media-items .media-item .authors {
  font-weight: 600;
}
.media-items .media-item p {
  text-align: left;
}
.media-items .media-item button {
  font-size: 140%;
}
.media-items .media-item:nth-child(odd) {
  clear: left;
}
.media-items .media-item img {
  max-width: 80%;
}
.media-items.view-only .media-item button {
  display: none;
}
.checkoutBox {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #f6f6f7;
  padding: 0 20px 20px 20px;
  font-size: 140%;
}
.checkoutBox a {
  cursor: pointer;
}
.checkoutBox .reservations {
  display: table;
  margin-bottom: 20px;
}
.checkoutBox .reservations .reservation {
  display: table-row;
}
.checkoutBox .reservations .reservation > * {
  display: table-cell;
  padding: 3px 8px;
}
.comments {
  font-size: 18px;
}
.comments textarea {
  display: block;
  margin: 10px 0 0 0;
  padding: 5px;
  box-sizing: border-box;
  width: 100%;
}
.comments button {
  display: inline-block;
  margin-top: 1em;
  text-decoration: none;
  color: white !important;
  background-color: #940104;
  padding: 10px 40px;
  line-height: 1em;
  text-transform: uppercase;
  border: 0;
  margin-top: 5px;
}
.comments .comment form {
  padding-left: 20px;
}
.comments > form {
  margin-top: 20px;
}
.comments .comment-info .top {
  background-color: #f1f1f2;
}
.comments .comment-info .top:after {
  content: '';
  display: table;
  clear: both;
}
.comments .comment-info .author {
  float: left;
  margin-left: 5px;
  margin-bottom: 6px;
}
.comments .comment-info .date {
  float: right;
  margin-right: 5px;
  margin-bottom: 6px;
}
.comments .comment-info .text {
  position: relative;
  padding: 5px;
  border-radius: 2px;
  clear: both;
}
.comments .comment-info .text .options {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
}
.comments .comment-info .text .options a {
  text-decoration: none;
  color: #323232;
  display: inline-block;
  vertical-align: middle;
}
.comments .comment-info .text .options .edit {
  display: none;
}
.comments .comment-info.editable .text .options {
  display: block;
}
.comments .comment-info + .comment-info {
  margin-top: 15px;
}
.comments .comment + .comment {
  border-top: 1px solid #d2d7db;
  margin-top: 15px;
  padding-top: 15px;
}
.comments .child-comments {
  padding-left: 10px;
  margin: 15px 0 0px 5px;
}