/* ------------------------------------------------------
Variables for easy find and replace


$link:					#00447c;
$link-hover:			#0063b5;

$second-bg-color: #F6F6F6;
$second-font-color: #707070;
$table-border-color: #D6D6D6;

$body-font:				'Neue Helvetica W01', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
$heading-font:			'ExemplarPro-Bold', 'Exemplar Pro', Arial, sans-serif;
$special-font:			'journalregular', Journal, Arial, sans-serif;


Table of Contents for search based navigation


BASE STYLES

**** Box Model Reset

**** Typography
---- Lists
---- Breadcrumbs
---- Quotations
---- Text level elements
---- Links

**** Content Design Patterns
---- Buttons
---- Expando Styles
---- Content Highlight box
---- Date Pattern
---- Site Messages

**** Images

**** Forms
---- Form Help
---- Form Errors
---- Horizontal Form
---- Oldschool Table based form styles
---- Search Form
---- Submit Bar
---- Captcha

**** Tables
---- No Layout Table

**** Logo Gallery

**** Helper classes
---- Clearfix
---- Floats and positioning
---- Visually Hidden

GLOBAL TEMPLATE

**** Template Layout
---- Header
---- footer

**** Widgets and modules
---- Related Links
---- Articles
---- Article Category Subscribe
---- Simple Image Gallery
---- Gallery
---- Gallery Preview
---- Job Search
---- Order Form
---- Events
---- Videos

**** Media Queries

**** Print styles

------------------------------------------------------ */

/* ------------------------------------------------------
**** Box Model Reset
------------------------------------------------------ */

*, *:before, *:after {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}


/* ------------------------------------------------------
**** Typography
------------------------------------------------------ */

html {
     font-size: 62.5%;
     -ms-text-size-adjust: 100%; /* These two prevent iOS text size adjust after orientation change, without disabling user zoom. */
     -webkit-text-size-adjust: 100%;
}
body {
     margin: 0;
     line-height: 24px;
     line-height: 2.4rem;
     font-size: 16px;
     font-size: 1.6rem;
     color: #696969;
     font-family: 'Neue Helvetica W01', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

/* ---- Fonts ---- */

@font-face {
     font-family: 'journalregular';
     src: url('../fonts/journal-webfont.eot');
     src: url('../fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/journal-webfont.woff') format('woff'),
     url('../fonts/journal-webfont.ttf') format('truetype'),
     url('../fonts/journal-webfont.svg#journalregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'ExemplarPro-Light';
     src: url('../fonts/2B341D_0_0.eot');
     src: url('../fonts/2B341D_0_0.eot?#iefix') format('embedded-opentype'),
     url('../fonts/2B341D_0_0.woff') format('woff'),
     url('../fonts/2B341D_0_0.ttf') format('truetype');
}
@font-face {
     font-family: 'ExemplarPro-Bold';
     src: url('../fonts/2B341D_1_0.eot');
     src: url('../fonts/2B341D_1_0.eot?#iefix') format('embedded-opentype'),
     url('../fonts/2B341D_1_0.woff') format('woff'),
     url('../fonts/2B341D_1_0.ttf') format('truetype');
}

/* ---- Headings ---- */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
     margin: 0;
     font-family: 'ExemplarPro-Bold', 'Exemplar Pro', Arial, sans-serif;
     font-weight: normal;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
     font-weight: normal;
     line-height: 1;
     color: #8a7b7b;
}
.content h2,
.content .h2,
.content h3,
.content .h3,
.content h4,
.content .h4,
.content h5,
.content .h5,
.content h6,
.content .h6 {
     font-family: 'Neue Helvetica W01', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
h1, .h1 {
     line-height: 36px;
     line-height: 3.6rem;
     font-size: 30px;
     font-size: 3rem;
     text-transform: uppercase;
     color: #000;
     text-align: center;
     border-top: 8px solid #00447c;
     display: table;
     margin: -8px auto 0;
     padding-top: 50px;
}
h2, .h2 {
     margin: 30px 0 15px 0;
     margin: 3rem 0 1.5rem 0;
     font-size: 21px;
     font-size: 2.1rem;
}
.content h2,
.content .h2 {
     color: #00447c;
}
h3, .h3 {
     margin: 22px 0 15px 0;
     margin: 2.2rem 0 1.5rem 0;
     font-size: 17px;
     font-size: 1.7rem;
}
.content h3,
.content .h3 {
     color: #00447c;
}
h4, .h4 {
     margin: 30px 0 15px 0;
     margin: 3rem 0 1.5rem 0;
     font-size: 16px;
     font-size: 1.6rem;
}
.content h4,
.content .h4 {
     color: #717171;
}
h5, .h5 {
     margin: 30px 0 15px 0;
     margin: 3rem 0 1.5rem 0;
     font-size: 14px;
     font-size: 1.4rem;
}
.content h5,
.content .h5 {
     color: #717171;
}
h6, .h6 {
     margin: 30px 0 15px 0;
     margin: 3rem 0 1.5rem 0;
     font-size: 12px;
     font-size: 1.2rem;
}
.content h6,
.content .h6 {
     color: #717171;
}

.heading-inline {
     display: inline;
     float: left;
     padding: 0;
}
p,
ol,
ul,
dl,
address {
     margin: 15px 0;
     margin: 1.5rem 0;
}

/* Nuke top margin for the first bit of content
or it doesn't line up with a floated image */
.mainbar p:first-child,
.mainbar h2:first-child,
.mainbar h3:first-child,
.mainbar img.left:first-child + p,
.mainbar img.left:first-child + h2,
.mainbar img.left:first-child + h3,
.mainbar img.right:first-child + p,
.mainbar img.right:first-child + h2,
.mainbar img.right:first-child + h3 {
     margin-top: 0;
}
small {
     font-size: 12.8px;
     font-size: 1.28rem;
}
/* ---- Lists ---- */

ul,
ol {
     padding: 0 0 0 40px;
     padding: 0 0 0 4rem;
}
li ul,
li ol {
     list-style-type: none;
     margin: 1rem 0;
}
ul.inline,
ol.inline {
     list-style-type: none;
     margin-left: 0;
}
ul.inline > li,
ol.inline > li {
     display: inline-block;
     padding-left: 12px;
     padding-right: 12px;
}

/* Column list automator */
/* Column Lists - Two Columns */
.list-two-col {
     columns: 2 auto;
     column-gap: 3.6%;
}

/* Column Lists - Three Columns */
.list-three-col {
     columns: 3 auto;
     column-gap: 3.6%;
}

/* Column Lists - Four Columns */
.list-four-col {
     columns: 4 auto;
     column-gap: normal;
}

.no-js .col1,
.no-js .col2,
.no-js .col3,
.no-js .col4 {
     width: 100%;
     margin: 0 !important;
}

/* ---- Breadcrumbs ---- */

.breadcrumb > li:before {
     content: "\00a0\003E\00a0\00a0";
     display: inline-block;
}
.breadcrumb > li:first-child:before {
     content: none;
}

/* ---- Quotations ---- */

blockquote {
     margin: 15px 0;
     margin: 1.5rem 0;
     padding: 5px 20px 15px;
     background: #f6f6f6;
     font-style: normal;
}
blockquote small:before {
     content: '\00A0 \2014';
}
blockquote small:after {
     content: '';
}
blockquote.pull-right {
     float: right;
     background-color: transparent;
}
blockquote.pull-right p, blockquote.pull-right small {
     text-align: right;
}
blockquote.pull-right small:before {
     content: '';
}
blockquote.pull-right small:after {
     content: '\00A0 \2014';
}
blockquote cite {
     font-style: normal;
}
q {
     quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
     content: '';
     content: none;
}
dl,
dd {
     margin-bottom: 1.5em;
}
dt {
     font-weight: bold;
}

.dl-horizontal {
     *zoom: 1;
}
.dl-horizontal:before, .dl-horizontal:after {
     content: " ";
     display: table;
}
.dl-horizontal:after {
     clear: both;
}
.dl-horizontal dt {
     float: left;
     clear: left;
     width: 30.38869258%;
}
.dl-horizontal dd {
     margin-left: 32.99289258%;
}

/* ---- Text level elements ---- */

abbr[title] {
     border-bottom: 1px dotted #c6bfbf;
     cursor: help;
}
b, strong {
     font-weight: bold;
}
dfn {
     font-style: italic;
}
ins {
     background-color: #f6f6f6;
     color: #473f3f;
     text-decoration: none;
}
mark {
     background-color: #f6f6f6;
     color: #473f3f;
     font-style: italic;
     font-weight: bold;
}
pre,
code,
kbd,
samp {
     font-family: Monaco, Courier New, monospace;
     color: #484040;
     background: #efefef;
     background: rgba(0, 0, 0, .07);
     padding: 0 2px;
     margin: 0 -2px;
}
pre {
     white-space: pre;
     white-space: pre-wrap;
     word-wrap: break-word;
}
sub,
sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
}
sup {
     top: -.5em;
}
sub {
     bottom: -.25em;
}

/* ---- Links ---- */

a {
     color: #0070cd;
     word-break: break-word;
     text-decoration: none;
}
.mainbar a {
     text-decoration: underline;
}
a:hover {
     color: #0063b5;
     text-decoration: underline;
}

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

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

/* PDF links */
.mainbar p > a[href$=".pdf"] {
     margin-left: 43px;

     margin-right: 10px;
     display: inline-block;
}
.mainbar p > a[href$=".pdf"]:before{
     content: " ";
     background: url(../images/icon-pdf.png) no-repeat left top;
     width: 15px;
     height: 19px;

     display: inline-block;
     margin: 0 12px -3px -31px;
}

/* ------------------------------------------------------
**** Design Patterns
------------------------------------------------------ */

/* ---- Buttons ---- */

.button {
     /* Structure */
     display: inline-block;
     *display: inline; /*IE 6/7*/
     zoom: 1;
     margin-bottom: 0;
     white-space: nowrap;
     vertical-align: middle;
     text-align: center;
     cursor: pointer;
     /* styles */
     text-transform: uppercase;
     font-family: 'ExemplarPro-Bold', 'Exemplar Pro', Arial, sans-serif;
     font-weight: normal;
     line-height: 1em;
     font-size: 20px;
     font-size: 2rem;
     color: #fff;
     background-color: #00447c;
     text-decoration: none;
     border: none;
     font-size: 100%;
     *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
     *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
     padding: 12px 18px;
     -webkit-transition: background 200ms ease-in;
     -moz-transition: background 200ms ease-in;
     -ms-transition: background 200ms ease-in;
     -o-transition: background 200ms ease-in;
     transition: background 200ms ease-in;
}

/* Firefox: Get rid of the inner focus border */
.button::-moz-focus-inner {
     padding: 0;
     border: 0;
}
.button-hover,
.button:hover,
.button:focus {
     background-color: #0063b5;
     color: #fff;
}
.button-small {
     font-size: 12px;
     font-size: 1.2rem;
     line-height: 8px;
     line-height: 0.8rem;
     padding: 6px 8px;
     margin: -2px 0
}
.button-large {
     font-size: 22px;
     font-size: 2.2rem;
     padding: 13px 18px;
}
.button-block {
     display: block;
}

/* Disabled/unavailable button style */
.button[disabled],
.button-disabled,
.button-disabled:hover,
.button-disabled:focus,
.button-disabled:active {
     border: none;
     background-image: none;
     filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
     filter: alpha(opacity=40);
     -khtml-opacity: 0.40;
     -moz-opacity: 0.40;
     opacity: 0.40;
     cursor: default;
     box-shadow: none;
}

/* Gets the buttons to line up with form inputs when you want them to */
.button.inline {
     margin-bottom: 0.75em;
}


/* ---- Expando Styles ---- */

.expando-opener-heading {
     color: #00447c;
     padding: 0;
     cursor: pointer;
}
.expando-opener-heading:before {
     content: " ";
     display: inline-block;
     width: 30px;
     height: 30px;
     background: url(../images/expando-btn.png) no-repeat 0 0;
     margin: 0 16px -10px 0;
}
.expando-opener-heading:hover:before {
     background-position: -30px 0;
}
.expando-opener-heading.expanded:before {
     background-position: 0px -30px;
}
.expando-opener-heading.expanded:hover:before {
     background-position: -30px -30px;
}
.expando-opener-heading:hover {
     color: #0063b5;
}
.expando {
     background: #F7F7F7;
     padding: 2px 23px;
     opacity: 0 !important;
     display: block !important;
     position: absolute;
     overflow: hidden;
     clip: rect(0 0 0 0);

     margin: -1px;

}
.expando.expanded {
     opacity: 1 !important;
     display: block !important;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     position: static;
     overflow: auto;
     clip: auto;
     height: auto; width: auto;
     margin: auto;
}
hr {
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #ccc;
     margin: 2em 0;
     padding: 0;
     clear: right; /* --------!!!! Change this to left if the sidebar is on the right !!!!-------- */
}

/* ---- Content Highlight box ---- */

.content-highlight {
     margin: 15px 0;
     margin: 1.5rem 0;
     padding: 15px 20px 15px;
     background: #f6f6f6;
}


/* ---- Date Pattern ---- */

.calendar-date {
     background: #00447c;
     color: #fff;
     border-radius: 6px;
     padding: 0px 0 5px;
     width: 60px;
     text-align: center;
}
.calendar-date-text {
     color: #fff;
     text-decoration: none; /* Used if the date is a link */
     font-size: 24px;
     font-size: 2.4rem;
     line-height: 1;
     margin: 0;
     padding: 0;
}
.calendar-date-text span {
     font-size: 12px;
     font-size: 1.2rem;
     line-height: 1;
     text-transform: uppercase;
}


/* ---- Site Messages ---- */

.messages {
     background: #f6f6f6;
     border: 1px solid #D6D6D6;
     font-family: arial,sans-serif;
     list-style-type: none;
     margin: 15px 0;
     padding: 10px 0;
     -webkit-box-shadow: 0 0 8px 0 #404040;
     box-shadow: 0 0 8px 0 #404040;
}
.messages li {
     margin: 0 0 0 16px;
     padding: 7px 20px 7px 30px;
     vertical-align: bottom;
}

/* ------------------------------------------------------
**** Images
------------------------------------------------------ */

img {
     vertical-align: middle;
     max-width: 100%;
     height: auto;
}

/* ------------------------------------------------------
**** Forms
------------------------------------------------------ */

form {
     margin: 0 0 2em 0;
}
form ul {
     list-style-type: none;
     margin: 0 0 1.5em 0;
     padding: 0;
}

fieldset {
     margin-bottom: 1.5em;
     padding: 0;
     border-width: 0;
}
fieldset:last-of-type {
     margin-bottom: 0;
}

legend {
     display: block;
     width: 100%;
     margin-top: 15px;
     *margin-left: -7px;
     padding: 00;
     border: 0;
     font-size: 18px;
     font-size: 1.8rem;
     font-weight: bold;
     line-height: 1.5em;
     white-space: normal;
}
legend small {
     font-size: 1.125em;
     color: #625757;
}

label,
input,
button,
select,
textarea {
     font-family: sans-serif;
}

label {
     display: block;
     margin-bottom: 0.375em;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"] {
     display: inline-block;
     margin-bottom: 0.75em;
     padding: 0.55em 10px 0.3em;
     font-size: 16px;
     font-size: 1.6rem;
     line-height: 1.5em;
     color: inherit;
     border-radius: 4px;
     vertical-align: middle;
}

input,
textarea {
     width: 100%;
}

textarea {
     height: auto;
     resize-x: none;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
     background-color: white;
     border: 2px solid #d6d6d6;
}
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover {
     border-color: #aeaeae;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
     border-color: #828282;
     outline: 0;
     outline: thin dotted \9;
}
input[type="radio"],
input[type="checkbox"] {
     margin: 2px 0 0;
     margin-top: 6px \9;  /* IE8-9 */
     line-height: normal;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
     width: auto;
}
input.datepicker.wd {
     margin-left: 0;
}
input.datepicker.wy {
     margin-right: 0;
}
input.datepicker {
     width: 60px;
     margin: 0 4px;
}
select {
     padding: 6px;
     width: 90%;
     border: 2px solid #d6d6d6;
     background: #fff;
}
select[multiple],
select[size] {
     height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
     outline: thin dotted #333;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
     font-size: 14px;
     font-size: 1.4rem;
     color: #ccc;
}
.radio,
.checkbox {
     min-height: 1.5em;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
     float: left;
     margin-right: 10px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
     padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
     display: inline-block;
     padding-top: 5px;
     margin-bottom: 0;
     vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
     margin-left: 12px;
}
.-input-mini {
     width: 60px;
}
.-input-small {
     width: 90px;
}
.-input-medium {
     width: 150px;
}
.-input-large {
     width: 210px;
}
.-input-xlarge {
     width: 270px;
}
.-input-xxlarge {
     width: 530px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
     opacity: .25;
}
.form-actions {
     margin-top: 1.5em;
     margin-bottom: 1.5em;
     padding: 0.5em 24px 1.5em;
     *zoom: 1;
}
.form-actions:before, .form-actions:after {
     content: " ";
     display: table;
}
.form-actions:after {
     clear: both;
}
[placeholder]:focus::-webkit-input-placeholder {
     opacity: 0;
     transition: opacity .5s .5s ease;
}


/* ---- Notification box ---- */
html ul.messages {
     padding: 0;
     margin: 0;
     list-style-type: none;
     font-family: 'Oswald', 'Neue Helvetica W01', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     font-weight: normal;
     text-transform: uppercase;
     font-size: 18px;
     border: none;
     background-color: #f9f6f1;
     zoom: 1;
     text-align: center;
}
html ul.messages li {
     display: block;
     vertical-align: top;
     margin: 0;
     padding: 5px 30px;
     width: 100%;
}
html ul.messages li:before, html ul.messages li:after {
     content: " - ";
}
html ul.messages li.confirm {
     color: #FFF;
     background: #31a100;
     list-style-type: none;
}
html ul.messages li.error {
     color: #FFF;
     background: #ca0000;
     list-style-type: none;
}

/* ---- form help ---- */
.help-block,
.help-inline {
     color: #625757;
     font-size: 12.8px;
     font-size: 1.28rem;
     line-height: 1.4;
}
.help-block {
     display: block;
     margin-bottom: 0.75em;
}
.help-inline {
     display: inline-block;
     *display: inline;
     *zoom: 1;
     vertical-align: middle;
     padding-left: 12px;
}
.help-block,
.help-inline {
     color: #625757;
}
.help-block {
     display: block;
     margin-bottom: 0.75em;
}
.help-inline {
     display: inline-block;
     *display: inline;
     *zoom: 1;
     vertical-align: middle;
     padding-left: 24px;
}

/* ---- Form Errors ---- */

.has-error {

     background: #fae8e7;
     padding: 10px 20px;
     margin: 0 -20px;
}
.has-error input {
     border-color: #B94A48;
}
.has-error .help-block,
.has-error .help-inline {
     color: #B94A48;
     font-weight: bold;
     font-style: italic;
}

/* ---- Horizontal Form ---- */

.form-horizontal {
     /*controls*/
     /*input*/
}
.form-horizontal .control-group {
     margin-bottom: 1.5em;
     *zoom: 1;
}
.form-horizontal .control-group:before, .form-horizontal .control-group:after {
     content: " ";
     display: table;
}
.form-horizontal .control-group:after {
     clear: both;
}
.form-horizontal .control-label {
     float: left;
     width: 49%;
     padding-top: 5px;
     padding-right: 24px;
     text-align: right;
}
.form-horizontal .controls {
     *display: inline-block;
     margin-left: 49%;
     *margin-left: 0;
     *padding-left: 24px;
}
.form-horizontal .controls:first-child {
     *padding-left: 24px;
}
.form-horizontal .help-block {
     margin-bottom: 0;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block {
     margin-top: 0.75em;
}
.form-horizontal .form-actions {
     padding-left: 49%;
}

.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select {
     display: inline-block;
     *display: inline;
     *zoom: 1;
     margin-bottom: 0;
     vertical-align: middle;
}
.form-horizontal .hide {
     display: none;
}
.form-horizontal label,
.form-horizontal .btn-group {
     display: inline-block;
}
.form-horizontal .control-group {
     margin-bottom: 0.75em;
}
.form-horizontal legend + .control-group {
     margin-top: 1.5em;
     -webkit-margin-top-collapse: separate;
}

/* ---- Oldschool Table based form styles ---- */

table.form-section,
table.checkbox-list {
     border-collapse: collapse;
     background: #f6f6f6;
     border: 1px #D6D6D6 solid;
     margin-bottom: 30px;
     width: 100%;
}
table.form-section tr,
table.checkbox-list tr {
     border-bottom: 1px #D6D6D6 dashed;
}
table.form-section th,
table.form-section tr > th:first-child {
     width: 25%;
     font-weight: bold;
     padding: 20px 10px 16px 15px;
     vertical-align: top;
     border: none;
}
table.form-section td,
table.checkbox-list td {
     width: auto;
     padding: 12px 11px;
     vertical-align: top;
     border: none;
}
table.form-section td.field-info {
     vertical-align: middle;
     font-size: 10px;
     font-size: 1rem;
}
table.form-section span.field-error {
     font-size: 10px;
     font-size: 1rem;
}
table.checkbox-list td.check {
     width: 10px;
     text-align: center;
}
td table.checkbox-list td.check {
     padding: 12px 5px 11px 20px;
}
table.form-section span.s {
     display: block;
     margin: 15px 0 0 0;
     background: url("../images/arw_blue.gif") no-repeat scroll left center transparent;
     padding: 0 0 0 22px;
}
table.form-section table.checkbox-list {
     margin: 0;
}
table.form-section input, table.form-section label, table.form-section select {
     margin-bottom: 0;
}

.form-section .field-info span {
     color: #00447c;
     font-size: 12px;
     font-size: 1.2rem;
     font-weight: bold;
}

/* ---- Submit Bar ---- */

.submit-bar {
     text-align: right;
     background: #f6f6f6;
     padding: 14px;
     border-top: 1px #D6D6D6 dashed;
}
.submit-bar a {
     margin-right: 20px;
}

/* ---- Search Form ---- */
input.search-query {
     margin-bottom: 0;
     padding-right: 14px;
     padding-right: 4px \ 9;
     padding-left: 14px;
     padding-left: 4px \9;
     border-radius: 0;
}
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
     border-radius: 0;
}
.form-search .input-append .search-query {
     border-radius: 14px, 0, 0, 14px;
}
.form-search .input-append .btn {
     border-radius: 0, 14px, 14px, 0;
}
.form-search .input-prepend .search-query {
     border-radius: 0, 14px, 14px, 0;
}
.form-search .input-prepend .btn {
     border-radius: 14px, 0, 0, 14px;
}
.form-search input,
.form-search textarea,
.form-search select {
     display: inline-block;
     *display: inline;
     *zoom: 1;
     margin-bottom: 0;
     vertical-align: middle;
}
.form-search .hide {
     display: none;
}
.form-search label,
.form-search .btn-group {
     display: inline-block;
}
.form-search .radio,
.form-search .checkbox {
     margin-bottom: 0;
     padding-left: 0;
     vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"] {
     float: left;
}
.form-search .radio input[type="radio"] margin,
.form-search .checkbox input[type="checkbox"] margin {
     right: 3px;
     left: 0;
}
.form-search .control-group {
     margin-bottom: 0.75em;
}
.form-search legend + .control-group {
     margin-top: 1.5em;
     -webkit-margin-top-collapse: separate;
}

.content-search-box {
     margin: 20px 0;
}
.search-result {
     border-bottom: 1px solid #d6d6d6;
     margin-bottom: 20px;
     padding-bottom: 5px;
}

.search-form {
     display: flex;
     flex-wrap: nowrap;
}
.search-form input {
     flex: 0 1 auto;
     margin: 0;
}
.search-form button {
     flex: 0 0 auto;
     margin-left: 30px;
}

.search-paginate .page {
     text-decoration: none;
     padding: 6px 13px 7px;
     background-color: #d6d6d6;
     color: #000;
     font-weight: bold;
}
.search-paginate .page:hover {
     background-color: #949ca1;
}
.search-paginate .page.on {
     background-color: #00447c;
     color: #FFF;
}
.search-paginate .page-prev {
     margin-right: 20px;
}
.search-paginate .page-next {
     margin-left: 20px;
}

/* ---- Captcha ---- */
.captcha {
     background: #f6f6f6;
     margin: 5px 0px;
     padding: 10px;
     width: 90%;
     border: 1px #D6D6D6 solid;
}
.captcha .captcha-info, .captcha .info {
     width: 20px;
     float: right;
}
.captcha .captcha-info, .captcha .info a {
     text-decoration: none;
}
.captcha .captcha-info .captcha-icon {
     width: 16px;
     height: 16px;
     margin-bottom: 16px;
}
.captcha .captcha-img {
     width: 200px;
     margin-bottom: 10px;
}

.captcha .captcha-input {
     width: 200px;
}

/* ------------------------------------------------------
**** Tables
------------------------------------------------------ */

table {
     border-collapse: collapse;
     border-spacing: 0;
     margin: 20px 0;
     margin: 2rem 0;
     max-width: 100%;
     text-align: left;
     width: 100%;
     overflow: auto;
     overflow-y: hidden;
     overflow-x: auto;
     border: none !important;
}
table caption {
     text-align: left;
     padding: 5px 0 13px;
}
table th,
table td {
     padding: 9px 10px;
     vertical-align: top;
     border-bottom: 1px solid #c2c2c2;
     border-right: 1px solid #c2c2c2;
}
table tr:first-child th,
table tr:first-child td {
     border-top: 1px solid #c2c2c2;
}
table th:first-child,
table td:first-child {
     border-left: 1px solid #c2c2c2;
}
div:not(.widget) > table th {
     background: #dbdbdb;
}
div:not(.widget) > table tr:nth-child(odd) td {
     background: #f6f6f6;
}
table th {
     font-weight: bold;
     background: #F6F6F6;
}
table thead th {
     vertical-align: bottom;
}

/* ---- No Layout Table ---- */
.table__no-styles {
     border-collapse: separate;
     border: none;
}

.table__no-styles th,
.table__no-styles td {
     padding: 0;
     border: 0;
     background: none;
}

/* ------------------------------------------------------
**** Logo Gallery
------------------------------------------------------ */

.logo-gallery .logo {
     float: left;
     padding: 0 10px;
     margin: 15px 1.6665% 15px 1.6665%;
     border: 1px solid #cccccc;
     width: 30%;
}
.logo-gallery .logo-wrap {
     position: relative;
     width: 100%;
     height: 200px;
     display: table-cell;
     vertical-align:middle;
}
.logo-gallery .logo-wrap:before {
     content: "";
     display: block;
     padding-top: 0%;
}
.logo-wrap img {
     width: 100%;
     max-width: 50em;
     height: auto;
     max-height: 100%;
     margin: 0 auto;
}
.logo-details {
     text-align: center;
}

/* ------------------------------------------------------
**** Helper classes
------------------------------------------------------ */

/* ---- Clearfix ---- */
.clear {
     height: 0;
     clear: both;
     display: block;
}
.-clearfix:before,
.-clearfix:after {
     content: " ";
     display: table;
}
.-clearfix:after {
     clear: both;
}
.-clearfix {
     *zoom: 1;
}

/* Image Replacement */
.-ir {
     background-color: transparent;
     border: 0;
     overflow: hidden;
     *text-indent: -9999px;
}
.-ir:before {
     content: "";
     display: block;
     width: 0;
     height: 150%;
}
.-hidden {
     display: none !important;
     visibility: hidden;
}
.hidden {
     display: none !important;
     visibility: hidden;
}
.-vis-hidden {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
}
.-vis-hidden.focusable:active,
.-vis-hidden.focusable:focus {
     clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     position: static;
     width: auto;
}
.-invisible {
     visibility: hidden;
}

/* Angle Brackets */
.-r-arrow-after:after {
     content: "\00A0\003E";
}
.-r-arrow-before:before {
     content: "\003E\00A0";
}
.-l-arrow-after:after {
     content: "\00A0\003C";
}
.-l-arrow-before:before {
     content: "\003C\00A0";
}

/* ---- Floats and positioning ---- */

.left {
     margin: 0 10px 5px 0;
     float: left;
}
.right {
     margin: 0 0 5px 10px;
     float: right;
}
.center {
     display: block;
     margin-left: auto;
     margin-right: auto;
}

/* ---- Clearfix ---- */

.clear {
     height: 0;
     clear: both;
     display: block;
}

.clearfix:before,
.clearfix:after {
     content: " ";
     display: table;
}

.clearfix:after {
     clear: both;
}

.clearfix {
     *zoom: 1;
}
/* Ellipsis */
.ellipsis-2:after {
     content: "..";
}
.ellipsis-3:after {
     content: "...";
}

/* ------------------------------------------------------
**** Template Layout
------------------------------------------------------ */

* {
     margin: 0;
}

html,
body {
     height: 100%;
}

.wrap {
     height: 100%;
     margin-top: 270px;
}
.full-height-banner .wrap {
     margin-top: 0;
}
.container {
     max-width: 1170px;
     margin: 0 auto;
     position: relative; */;
}

/* Important announcements */
.important-announcement {
     background: #f6da6a;
     color: #b02f08;
     position: relative;
     width: 100%;
     padding: 17px 0;
     z-index: 30;
     text-align: center;
     margin-bottom: 0px;
}
.important-announcement h2,
.important-announcement p {
     display: inline;
     font-size: 17px;
     font-size: 1.7rem;
     font-family: 'Neue Helvetica W01', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.important-announcement h2:after {
     content: ":\00a0";
}

/* ---- Header ---- */
.important-announcement + .header {
     margin-top: 50px;
}
.header {
     background: #FFF;
     border-top: #e4e2e2 solid 8px;
     position: absolute;
     width: 100%;
     top: 0;
     z-index: 2;
}

/* Top bar */
.top-bar {
     height: 153px;
     padding: 15px 0;
}
.top-bar .logo {
     float: left;
}
.top-bar .tagline {
     position: absolute;
     right: 116px;
     top: 54px;
     margin: 15px auto 30px; display: block;
}

.header-search {
     position: absolute;
     top: 3px;
     right: 470px;
     margin: 0;
     clear: both;
}
input[type="text"].header-search__input {
     padding: 5px 46px 5px 15px;
     font-size: 1.6rem;
     margin: 0;
     height: 38px;
}
.header-search__button {
     -webkit-appearance: none;
     padding: 0;
     outline: none;
     border: none;
     background-image: url(../images/icon-search.png);
     background-repeat: no-repeat;
     background-position: center center;
     background-color: #d6d6d6;
     text-indent: -9999px;
     width: 34px;
     height: 34px;
     position: absolute;
     right: 2px;
     top: 2px;
}
.header-search__button:hover {
     background-color: #e2e2e2;
}

/* Main Navigation */
.nav {
     background: #949ca1;
     -webkit-box-shadow: 0 8px 0 0 rgba(0,0,0,0.15);
     box-shadow: 0 8px 0 0 rgba(0,0,0,0.15);
     position: relative;
     z-index: 20;
     height: 58px;
}
.nav .container {
     height: 100%;
}
.nav-fixed .nav {
     position: fixed;
     top: 0;
     width: 100%;
}
.nav ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
.nav-fixed .nav .sf-menu {
     padding-left: 75px;
}
.lt-ie9 .nav-fixed .nav .sf-menu {
     padding-left: 0;
}
.nav .sf-menu > li {
     float: left;
     display: table;
     height: 57px;
     padding: 8px 0;
}
.nav a {
     text-decoration: none;
}
.nav .sf-menu > li > a {
     text-transform: uppercase;
     font-family: 'ExemplarPro-Bold', 'Exemplar Pro', Arial, sans-serif;
     display: block;
     text-align: center;
}
.nav .sf-menu > li.on {
     border-top: 8px solid #00447c;
     margin-bottom: -8px;
     padding-top: 0px;
}
/* Sub - items */
.nav .sf-menu > li:nth-child(1),
.nav .sf-menu > li:nth-child(2),
.nav .sf-menu > li:nth-child(3) {
     position: absolute;
     top: -161px;
     border-top: 8px solid #00447c !important;
     padding: 16px 0 0;
}
.nav .sf-menu > li:nth-child(1) {
     right: 347px;
     width: 89px;
}
.nav-fixed .nav .sf-menu > li:nth-child(1) {
     top: 0;
     border: none !important;
     right: auto;
     left: 0;
     padding: 0;
     height: 100%;
     width: 60px;
}
.nav-fixed .nav .sf-menu > li:nth-child(1) a {
     border: none;
     background-image: url(../images/icon-home.png);
     width: 60px;
     height: 100%;
     display: inline-block;
     position: absolute;
     left: 0;
     top: 0;
     background: #FFF url(../images/logo-small-nav.png) no-repeat center center;
     zoom: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     text-indent: -9999px;
     padding: 0;
     font-size: 1px;
     color: #949ca1;
}
.nav .sf-menu > li:nth-child(2) {
     right: 164px;
     width: 183px;
}
.nav .sf-menu > li:nth-child(3) {
     right: 0px;
     width: 164px;
}
.nav .sf-menu > li:nth-child(1) a,
.nav .sf-menu > li:nth-child(2) a,
.nav .sf-menu > li:nth-child(3) a {
     font-size: 14px;
     font-size: 1.4rem;
     padding: 19px 10px 0 34px;
     border-left: 1px solid #e4e2e2;
     background-repeat: no-repeat;
     background-position: 11px 21px;
}
.nav .sf-menu > li:nth-child(1) a:hover,
.nav .sf-menu > li:nth-child(2) a:hover,
.nav .sf-menu > li:nth-child(3) a:hover {
     background-color: #f7f7f7;
}
.nav .sf-menu > li:nth-child(1) a {
     background-image: url(../images/icon-home.png);
}
.nav .sf-menu > li:nth-child(2) a {
     background-image: url(../images/icon-calendar.png);
}
.nav .sf-menu > li:nth-child(3) a {
     background-image: url(../images/icon-connect.png);
}
/* Main items */
.nav .sf-menu > li:nth-child(4) > a,
.nav .sf-menu > li:nth-child(5) > a,
.nav .sf-menu > li:nth-child(6) > a,
.nav .sf-menu > li:nth-child(7) > a,
.nav .sf-menu > li:nth-child(8) > a,
.nav .sf-menu > li:nth-child(9) > a {
     font-size: 19px;
     font-size: 1.9rem;
     color: #FFF;
     padding: 12px 4px 7px;
     line-height: 1.2em;
     border-right: 1px solid #acb1b5;
     -webkit-transition: background 200ms ease-in;
     -moz-transition: background 200ms ease-in;
     -ms-transition: background 200ms ease-in;
     -o-transition: background 200ms ease-in;
     transition: background 200ms ease-in;
     display: block;
     vertical-align: middle;
     width: 100%;
}
.nav .sf-menu > li:nth-child(4) > a:hover, .nav .sf-menu > li:nth-child(5) > a:hover, .nav .sf-menu > li:nth-child(6) > a:hover, .nav .sf-menu > li:nth-child(7) > a:hover, .nav .sf-menu > li:nth-child(8) > a:hover, .nav .sf-menu > li:nth-child(9) > a:hover, .nav .sf-menu > li:nth-child(10) > a:hover {
     background: #838a8f;
}
.nav .sf-menu > li:nth-child(9) > a {
     border-right: none;
}
.nav .sf-menu > li:nth-child(4) {
     width: 14.6%;
}
.nav .sf-menu > li:nth-child(5) {
     width: 15.8%;
}
.nav .sf-menu > li:nth-child(6) {
     width: 18.1%;
}
.nav .sf-menu > li:nth-child(7) {
     width: 20.1%;
}
.nav .sf-menu > li:nth-child(8) {
     width: 17.6%;
}
.nav .sf-menu > li:nth-child(9) {
     width: 13.8%;
}

/* -- Zippmenu -- */
.zippmenu-box {
     display: none; /* temp */
     background: #FFF;
     position: fixed;
     left: 0;
     top: 219px;
     width: 100%;
     z-index: 0;
     -webkit-box-shadow: 0px 0px 7px 8px rgba(0,0,0,0.3);
     box-shadow: 0px 0px 7px 8px rgba(0,0,0,0.3);
}
.lt-ie9 .zippmenu-box {
     border-bottom: 1px solid #AAA;
     overflow: auto !important;
}
.nav-fixed .zippmenu-box {
     top: 58px !important;
}

/* - Content area - */
.zippmenu-content {
     padding: 65px 30px 0 0;
     float: left;
     width: 740px; /* older webkit */ /* custom */
}
.zippmenu-box.two-col .zippmenu-content {
     width: 714px;
     padding-left: 20px;
     padding-right: 40px;
}
.zippmenu-box.three-col .zippmenu-content {
     width: 100%;
     padding-left: 20px;
     padding-right: 20px;
}
.header.mini-menu .zippmenu-content {
     padding-top: 80px;
}

/* Text area */
.zippmenu-text {
     float: left;
     width: 250px;
     margin-right: 30px;
     font-size: 18px;
     font-size: 1.8rem;
}
.zippmenu-box.two-col .zippmenu-text {
     width: 220px;
}
.zippmenu-text > :first-child {
     margin-top: 0;
     padding-top: 0;
}
.zippmenu-text h3 {
     font-size: 26px;
     font-size: 2.6rem;
     text-transform: uppercase;
     color: #000;
}
.zippmenu-text p {
     line-height: 1.3em
     ;
     color: #696969;
}

/* Link list */
.zippmenu-box.two-col .zippmenu-children-list {
     margin-right: 30px;
     width: 180px;
     margin-bottom: 25px;
}
.zippmenu-box.three-col .zippmenu-children-list {
     margin-right: 30px;
     width: 238px;
     margin-bottom: 40px;
}
.zippmenu-box.two-col .zippmenu-children-list:last-child,
.zippmenu-box.three-col .zippmenu-children-list:last-child {
     margin-right: 0;
}
.zippmenu-children-list {
     float: left;
     width: 200px;
     margin-bottom: 20px;
     margin-right: 30px;
}
.zippmenu-children-list:last-child {
     margin-right: 0;
}
.zippmenu-box .zippmenu-children-list > .list-title + ul {
     margin-top: 0;
}
.zippmenu-box .zippmenu-children-list > ul {
     margin-top: 28px;
}
.navigation .zippmenu-children-list a {
     color: #222;
     display: block;
     -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; transition: all 150ms ease-out;
     font-size: 15px;
     font-size: 1.5rem;
}
.navigation .zippmenu-children-list a:hover,
.navigation .zippmenu-children-list a:focus {
     background: #FAFAFA;
}
.zippmenu-children-list .list-title {
     text-transform: uppercase;
     margin: 0 0 4px;
     color: #949ca1;
     font-family: 'ExemplarPro-Bold', 'Exemplar Pro', Arial, sans-serif;
     font-size: 19px;
     font-size: 1.9rem;
}
.zippmenu-children-list > ul {
     margin: 0;
     padding: 0;
}
.zippmenu-children-list > ul > li {
     border-top: 1px solid #c5c5c5;
     line-height: 22px;
     line-height: 2.2rem;
}
.zippmenu-children-list li a {
     color: #000;
     font-size: 15px;
     font-size: 1.5rem;
     padding: 6px 0;
     display: block;
     padding-left: 13px;
}
.zippmenu-children-list li a:hover {
     background: #F9F9F9;
}
.zippmenu-children-list li a:hover:before {
     right: 0px;
     color: #7F7F7F;
}
.zippmenu-children-list li a:before {
     content: "\003e\00a0";
     margin-left: -13px;
     position: relative;
     right: 0px;
     -webkit-transition: all 120ms ease-in-out;
     -moz-transition: all 120ms ease-in-out;
     -ms-transition: all 120ms ease-in-out;
     -o-transition: all 120ms ease-in-out;
     transition: all 120ms ease-in-out;
}

/* Image area */
.zippmenu-feature-image {
     width: 430px;
     height: 430px;
     float: left;
}
.zippmenu-box.three-col .zippmenu-feature-image {
     display: none;
}


/* ---- Feature Title ---- */
.feature-title {
     background: #00447c url(../images/bg-logo.png) no-repeat right top;
     margin-top: -58px;
}
.feature-title .container {
     min-height: 298px;
}
.feature-title .feature-title-content {
     bottom: 50px;
}
.entry .feature-title {
     background-image: url(../images/bg-logo-feature.png);
}
.entry .feature-title .container {
     min-height: 320px;
}


/* Alert boxes */
.alert-boxes {
     position: absolute;
     bottom: 65px;
     color: #FFF;
}
.alert-boxes a {
     color: #FFF;
     text-decoration: none;
}
.alert-boxes a:hover {
     text-decoration: underline;
}
.alert-boxes > section {
     background: #024379;
     background: rgba(0, 68, 124, 0.95);
     float: left;
     width: 370px;
     margin-right: 30px;
     padding: 20px 30px;
     position: relative;
}
.alert-boxes > section > ul {
     margin: 1.5rem 0;
     margin: 15px 0;
}
.alert-boxes > section:nth-child(3n+4) {
     margin-right: 0;
}
.alert-boxes > section > *:last-child {
     margin-bottom: 0;
}
.alert-boxes h2 {
     margin: 0 -30px 15px;
     padding: 0 30px 12px;
     text-transform: uppercase;
     border-bottom: 1px solid #0070cd;
}
.alert-boxes .cal-entry h2 {
     padding-right: 86px;
}
.alert-boxes ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
.alert-boxes li {
     margin-bottom: 7px;
     padding-left: 15px;
}
.alert-boxes li:before {
     content: "\003E\00A0";
     margin-left: -15px;
}
.alert-boxes > section.notice {
     background: #0070cd;
     background: rgba(0, 112, 205, 0.95);
}
.alert-boxes > section.notice h2:before {
     content: " ";
     background: url(../images/icon-alert.png) no-repeat left top;
     width: 45px;
     height: 39px;
     left: 29px;
     top: 8px;
     position: absolute;
     display: block;
}
.alert-boxes > section.notice h2 {
     border-bottom: 1px solid #62B8FF;
     padding-left: 91px;
}
.cal-date {
     background: #FFF;
     padding: 8px 7px 1px;
     color: #00447c;
     position: absolute;
     top: -14px;
     right: 30px;
     margin: 0;
     text-transform: uppercase;
     text-align: center;
     font-size: 14px;
     font-size: 1.4rem;
     width: 48px;
}
.cal-date span {
     display: block;
     font-size: 30px;
     font-size: 3rem;
     font-weight: 700;
}
.cal-date:before,
.cal-date:after {
     content: " ";
     line-height: 0;
     font-size: 0;
     width: 0;
     height: 0;
     position: absolute;
     top: 100%;
     border-top: 0 solid rgba(255, 255, 255, 0);
     border-bottom: 7px solid rgba(255, 255, 255, 0);
     -moz-transform: scale(.9999);
}
.cal-date:before {
     border-left: 24px solid #FFF;
     border-right: 0 solid rgba(255, 255, 255, 0);
     left: 0;
}
.cal-date:after {
     border-right: 24px solid #FFF;
     border-left: 0 solid rgba(255, 255, 255, 0);
     right: 0;
}
.cal-date span:before {
     content: " ";
     line-height: 0;
     font-size: 0;
     width: 0;
     height: 0;
     position: absolute;
     top: 0;
     border-bottom: 0 solid transparent;
     border-top: 14px solid transparent;
     border-right: 9px solid #949ca1;
     border-left: 0 solid transparent;
     right: 100%;
     -moz-transform: scale(.9999);
}

/* ---- Feature Title text ---- */
.feature-title-content {
     padding: 0;
     margin: 0;
     font-family: 'ExemplarPro-Light', 'Exemplar Pro', Arial, sans-serif;
     color: #FFF;
     position: absolute;
     font-size: 55px;
     font-size: 5.5rem;
     margin-left: 60px;
     text-indent: 5px;
     text-transform: lowercase;
}
.firstWord {
     font-family: 'journalregular', Journal, Arial, sans-serif;
     font-size: 76px;
     font-size: 7.6rem;
     display: block;
     padding-bottom: 38px;
     margin-left: -60px;
     text-transform: none;
}

/* ---- Content ---- */
.content {
     padding: 0 0 40px;
     background: #fff;
     margin: 0;
     border-top: 8px solid #e4e2e2;
}
.content h1 {
     border-top: 0;
}


/* ---- footer ---- */

.footer {
     background: #FFF;
}
.footer-information {
     background: #00447c url(../images/bg-logo.png) no-repeat -342px 0;
     border-top: 8px solid #0070cd;
     padding: 40px 0 60px;
     color: #FFF;
}
.footer-information a {
     color: #FFF;
     text-decoration: none;
}
.footer-information .tagline {
     margin: 0 auto 21px;
     display: block;
     text-align: center;
     font-family: 'journalregular', Journal, Arial, sans-serif;
     font-size: 63px;
     font-size: 6.3rem;
     /* Safari */
     -webkit-transform: rotate(-4deg);  /* Firefox */
     -moz-transform: rotate(-4deg);  /* IE */
     -ms-transform: rotate(-4deg);  /* Opera */
     -o-transform: rotate(-4deg);  /* Internet Explorer */
     line-height: 48px;
}
.footer-information h2,
.footer-information .h2 {
     text-transform: uppercase;
}
.footer-information h2:after,
.footer-information .h2:after {
     content: "...";
}

.footer-information img.footer-logo {
     display: block;
     margin: 0 auto;
}


/* Footer navigation */
.footer-nav {
     width: 56.66%;
     float: left;
     margin-right: 30px;
}

.footer-nav .footer-links {
     columns: 2 auto;
     column-gap: 3.6%;
}


/* Footer links */
.footer-nav ul {
     list-style: none;
     padding: 0;
     margin: 0 0 40px;
}
.footer-nav .footer-links li {
     border-bottom: 1px solid #0070cd;
}
.footer-nav .footer-links li a {
     display: block;
     -webkit-transition: all 150ms ease-out;
     -moz-transition: all 150ms ease-out;
     -o-transition: all 150ms ease-out;
     transition: all 150ms ease-out;
     line-height: 2.4em;
}
.footer-nav .footer-links li a:hover {
     background: #005194;
     padding-left: 10px;
     padding-right: 10px;
}
.footer-nav .footer-links li a:before {
     content: "\003E\00A0";
}
.footer-socials {
     width: 15.666%;
     float: left;
}
.footer-socials h2:after {
     content: none;
}
.footer__social-links p {
     margin-bottom: 0.5em;
     font-family: 'ExemplarPro-Bold', 'Exemplar Pro', Arial, sans-serif;
     font-weight: normal;
     text-transform: uppercase;
}
.footer__social-links__list {
     display: flex;
     display: -ms-flexbox;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-left: -0.25em;
     margin-right: -0.25em;
     list-style-type: none;
     padding: 0;
}

.footer__social-links__item {
     -ms-flex: 0 1 auto;
     flex: 0 1 auto;
     padding-left: 0.25em;
     padding-right: 0.25em;
}
.footer__social-links--mobile {
     display: none;
}
.footer__social-links--desktop {
     display: block;
}

/* Footer contact details */
.footer-contact {
     width: 25%;
     float: right;
}
.footer-contact ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
.footer-contact li {
     border-bottom: 1px solid #0070cd;
     padding: 7px 0;
}
.footer-contact .footer__social-links__item {
     border: none;
     padding-top: 0;
     padding-bottom: 0;
     padding-left: 0.25em;
     padding-right: 0.25em;
}
.footer-contact li strong {
     display: block;
}
.footer-contact .principal strong,
.footer-contact .telephone strong,
.footer-contact .fax strong {
     display: inline;
}
.footer-contact .email,
.footer-contact .telephone,
.footer-contact .postal-address {
     border-bottom: none;
     padding-bottom: 0;
}
.footer-contact .fax {
     padding-top: 0;
}
.footer-contact .email {
     margin-top: 7px;
}
.footer-contact .button {
     background: #0070cd;
     width: 100%;
}
.footer-contact .button:hover {
     background: #007ae0;
}

/* Related Parties */
.related-parties {
     padding: 30px 0;
}
.related-parties ul {
     list-style: none;
     padding: 0;
     margin: 0;
     display: table;
     width: 100%;
}
.related-parties li {
     display: table-cell;
     vertical-align: middle;
     width: 25%;
     text-align: center;
}
.related-parties ul a {
     display: block;
}
.related-parties ul a img {
     -webkit-transition: all 150ms ease-out;
     -moz-transition: all 150ms ease-out;
     -o-transition: all 150ms ease-out;
     transition: all 150ms ease-out;
}
.related-parties ul a:hover img {
     opacity: 0.8;
}

/* Bottom bar */
.bottom-bar {
     background: #0070cd;
     color: #FFF;
     padding: 15px 0;
     font-size: 14px;
     font-size: 1.4rem;
}
.bottom-bar a {
     color: #FFF;
     text-decoration: none;
}
.bottom-bar a:hover {
     text-decoration: underline;
}
.bottom-bar p {
     margin: 0;
}
.bottom-bar .copyright {
     float: left;
}
.bottom-bar p span.pale-blue {
     color: #b4d5f0;
     opacity: 0.9;
}
.bottom-bar ul {
     list-style: none;
     padding: 0;
     margin: 0;
     float: right;
}
.bottom-bar li {
     display: inline-block;
}
.bottom-bar li:after {
     content: " | ";
}
.bottom-bar li:last-child:after {
     content: none;
}

/* ---- School Calendar ---- */
.school-calendar {
     padding: 0 0 90px;
     background: #FFF;
     border-top: 8px solid #e4e2e2;
}
.school-calendar .calendar-list {
     padding-top: 20px;
}

/* Calendar list */
.calendar-list {
     list-style: none;
     margin: 0;
     padding: 0;
}
.calendar-list > li {
     background: #efefef;
     float: left;
     width: 270px;
     margin-right: 30px;
     padding: 20px 30px 35px;
     position: relative;
     display: block;
}
.no-js .calendar-list > li {
     min-height: 260px;
     margin-bottom: 40px;
     margin-right: 30px;
}
.no-js .calendar-list > li:nth-child(1n+5){
     display: none;
}
.calendar-list > li:nth-child(4n+4) {
     margin-right: 0;
}
.calendar-list .cal-date {
     left: 30px;
     right: auto;
     background: #00447c;
     color: #FFF;
}
.calendar-list .cal-date:before {
     border-left: 24px solid #00447c;
}
.calendar-list .cal-date:after {
     border-right: 24px solid #00447c;
}
.calendar-list h3 {
     color: #00447c;
     padding: 0;
     margin: 0 0 18px 60px;
     font-size: 20px;
     font-size: 2rem;
}
.calendar-list ul {
     padding: 0;
     margin: 0;
}
.calendar-list ul li {
     border-top: 1px solid #d1d7da;
     margin-bottom: 20px;
}
.calendar-list ul li:last-child {
     margin-bottom: 0;
}
.calendar-list li:before,
.calendar-list li:after {
     content: " ";
     display: table;
}
.calendar-list li:after {
     clear: both;
}
.calendar-list li .time {
     background: #949ca1;
     color: #FFF;
     margin: 0 13px 0 0;
     float: left;
     text-transform: uppercase;
     text-align: center;
     line-height: 1em;
     font-size: 12px;
     font-size: 1.2rem;
     padding: 4px 5px;
     width: 48px;
}
.calendar-list li .time span {
     font-size: 0.8em;
}
.calendar-list li .event {
     margin: 4px 0 4px 61px;
     color: #282828;
}

.calendar-list li p.event a:link,
.calendar-list li p.event a:visited {
     text-decoration: underline;
     color: #282828;
}

.calendar-list li p.event a:hover,
.calendar-list li p.event a:active,
.calendar-list li p.event a:focus {
     color: #0070cd;
}

.calendar-list li .more-link {
     padding-left: 60px;

}
.calendar-list li .more-link a {
     text-decoration: none;
}
.calendar-list li .more-link a:hover {
     text-decoration: underline;
}

/* ---- Community Speak ---- */
.community-speak {
     background: #f1f1f1 url(../images/section-outer-bg.png) repeat-x 0 176px;
     border-top: 8px solid #e4e2e2; */;
     /* overflow-x: hidden; */
}
.community-speak .lined-text-container {
     background: #f1f1f1;
}

.community-speak-boxes {
     margin: 0 -80px;
     background: #f1f1f1;
     border-left: 15px solid #f1f1f1;
     border-right: 15px solid #f1f1f1;
     padding-bottom: 65px;
}
.community-speak-boxes:before {
     right: 101%;
}
.community-speak-boxes:after {
     left: 101%;
}
.community-speak-boxes .box {
     overflow: hidden;
     margin: 15px;
     color: #FFF;
     position: relative;
     font-size: 14px;
     font-size: 1.4rem;
}

.community-speak-boxes .box:hover .on-hover {
     opacity: 1;
     border: 0;
     clip: auto;
     height: 100%;
     margin: auto;
     overflow: auto;
     padding: 20px 25px;
     width: 100%;
}
.community-speak-boxes .box.blue {
     background: #00447c;
}
.community-speak-boxes .box.blue .on-hover {
     background: #00447c;
     background: rgba(0,68,124,0.93);
}
.community-speak-boxes .box.grey {
     background: #949ca1;
}
.community-speak-boxes .box.grey .on-hover {
     background: #949ca1;
     background: rgba(148,156,161,0.9);
}

/* Random margins */
.community-speak-boxes.random-margins .box:nth-child(2) {
     margin-top: 40px;
}
.community-speak-boxes.random-margins .box:nth-child(3) {
     margin-top: 40px;
}
.community-speak-boxes.random-margins .box:nth-child(4) {
     margin-top: 80px;
}
.community-speak-boxes.random-margins .box:nth-child(5) {
     margin-top: 40px;
}
.community-speak-boxes.random-margins .box:nth-child(7) {
     margin-top: 115px;
}

/* Different sizes */
.community-speak-boxes .box.empty {
     width: 70px;
     height: 70px;
}
.community-speak-boxes .box.small {
     width: 170px;
     height: 170px;
}
.community-speak-boxes .box.large {
     width: 270px;
     height: 270px;
}

.community-speak-boxes .box.article {
     padding: 20px 15px;
}
.community-speak-boxes .box.article:before {
     content: " ";
     background: url(../images/icon-blog-box.png) no-repeat;
     position: absolute;
     bottom: 19px;
     right: 16px;
     width: 22px;
     height: 22px;
}
.community-speak-boxes .box.article h3 {
     font-family: 'journalregular', Journal, Arial, sans-serif;
     font-size: 37px;
     font-size: 3.7rem;
     font-weight: normal;
     margin: 0;
     line-height: 0.8em;
}

.community-speak-boxes .box.video:before {
     content: " ";
     background: url(../images/icon-video-box.png) no-repeat;
     position: absolute;
     bottom: 9px;
     right: 9px;
     width: 23px;
     height: 19px;
}
.community-speak-boxes .box.gallery:before {
     content: " ";
     background: url(../images/icon-gallery-box.png) no-repeat;
     position: absolute;
     bottom: 9px;
     right: 9px;
     width: 21px;
     height: 22px;
}
.community-speak-boxes .box.video:after {
     content: " ";
     background: url(../images/icon-video-watch.png) no-repeat;
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     margin: -13px auto 0;
     width: 54px;
     height: 38px;
}


/* Hover stuff */
.community-speak-boxes .box .on-hover {
     text-align: center;
     border: 0;
     clip: rect(0 0 0 0);
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.9);
     padding: 20px 25px;
     z-index: 1;
     text-transform: uppercase;
     opacity: 0;
     -webkit-transition: all 150ms ease-out;
     -moz-transition: all 150ms ease-out;
     -o-transition: all 150ms ease-out;
     transition: all 150ms ease-out;
}
.community-speak-boxes .box .on-hover .author {
     font-family: 'ExemplarPro-Bold', 'Exemplar Pro', Arial, sans-serif;
     text-transform: uppercase;
     display: block;
}
.community-speak-boxes .box.small .on-hover .author {
     font-size: 20px;
     font-size: 2rem;
}
.community-speak-boxes .box.large .on-hover .author {
     font-size: 24px;
     font-size: 2.4rem;
}

/* Button links */
.community-speak-boxes .article-link a {
     font-size: 12px;
     font-size: 1.2rem;
     padding: 5px 7px;
     color: #FFF;
     display: inline-block;
     border-radius: 12px;
     text-decoration: none;
     -webkit-transition: all 150ms ease-out;
     -moz-transition: all 150ms ease-out;
     -o-transition: all 150ms ease-out;
     transition: all 150ms ease-out;
     line-height: 1.2em;
}
.community-speak-boxes .box .on-hover .article-link {
     margin-top: 10px;
}
.community-speak-boxes .box.blue .article-link a {
     background: #0070cd;
}
.community-speak-boxes .box.grey .article-link a {
     background: #67686e;
}
.community-speak-boxes .box.blue .article-link a:hover {
     background: #0a68b6;
}
.community-speak-boxes .box.grey .article-link a:hover {
     background: #535357;
}

.community-speak-boxes .box .on-hover h3 {
     margin: 0;
}
.community-speak-boxes .box.video .on-hover h3,
.community-speak-boxes .box.gallery .on-hover h3 {
     font-size: 14px;
     font-size: 1.4rem;
     font-family: 'Neue Helvetica W01', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     font-weight: normal;
}
.community-speak-boxes .box .on-hover p {
     margin: 0;
}

.community-speak-boxes .box.video .on-hover .author,
.community-speak-boxes .box.gallery .on-hover .author,
.community-speak-boxes .box.article .on-hover p:first-child {
     position: relative;
}
.community-speak-boxes .box.video.small .on-hover .author,
.community-speak-boxes .box.gallery.small .on-hover .author,
.community-speak-boxes .box.article.small .on-hover p:first-child {
     padding-top: 20px;
}
.community-speak-boxes .box.video.large .on-hover .author,
.community-speak-boxes .box.gallery.large .on-hover .author,
.community-speak-boxes .box.article.large .on-hover p:first-child {
     padding-top: 62px;
}
.community-speak-boxes .box.video .on-hover .author:before,
.community-speak-boxes .box.gallery .on-hover .author:before,
.community-speak-boxes .box.article .on-hover p:first-child:before {
     content: " ";
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
}
.community-speak-boxes .box.gallery .on-hover .author:before {
     background: url(../images/icon-gallery-box.png) no-repeat;
     top: -6px;
     width: 21px;
     height: 22px;
}
.community-speak-boxes .box.video .on-hover .author:before {
     background: url(../images/icon-video-box.png) no-repeat;
     top: -6px;
     width: 23px;
     height: 19px;
}
.community-speak-boxes .box.gallery.large .on-hover .author:before,
.community-speak-boxes .box.video.large .on-hover .author:before {
     top: 19px;
}
.community-speak-boxes .box.article .on-hover p:first-child:before {
     background: url(../images/icon-blog-box-white.png) no-repeat;
     top: -6px;
     width: 22px;
     height: 22px;
     content: " ";
}
.community-speak-boxes .box.article.large .on-hover p:first-child:before {
     top: 19px;
}
.community-speak-boxes .box .on-hover:before,
.community-speak-boxes .box .on-hover:after {
     margin: 0 auto;
     height: 1px;
     content: " ";
     background: #FFF;
     position: absolute;
     top: 25px;
}
.community-speak-boxes .box.small .on-hover:before,
.community-speak-boxes .box.small .on-hover:after {
     width: 22%;
}
.community-speak-boxes .box.large .on-hover:before,
.community-speak-boxes .box.large .on-hover:after {
     width: 33%;
     top: 51px;
}
.community-speak-boxes .box .on-hover:before {
     left: 25px;
}
.community-speak-boxes .box .on-hover:after {
     right: 25px;
}
.community-speak-boxes .box.small.gallery .on-hover h3,
.community-speak-boxes .box.small.video .on-hover h3 {
     font-size: 13px;
     font-size: 1.3rem;
     margin-top: 5px;
     line-height: 1.3em;
}
.community-speak-boxes .box.small.gallery .on-hover .author,
.community-speak-boxes .box.small.video .on-hover .author {
     font-size: 18px;
     font-size: 1.8rem;
     line-height: 1.2em;
}
.community-speak-boxes .box.gallery.video .on-hover h3,
.community-speak-boxes .box.large.video .on-hover h3 {
     margin: 14px 0;
     line-height: 1.4em;
}
.community-speak-boxes .box.large.article .on-hover .author {
     margin: 7px 0 15px;
}

/* no js */
.no-js .community-speak-boxes .box {
     float: left;
}
.no-js .community-speak .lined-text-container {
     display: none;
}


/* ---- Facts ---- */
.facts {
     background: #FFF;
     border-top: 8px solid #e4e2e2;
     padding: 0 0 60px;
}
.facts .column {
     width: 555px;
     float: left;
     margin-right: 60px;
}
.facts .column:last-child {
     margin-right: 0;
}
.facts h3 {
     color: #00447c;
     font-family: 'Neue Helvetica W01', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     font-size: 20px;
     font-size: 2rem;
}
.facts h3:first-child {
     margin-top: 8px;
}
.facts .fact {
     margin-right: 50px;
}
.facts .fact:last-child {
     margin-right: 0;
}

/* Fact circle */
.fact {
     background: #f1f1f1;
     border: 8px solid #ebebeb;
     border-radius: 115px;
     width: 230px;
     height: 230px;
     text-align: center;
     padding: 30px;
     word-break: break-word;
     float: left;
}
.fact span {
     display: block;
     color: #00447c;
     font-size: 56px;
     font-size: 5.6rem;
     font-family: 'ExemplarPro-Bold', 'Exemplar Pro', Arial, sans-serif;
     line-height: 1em;
}

/* ---- Lined text ---- */
.lined-text {
     text-align: center;
     margin: 25px 0;
     margin: 2.5rem 0;
     text-transform: uppercase;
     font-size: 14px; font-size: 1.4rem;
     border-top: 1px solid #c2c2c2;
}
.lined-text-container {
     display: inline-block;
     padding: 0 12px;
     position: relative;
     background: #FFF;
     top: -13px;
}
.lined-text p {
     display: inline-block;
     color: #717171;
     margin: 0;
     padding: 0 5px;
}
.lined-text a {
     text-decoration: none;
     color: #949ca1;
     -webkit-transition: all 150ms ease-out;
     -moz-transition: all 150ms ease-out;
     -o-transition: all 150ms ease-out;
     transition: all 150ms ease-out;
}
.lined-text ul {
     display: inline-block;
     padding: 0;
     margin: 0;
     list-style: none;
}
.lined-text li {
     display: inline-block;
     padding: 0 3px;
}
.lined-text li a {
     display: inline-block;
     border-radius: 12px;
}
.lined-text li.on a,
.lined-text li a:hover {
     background: #8A8A8A;
     padding: 0 10px;
     color: #FFF;
}
.lined-text li a:hover {
     background: #444;
}

/* ---------- Animations ---------- */

/* Bob up and down */
@-webkit-keyframes bob {
     from {-webkit-transform: translateY(0px);}
     50% {-webkit-transform: translateY(-7px);}
     to {-webkit-transform: translateY(0px);}
}
@-moz-keyframes bob {
     from {-moz-transform: translateY(0px);}
     50% {-moz-transform: translateY(-7px);}
     to {-moz-transform: translateY(0px);}
}
@-o-keyframes bob {
     from {-o-transform: translateY(0px);}
     50% {-o-transform: translateY(-7px);}
     to {-o-transform: translateY(0px);}
}
@keyframes bob {
     from {transform: translateY(0px);}
     50% {transform: translateY(-7px);}
     to {transform: translateY(0px);}
}

/* ------------------------------------------------------
**** Widgets

Widgets & Modules that ship with sprout.
If they don't they belong in seperate partial file

------------------------------------------------------ */

/* Children Gallery Widget */
.widget-ChildrenGallery > ul {
     padding: 20px 0 0;
     margin: 0 0 -30px;
     list-style: none;
}
.widget-ChildrenGallery:before,
.widget-ChildrenGallery:after {
     content: " ";
     display: table;
}
.widget-ChildrenGallery:after {
     clear: both;
}
.widget-ChildrenGallery {
     *zoom: 1;
}
.widget-ChildrenGallery > ul li {
     background: #efefef;
     float: left;
     margin: 0 30px 30px 0;
     width: 412px;
     position: relative;
     min-height: 321px;
}
.mainbar-wide .widget-ChildrenGallery > ul li {
     width: 370px;
     min-height: 294px;
}
.widget-ChildrenGallery > ul li:nth-child(2n+2) {
     margin-right: 0;
}
.mainbar-wide .widget-ChildrenGallery > ul li:nth-child(2n+2) {
     margin-right: 30px;
}
.mainbar-wide .widget-ChildrenGallery > ul li:nth-child(3n+3) {
     margin-right: 0;
}
.widget-ChildrenGallery > ul li a {
     text-decoration: none;
     display: block;
     height: 100%;
}
.widget-ChildrenGallery > ul li .children-gallery-list-item-anchor {
     top: 0;
     bottom: 0;
     left: 0;
     background: #0070cd;
     background: rgba(0,112,205,0.9);
     margin: 0;
     text-align: center;
     border: 0;
     clip: rect(0 0 0 0);
     overflow: hidden;
     padding: 0;
     position: absolute;
     opacity: 0;
     width: 100%;
     height: 100%;
     -webkit-transition: all 150ms ease-out;
     -moz-transition: all 150ms ease-out;
     -o-transition: all 150ms ease-out;
     transition: all 150ms ease-out;
     z-index: 0;
     color: #FFF;
     text-transform: uppercase;
     font-family: 'ExemplarPro-Bold', 'Exemplar Pro', Arial, sans-serif;
     font-size: 20px;
     font-size: 2rem;
     display: block;
}
.widget-ChildrenGallery > ul li a:hover .children-gallery-list-item-anchor {
     overflow: auto;
     clip: auto;
     padding: 106px 0 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter: alpha(opacity=100);
     -moz-opacity: 1;
     -khtml-opacity: 1;
     opacity: 1;
     margin: 0;
}
.mainbar-wide .widget-ChildrenGallery > ul li a:hover .children-gallery-list-item-anchor {
     padding: calc(50% - 38px) 0 0;
}
.widget-ChildrenGallery > ul li p {
     margin: 0;
     padding: 15px 0;
}
.widget-ChildrenGallery > ul li .children-gallery-list-item-anchor:after {
     content: " ";
     background: url(../images/double-arrows.png) no-repeat left top;
     width: 36px;
     height: 47px;
     display: inline-block;
     margin: 0 0 -0.8em 0.5em;
}
.widget-ChildrenGallery > ul li .children-gallery-list-item-title {
     padding: 15px 30px;
     z-index: 1;
     position: relative;
}
.widget-ChildrenGallery > ul li a:hover .children-gallery-list-item-title {
     color: #FFF;
}
.widget-ChildrenGallery > ul li .children-gallery-list-item-image {
     width: 100%;
}
.widget-ChildrenGallery .children-gallery-list-item-anchor .button {
    margin: 0 auto;
    display: inline-block;
    background-color: transparent;
    padding: 0;
    padding-left: 8px;
}

@media screen and (max-width: 1240px) {
     .widget-ChildrenGallery > ul li {
          width: 313px;
          min-height: 257px;
     }
     .mainbar-wide .widget-ChildrenGallery > ul li {
          width: 300px;
          min-height: 249px;
     }
     .widget-ChildrenGallery > ul li a:hover .children-gallery-list-item-anchor {
          padding-top: 82px;
     }
     .mainbar-wide .widget-ChildrenGallery > ul li a:hover .children-gallery-list-item-anchor {
          padding-top: 82px;
     }
}
@media screen and (max-width: 1020px) {
     .widget-ChildrenGallery > ul li:nth-child(2n+2) {
          margin-right: 30px;
     }
     .widget-ChildrenGallery > ul li:nth-child(3n+3) {
          margin-right: 0;
     }
     .mainbar-wide .widget-ChildrenGallery > ul li,
     .widget-ChildrenGallery > ul li {
          width: 216px;
          min-height: 194px;
     }
     .widget-ChildrenGallery > ul li .children-gallery-list-item-anchor {
          font-size: 17px;
          font-size: 1.7rem;
     }
     .widget-ChildrenGallery > ul li a:hover .children-gallery-list-item-anchor,
     .mainbar-wide .widget-ChildrenGallery > ul li a:hover .children-gallery-list-item-anchor {
          padding-top: 65px;
     }
     .widget-ChildrenGallery > ul li .children-gallery-list-item-anchor:after{
          content: "\00A0\00BB";
          background: none;
          margin: auto;
          width: auto;
          height: auto;
     }
}
@media screen and (max-width: 765px) {
     .widget-ChildrenGallery > ul li:nth-child(3n+3),
     .mainbar-wide .widget-ChildrenGallery > ul li:nth-child(3n+3) {
          margin-right: 30px;
     }
     .widget-ChildrenGallery > ul li:nth-child(2n+2),
     .mainbar-wide .widget-ChildrenGallery > ul li:nth-child(2n+2) {
          margin-right: 0;
     }
     .widget-ChildrenGallery > ul li,
     .mainbar-wide .widget-ChildrenGallery > ul li {
          width: 285px;
          min-height: 239px;
     }
     .widget-ChildrenGallery > ul li a:hover .children-gallery-list-item-anchor,
     .mainbar-wide .widget-ChildrenGallery > ul li a:hover .children-gallery-list-item-anchor {
          padding-top: 77px;
     }
     .widget-ChildrenGallery > ul li .children-gallery-list-item-anchor:after{
          content: " ";
          background: url(../images/double-arrows.png) no-repeat left top;
          width: 36px;
          height: 47px;
          margin: 0 0 -0.8em 0.5em;
     }
}
@media screen and (max-width: 660px) {
     .widget-ChildrenGallery > ul li,
     .mainbar-wide .widget-ChildrenGallery > ul li {
          width: 220px;
          min-height: 197px;
     }
     .widget-ChildrenGallery > ul li a:hover .children-gallery-list-item-anchor,
     .mainbar-wide .widget-ChildrenGallery > ul li a:hover .children-gallery-list-item-anchor {
          padding-top: 67px;
     }
     .widget-ChildrenGallery > ul li .children-gallery-list-item-anchor:after{
          content: "\00A0\00BB";
          background: none;
          margin: auto;
          width: auto;
          height: auto;
     }
}
@media screen and (max-width: 530px) {
     .widget-ChildrenGallery > ul li:nth-child(2n+2),
     .mainbar-wide .widget-ChildrenGallery > ul li:nth-child(2n+2) {
          margin-right: 0;
     }
     .widget-ChildrenGallery > ul li,
     .mainbar-wide .widget-ChildrenGallery > ul li {
          width: 100%;
          margin-right: 0;
          min-height: 298px;
     }
     .widget-ChildrenGallery > ul li a:hover .children-gallery-list-item-anchor,
     .mainbar-wide .widget-ChildrenGallery > ul li a:hover .children-gallery-list-item-anchor {
          padding-top: 112px;
          font-size: 20px;
          font-size: 2rem;
     }
     .widget-ChildrenGallery > ul li .children-gallery-list-item-anchor:after{
          content: " ";
          background: url(../images/double-arrows.png) no-repeat left top;
          width: 36px;
          height: 47px;
          margin: 0 0 -0.8em 0.5em;
     }
}
@media screen and (max-width: 425px) {
     .widget-ChildrenGallery > ul li a:hover .children-gallery-list-item-anchor,
     .mainbar-wide .widget-ChildrenGallery > ul li a:hover .children-gallery-list-item-anchor {
          padding-top: 82px;
     }
     .widget-ChildrenGallery > ul li,
     .mainbar-wide .widget-ChildrenGallery > ul li {
          min-height: 247px;
     }
}

/* ---- Related Links ---- */
.widget-RelatedLinks {
     margin-bottom: 25px;
}
.widget-RelatedLinks ul {
     padding: 0;
     margin:  0;
}
.widget-RelatedLinks li {
     list-style: none;
}
.widget-RelatedLinks a {
     text-decoration: none;
}

.widget-RelatedLinks > ul > li {
     border-bottom: 1px solid #c2c2c2;
     position: relative;
}
.widget-RelatedLinks > ul > li:first-child {
     border-top: 1px solid #c2c2c2;
}
.widget-RelatedLinks > ul > li > a {
     display: block;
     padding: 10px 0 10px 13px;
     -webkit-transition: all 150ms ease-out;
     -moz-transition: all 150ms ease-out;
     -o-transition: all 150ms ease-out;
     transition: all 150ms ease-out;
     color: #000;
}
.widget-RelatedLinks > ul > li > a:before {
     content: "\003E\00A0";
     margin-left: -13px;
}
.widget-RelatedLinks ul li.on ul li {
     font-size: 13px;
     font-size: 1.3rem;
}
.widget-RelatedLinks > ul > li:not(.on) > a:hover {
     background-color: #f7f7f7;
     padding-left: 18px;
}
.widget-RelatedLinks > ul > li.on > a {
     color: #00447c;
}
.widget-RelatedLinks li a {
     line-height: 140%;
}

/* Children */
.widget-RelatedLinks > ul li.on li a {
     background: #f6f6f6;
}
.widget-RelatedLinks > ul li.on li.on a, .widget-RelatedLinks > ul > li.on li.on a:hover {
     background: #eee;
}
.widget-RelatedLinks ul li ul li a:before {
     content: "- ";
     margin-left: -8px;
}
.widget-RelatedLinks ul li ul li {
     border-top: 1px solid #d6d6d6;
}
.widget-RelatedLinks > ul > li ul > li a {
     -webkit-transition: all 150ms ease-out;
     -moz-transition: all 150ms ease-out;
     -o-transition: all 150ms ease-out;
     transition: all 150ms ease-out;
     position: relative;
     padding: 10px 25px 10px 25px;
     display: block;
}
.widget-RelatedLinks > ul > li ul > li a:hover {
     background: #eee;
}

/* Image Galleries */
.image-gallery-thumb {
     width: 24.25%;
     margin-right: 1%;
}
.image-gallery-thumb img {
     width: 100%;
}
.image-gallery-thumb:nth-child(4n+4) {
     margin-right: 0;
}
@media screen and (max-width: 530px) {
     .image-gallery-thumb {
          width: 32.65%;
          margin-right: 1%;
     }
     .image-gallery-thumb img {
          width: 100%;
     }
     .image-gallery-thumb:nth-child(4n+4) {
          margin-right: 1%;
     }
     .image-gallery-thumb:nth-child(3n+3) {
          margin-right: 0;
     }
}

/* ---- Articles ---- */

.widget-ArticlesList .article {
     border-bottom: 1px #D6D6D6 dashed;
     margin: 15px 0;
     margin: 1.5rem 0;
     padding: 0 0 10px;
}

.widget-ArticlesList .article p.date {
     font-size: 15px;
     font-size: 1.3rem;
     color: #707070;
     margin: 16px 0 -4px;
     margin: -1.6rem 0 -0.4rem;
}

.widget-ArticlesList .article-img {
     float: right;
     width: 100px;
     margin: 15px 0;
     margin: 1.5rem 0;
}
.widget-ArticlesList .article-text {
     margin-right: 140px;
}

/* Left aligned */
.widget-ArticlesList.left-aligned .article-img {
     float: left;
}
.widget-ArticlesList.left-aligned .article-text {
     margin-left: 140px;
     margin-right: 0;
}


/* ---- Article Category Subscribe ---- */

.widget-ArticleCategorySubscribe .form-section {
     margin-bottom: 15px;
     margin-bottom: 1.5rem;
}

/* Sidebar */
.widget-ArticlesList .sidebar-article {
     border-bottom: 1px #D6D6D6 dashed;
}
.widget-ArticlesList .sidebar-article:first-child {
     border-top: 1px #D6D6D6 dashed;
}
.widget-ArticlesList .sidebar-article h4 {
     margin-top: 1.5rem;
     margin-top: 15px;
}
.widget-ArticlesList .sidebar-article p.date {
     font-size: 15px;
     font-size: 1.3rem;
     color: #707070;
     margin: 16px 0 -4px;
     margin: -1.6rem 0 -0.4rem;
}

/* Date list for sidebar */
.widget-ArticleDateList h3 {
     margin-bottom: -5px;
}
.widget-ArticleDateList h4 {
     margin-top: 15px;
}



/* ---- Simple Image Gallery ---- */


.widget-GallerySimple {
     margin: 15px -10px;
}

.widget-GallerySimple h3 {
     padding: 10px;
}

.widget-GallerySimple .gallery-simple-thumb {
     width: 33.333%;
     padding: 10px;
     float: left;
}
.widget-GallerySimple .gallery-simple-thumb img {
     width: 100%;
}



/* ---- Gallery ----
&  ---- Gallery Preview ---- */
.widget-Gallery, .widget-GalleryPreview {
     margin: 15px 0;
     margin: 1.5rem 0;
}
.widget-Gallery a img, .widget-GalleryPreview a img {
     width: 100%;
}
.widget-Gallery .g2-thumb, .widget-GalleryPreview .g2-thumb {
     position: relative;
     width: 22%;
     height: auto;
     max-width: 100%;
     margin: 0 4% 20px 0;
     float: left;
}
.widget-Gallery div:nth-child(2n+4), .widget-GalleryPreview div:nth-child(2n+4) {
     margin-right: 0;
}
.widget-Gallery .g2-thumb:hover p.name, .widget-GalleryPreview .g2-thumb:hover p.name {
     display: block;
}
.widget-Gallery p.name, .widget-GalleryPreview p.name {
     display: none;
     position: absolute;
     top: 0;
     left: 0;
     margin: 0;
     padding: 10px;
     width: 100%;
     height: 100%;
     background-color: #000;
     background-color: rgba(0, 0, 0, 0.7);
}
.widget-Gallery p.name a, .widget-GalleryPreview p.name a {
     display: block;
     height: 100%;
     color: #FFF;
     text-decoration: none;
}
.widget-GalleryPreview p.show-all {
     margin-top: 0;
}


/* ---- Job Adverts ---- */
.widget-JobSearch table {
     border: 1px solid #D6D6D6;
}
.widget-JobSearch tr {
     background: #f6f6f6;
}
.widget-JobSearch td {
     border: none;
}
.widget-JobSearch .category_id {
     width: 40%;
}


/* ---- Order Form ---- */
.widget-OrderForm .product {
     width: 30%;
     margin-right: 5%;
     float: left;
}
.widget-OrderForm .product:nth-child(3n+3) {
     margin-right: 0;
}


/* ---- Events ---- */

/* ---- Videos ---- */
.widget-Video {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px; height: 0; overflow: hidden;
}

.widget-Video iframe,
.widget-Video object,
.widget-Video embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* ---- Events Listing Page ---- */

.event-list-item {
     border-top: 1px solid #c2c2c2;
     padding: 20px 0 10px
}

.event-list-item:first-child {
     border-top: 0;
}

.event-list-item h3 {
     margin: 3px 0 3px;
     font-size: 21px;
     font-size: 2.1rem;
}
.event-list-item .info {
     margin: 0;
     font-size: 14px;
     font-size: 1.4rem;
}
.event-list-item .info i {
     margin: 0 7px;
}

.event-list-image {
     width: 28%;
     float: right;
     text-align: right;
}
.event-list-image img {
     max-width: 100%;
}

.event-list-date {
     float: left;
     text-align: center;
}
.event-date {
     text-transform: uppercase;
     background: #eee;

     padding: 9px 9px 12px;
     display: block;

     min-width: 68px;

     max-width: 60px;
     text-align: center;
}
.event-date span {
     display: block;
     font-size: 16px;
     font-size: 1.6rem;
}
.event-date h4 {
     margin: 0;
     padding: 0;
     font-size: 27px;
     font-size: 2.7rem;
}

.event-list-info {
     margin: 0 0 0 92px;
}
.event-list-info p {
     margin: 9px 0;

     margin: 0.9rem 0;
}


/* ---- Event Details Page ---- */

.event-search-form {
     background: #f6f6f6;
     display: block;
     padding: 16px 20px;
     margin: 20px 0;
}
.event-search-form p {
     float: left;
     width: 40%;
     margin: 0 2% 0 0;
}
.event-search-form label {
     font-weight: bold;
}
.event-search-form select,
.event-search-form input[type="text"] {
     display: block;
     margin: 12px 0 0 0;
     height: 45px;
     width: 100%;
}
.event-search-form .button {
     float: right;
     margin: 37px 0 0 0;
}


.event-map {
     width: 40%;
     float: right;
     text-align: right;
     margin-top: 15px;
}
.event-map img {
     max-width: 100%;
     height: auto;
}

.event-details {
     margin-top: 15px;
}
.event-image {
     float: right;
     margin: 0 0 25px 25px;
}
.event-details-date {
     float: left;
}
.event-details .col-map {
     float: right;
}
.event-details-info {
     margin: 0 0 0 80px;
}

.event-description {
     margin: 20px 0;
}

.event-details .col-cal {
     float: left;
}
.event-details .col-info {
     margin-left: 90px;

     font-size: 15px;
     font-size: 1.5rem;
}

/* smallish screens */

@media screen and (max-width: 480px) {

     /* Visual indicator of breakpoints */

     .event-details,
     .event-map {
          width: 100%;
     }

     .event-map {
          text-align: center;
          float: none;
     }

     .event-details-date {
          float: none;
          margin: 20px auto;
     }

     .event-details-info {
          margin: 0;
     }
}



/* ------------------------------------------------------
**** Print styles
------------------------------------------------------ */

@media print {
     * {
          box-shadow: none !important;
          text-shadow: none !important;
     }
     body {
          color: #000;
     }
     a,
     a:visited {
          text-decoration: underline;
     }

     a[href]:after {
          content: " (" attr(href) ")";
     }

     abbr[title]:after {
          content: " (" attr(title) ")";
     }

/*
* Don't show links for images, or javascript/internal links
*/

.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
     content: "";
}

pre,
blockquote {
     border: 1px solid #999;
     page-break-inside: avoid;
}

thead {
     display: table-header-group; /* h5bp.com/t */
}

tr,
img {
     page-break-inside: avoid;
}

img {
     max-width: 100% !important;
}

@page {
     margin: 0.5cm;
}

p,
h2,
h3 {
     orphans: 3;
     widows: 3;
}

h2,
h3 {
     page-break-after: avoid;
}
}





/* --------------------------------------------------------
>>> Blog section
-------------------------------------------------------- */
#blog-section h2 {
     font-size: 38px;
     font-size: 3.8rem;
     font-weight: 100;
     color: #ee522e;
     text-align: center;
     overflow: hidden;
}
#blog-section h3 {
     color: #364250;
     overflow-x: hidden;
     text-align: left;
     padding: 30px 0 10px 0;
}
#blog-section #blog {
     padding: 30px 0 0 0;
}
#blog-section .blog-entry {
     width: 31.66666%;
     float: left;
     margin: 0 2.5% 0 0;
}
#blog-section .blog-entry:last-child {
     margin: 0;
}
#blog-section #blog .blog-date {
     background: url("../images/blog-date-bg.png") no-repeat top center;
}
#blog-section .blog-entry h3 {
     color: #ee522e;
     font-size: 24px;
     font-size: 2.4rem;

     margin-top: 20px;
     font-weight: 300;
     line-height: 130%;
}
#blog-section .blog-entry .author {
     color: #909396;
     font-size: 14px;
     font-size: 1.4rem;
     text-transform: uppercase;
     padding: 20px 0 0 0;
     margin: 0;
}
#blog-section .blog-entry .preview p {
     color: #363636;
     font-size: 20px;
     font-size: 2rem;
     font-weight: 100;
}
#blog-section .blog-entry .preview a {
     color: #ee522e;
}
#blog-section .blog-entry .preview a:hover {
     color: #f77752;
}
/* Comments */
#blog-comments {
     margin-top: 40px;
}
.blog-comment-list {
     margin-bottom: 40px;
}
#blog-comments h3 {
     margin: 15px 0;
}
.post {
     padding: 28px 0;
     border-top: 1px solid #d7d7d7;
}
.post:last-child {
     border-bottom: 1px solid #d7d7d7;
}
.post .name, .post .info {
     display: inline;
     font-size: 16px;
     font-size: 1.6rem;
}
.post .info {
     color: #888;
     margin-left: 7px;
}
.post .text {
     margin: 7px 0 0;
     font-size: 18px;
     font-size: 1.8rem;
}

/* --------------------------------------------------------
>>> PAGE: Blog post
-------------------------------------------------------- */
img.blog-post-featured-img {
     margin: 20px 0;
}
.blog-item .right {
     margin: 0 0 15px 25px;
}
.blog-item  .date {
     font-size: 14px;
     font-size: 1.4rem;
     color: #000;
     margin: 0;
     background: #F4F4F4;
     display: block;
     padding: 3px 10px;
     margin-bottom: 18px;
     max-width: 97px;
     text-align: center;
}

#blog-post-section div.blog-post .blog-date p {
}
#blog-post-section div.blog-post div.side {
}
#blog-post-section div.blog-post .blog-date,
#blog-post-section .blog-author-pic {
     border-bottom: 1px solid #d7d7d7;
     margin-bottom: 22px;
}
.side-col {
}
.blog-author-pic img {
     margin: 32% 0;
}

#blog-post-section div.blog-post .blog-date p {
     display: inline-block;

     margin: 0 0 0.7em;
}
div.blog-post .side div.share {
     display: none;
}
div.share p {
     color: #909396;
     text-transform: uppercase;
     font-size: 15px;
     font-size: 1.5rem;
     display: inline-block;
}
div.blog-post .side a img {
}
#blog-post-section div.blog-post div.share a:hover img {
     zoom: 1;
     filter: alpha(opacity=50);
     opacity: .5;
     -webkit-transition: opacity 300ms ease-in;
     -moz-transition: opacity 300ms ease-in;
     -ms-transition: opacity 300ms ease-in;
     -o-transition: opacity 300ms ease-in;
     transition: opacity 300ms ease-in;
}
#blog-post-section div.blog-post div.excerpt {
     margin-top: 5px;
}

#blog-post-section div.blog-post div.excerpt h3:before, #blog-post-section div.blog-post div.excerpt h3:after {
     display: none;
}
#blog-post-section div.blog-post div.excerpt p.author{
     font-size: 15px;
     font-size: 1.5rem;
     text-transform: uppercase;
     margin: -6px 0 20px;
}

.blog-comments, .fb-comments, .fb-comments span, .fb-comments iframe, .pluginSkinLight > div  { width: 100% !important; }

div.share {
     margin: 25px 0 10px 0;
}
.share .share-item.share-item-fb {
     margin-top: -3px;
     padding-right: 21px;
}
.share .share-item {
     display: inline-block;
     margin: 1px 0;
     vertical-align: top;
}
.share .share-item > div,
.share .share-item > iframe {
     display: inline-block !important;
}



.blog-post__date-author {
     text-align: center;
     padding: 1em;
     background: #f8f8f8;
}

.blog-post__tags {
     margin-top: 27px;
     border-top: 1px solid #c2c2c2;
     padding-top: 6px;
}

.blog-post__footer .share {
     width: 50%;
     float: left;
     color: #B3B7BB;
     margin: 35px 0;
}
.blog-post__footer .share:not(:first-child) {
     text-align: right;
}
.blog-post__footer .share:not(:first-child) p {
     margin: 0;
}
.blog-post__footer .share:not(:first-child) img {
     margin-left: 7px;
}




.lined-text li {
     display: inline-block;
     padding: 0 3px;
}
#blog-post-section p.line-heading a,
a.tag {
     display: inline-block;
     border-radius: 12px;
}
#blog-post-section p.line-heading span {
     display: none;
}
#blog-post-section p.line-heading a,
a.tag,
#blog-post-section p.line-heading a:hover,
a.tag:hover {
     background: #c2c2c2;
     padding: 0 10px;
     color: #FFF;
     text-decoration: none;
     margin-right: 14px;
}
#blog-post-section p.line-heading a:hover,
a.tag:hover {
     background: #444;
}

.blog-separate {
     border-top: 1px solid #c2c2c2;
     margin: 30px 0;
}
.mainbar .blog-title-link{
     text-decoration:none;
}
/* Blog Archive - sidebar links */

/* ---- Related Links ---- */

.blog-sidebar h3 {
     font-family: 'ExemplarPro-Bold','Exemplar Pro',Arial,sans-serif;
     text-transform: uppercase;
     color: #00447c;
     font-size: 2.1rem;
}
.blog-sidebar {
     margin-bottom: 25px;
}
.blog-sidebar ul {
     padding: 0;
     margin:  0;
}
.blog-sidebar li {
     list-style: none;
}
.blog-sidebar a {
     text-decoration: none;
}

.blog-sidebar > ul > li {
     border-bottom: 1px solid #c2c2c2;
     position: relative;
}
.blog-sidebar > ul > li:first-child {
     border-top: 1px solid #c2c2c2;
}
.blog-sidebar > ul > li > a {
     display: block;
     padding: 10px 0 10px 13px;
     -webkit-transition: all 150ms ease-out;
     -moz-transition: all 150ms ease-out;
     -o-transition: all 150ms ease-out;
     transition: all 150ms ease-out;
     color: #000;
}
.blog-sidebar > ul > li > a:before {
     content: "\003E\00A0";
     margin-left: -13px;
}
.blog-sidebar ul li.on ul li {
     font-size: 13px;
     font-size: 1.3rem;
}
.blog-sidebar > ul > li:not(.on) > a:hover {
     background-color: #f7f7f7;
     padding-left: 18px;
}
.blog-sidebar > ul > li.on > a {
     color: #00447c;
}
.blog-sidebar li a {
     line-height: 140%;
}