/* ## corrects possible view port issues in browsers that do not recognize the viewport meta tag ## */
/* http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }



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

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

/*
 * Corrects `block` display not defined in IE 8/9.
 */

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

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

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

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

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

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

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

/*
 * Removes default margin.
 */

body {
    margin: 0;
}

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

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

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

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

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

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

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

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

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

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


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

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

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

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

small {
    font-size: 80%;
}

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

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

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

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

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

figure {
    margin: 0;
}

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

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

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

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

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

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

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

button,
input {
    line-height: normal;
}

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

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

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

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

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

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

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

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

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

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

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

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

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

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

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



/* ===============  Default Adjustments  =============== */

body { }

::-moz-selection { background: #3197fc; text-shadow: none; }
::selection { background: #3197fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img { max-width:100% !important; height:auto !important; vertical-align: middle; }
fieldset {border: 0;margin: 0; padding: 0; }
textarea { resize: vertical; }

/** FIX Google Maps Info window styes problem **/
img[src*="gstatic.com/"],
img[src*="googleapis.com/"] {
	max-width: none !important;
}

p, .mainContent ul { font-size: 0.875em; line-height: 1.750em; margin: 0 0 15px;}
p, .mainContent ul ul {font-size: 1em;}

.blank-template ul { font-size: 0.813em; line-height: 1.50em;}


.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none; visibility: hidden; }
.visuallyHidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyHidden.focusable:active, .visuallyHidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.hide       { display:none; }
.smallest   { font-size:.8em; }
.smaller    { font-size:.9em; }
.larger     { font-size:1.1em; }
.largest    { font-size:1.2em; }
.bold       { font-weight:bold; }
.italic     { font-style:italic !important; }
.strike     {text-decoration:line-through !important;}

.red, .red:visited          { color:#f00 !important; }
.green, .green:visited      { color:#390 !important; }
.lgreen, .lgreen:visited    { color:#97937d !important; }

.bgYellow { background:yellow; }
.bgGreen { background:lime; }
.vtop { vertical-align:top; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:right; }
.imgLeft { float:left; margin-right:5px; padding:5px; border:1px solid #c4c4c4; }
.imgRight { float:right; margin-left:5px; padding:5px; border:1px solid #c4c4c4; }
.nowrap { white-space:nowrap; }
.borderless { border:0; border-collapse:collapse; }
.breakforprint { page-break-after:always; }
.clear { overflow:hidden; clear:both; height:0; margin:0; font-size:1px; line-height:0; }
.skip { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.important { color:red; font-weight:bold; text-transform:uppercase; }


/* ## Base List styles ## */
ul, ol { margin:0 0 1em; }
.noBullet { padding:0 0 0 1em; list-style-type:none; }
.noIndent { padding:0; list-style-type:none; }
.bulletSquare { list-style-type:square; }

/* ## Note/hint text or link ## */
.note { margin:0 7px; font-size:.8em; color:#4e4e4e; }
.note a, .note a:link, .note a:visited { text-decoration:underline; }


/* ================================================================
   PRIMARY LAYOUT STYLES
   ================================================================ */

/* Enter unique styles for site here */

/* ## Disabled Form Fields ## */
input[disabled=true]    { background-color: #F0F0F0; }
textarea[disabled=true] { background-color: #F0F0F0; }
select[disabled=true]   { background-color: #F0F0F0; }
input[readonly=true]    { background-color: #F0F0F0; }
textarea[readonly=true] { background-color: #F0F0F0; }
select[readonly=true]   { background-color: #F0F0F0; }


/* Removed :link from the list to help cut down on writing time and prevent the need for extra specificity for classes */
a, a:visited { color:#558094; text-decoration:none; }
a:hover, a:active, a:focus { color:#9e1d26; text-decoration:none; }
a:active, a:focus { outline:0; }

.btnText { margin:0; padding:0; color:#9e1d26; text-decoration:underline; border:0; background:none; }
.btnText:hover { color:#9e1d26; text-decoration:none; }


/* ## Link Modifiers ## */
a .text { text-decoration:underline; }
a:hover .text, a:active .text, a:focus .text { text-decoration:none; }
a [class^="icon-"] { text-decoration:none; }
a.removeLink { color:#f00; font-size:0.9em; }


/* ## Link Lists ## */
/* We use '<ul class="linkList">' when setting a list of organized links. */
ul.linkList {margin:0 0 15px 0; padding:0; list-style-type:none;}
ul.linkList li {margin-bottom:8px;}
ul.linkList a,
ul.linkList a:link,
ul.linkList a:visited { text-decoration:none;}
ul.linkList a:hover,
ul.linkList a:active {text-decoration:underline;}


/* ## Start Up Layout - Use, modify, or delete as need be ## */
body {background: url(/cms/images/layout/bg-body-top.png) repeat-x 0 0 #ffffff;  font-family: "Open Sans", Arial; color: #323232;}
body.blank-template {background: none;}
.container { }
.siteBody { min-height:300px; /*margin-top: -30px;  padding-top: 140px;*/}
.siteBody:not("interior"){margin-top: 65px;}
.interior .siteBody {padding: 40px 0;}

/* ## Site Header ## */
.siteHeader {position:relative; min-height:80px; z-index:1000;}

.siteHeader .preHeader {background: #99141d;padding: 10px 0; color: #ffffff; border-bottom: 1px solid #d83b46;}
.siteHeader .preHeader .separator {background: #ffffff; width: 1px; height: 14px; display: inline-block; margin: 0 5px; vertical-align: middle;}
.siteHeader .preHeader a,
.siteHeader .preHeader a:link,
.siteHeader .preHeader a:visited {font-size: 0.875em; color: #ffffff}
.siteHeader .preHeader a.cartLink,
.siteHeader .preHeader a.cartLink:link,
.siteHeader .preHeader a.cartLink:visited {margin-left: 5px; padding: 5px 0px 5px 35px; background: url(/cms/images/layout/shopping-icon.png) no-repeat 5px center; position: relative;}
.siteHeader .preHeader .preheader-search {-moz-transform: scale(-1, 1);-webkit-transform: scale(-1, 1);-o-transform: scale(-1, 1);-ms-transform: scale(-1, 1);transform: scale(-1, 1);display: inline-block; vertical-align: middle; padding: 0 10px 0 15px; background: url(/cms/images/layout/bg-donate-wrapper.png) no-repeat left center;}
.siteHeader .preHeader .search-input {vertical-align: middle; padding: 1px 1px 1px 5px; width: 0px; opacity: 0; border: 2px solid #B11F28; border-radius: 0px; transition: all 0.7s ease-in-out;}
.siteHeader .preHeader .search-sizer {width: 200px !important; opacity: 1 !important;}

.fixed-header{
    position: fixed;
    width: 100%;
    top: 0;
}

@media only screen and (min-width: 32.8125em) {.mobile-search-header {display: none !important;}}
@media only screen and (max-width: 32.8125em) { .search-input {box-sizing: border-box;position: absolute;top: 35px;left: 0px;z-index: 99999;width: 100% !important; max-height: 0px;} .siteHeader .preHeader .search-sizer {max-height: 30px !important; opacity: 1 !important; width: 100% !important;}s .siteHeader .preHeader .container { text-align: center !important; } }
@media only screen and (max-width:31em) { .siteHeader .preHeader .container {padding: 0px 15px !important; } }
#AnonymousView {font-weight: 700; text-transform: uppercase; padding: 0 0 0 10px;}
.site-logo {position: absolute; top: 0; left: 50%; z-index: 999;margin-left: -200px;}
.menuSep {width: 400px;}
@media only screen and (max-width: 28em) {.site-logo {/*/margin-left: -145px; transform: translate(35%, 20%);*/ max-width: 300px; margin: -5px 0 0 !important; left: 60px; top: 10px;} .menuSep {display: none !important;} /* .site-logo img {max-width: 200px !important;} */}
@media only screen and (max-width: 70.3125em) {/*.site-logo img {max-width: 300px !important;} */.site-logo {margin-left: -160px;}} 
@media only screen and (max-width: 53.4375em) {.site-logo {margin-left: -145px;} .menuSep {display: none !important;}}
@media only screen and (max-width:66.5625em) {.siteBody {margin-top: 65px !important}}
@media screen and (min-width: 53.500em) and (max-width: 70.3125em){
    .site-logo img{max-width: 300px !important;}
    }
.siteHeader .upperHeader { background: transparent; background-color: #FFF; padding: 25px 0; height: 50px;}
.siteHeader .lowerHeader {
    background: rgb(230,230,230); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(230,230,230,1) 0%, rgba(230,230,230,1) 21%, rgba(255,255,255,1) 49%, rgba(230,230,230,1) 77%, rgba(230,230,230,1) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(230,230,230,1)), color-stop(21%,rgba(230,230,230,1)), color-stop(49%,rgba(255,255,255,1)), color-stop(77%,rgba(230,230,230,1)), color-stop(99%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(230,230,230,1) 0%,rgba(230,230,230,1) 21%,rgba(255,255,255,1) 49%,rgba(230,230,230,1) 77%,rgba(230,230,230,1) 99%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(230,230,230,1) 0%,rgba(230,230,230,1) 21%,rgba(255,255,255,1) 49%,rgba(230,230,230,1) 77%,rgba(230,230,230,1) 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(230,230,230,1) 0%,rgba(230,230,230,1) 21%,rgba(255,255,255,1) 49%,rgba(230,230,230,1) 77%,rgba(230,230,230,1) 99%); /* IE10+ */
    background: linear-gradient(to right,  rgba(230,230,230,1) 0%,rgba(230,230,230,1) 21%,rgba(255,255,255,1) 49%,rgba(230,230,230,1) 77%,rgba(230,230,230,1) 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 */
    text-align: center; padding: 20px 0;
}

.siteHeader a.sitelogo,
.siteHeader a.sitelogo:link,
.siteHeader a.sitelogo:visited {display:inline-block; background: url(/cms/images/layout/logo.png) no-repeat; width: 349px; height: 72px; margin: 0 auto; text-indent: -999em;}

.donate-wrapper {background: url(/cms/images/layout/bg-donate-wrapper.png) no-repeat left center; padding: 10px 0; text-align: right;}
.donate-wrapper .btnWrapper .btn {background: url(/cms/images/layout/btn-donate.png) no-repeat 5px center; padding: 6px 25px 6px 30px; background-color: #ffffff; position: relative;}
 .donate-wrapper .btnWrapper {background-color: #ffffff; }
.donate-wrapper .btnWrapper .btn:after {content: ''; background: url(/cms/images/layout/btn-donate-arrow.png) no-repeat right center; width: 15px; height: 10px; display: inline-block; position: absolute; right: 10px; top: 8px;}

.search-link {color: #ffffff; padding: 10px 10px 10px 15px; margin: 5px 0 5px 5px; text-align: center; cursor: pointer;}
.search-link:hover {color: #e6e6e6}
.search-link.active {-webkit-border-radius: 3px; border-radius: 3px; background: #b11f28;}

.siteSearch {
    display: none;
    background: #b11f28;
    color: #FFFFFF;
    margin: 0;
    position: absolute;
    width: 280px;
    top: 50px;
    right: 15px;
    padding: 10px;
    -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
    z-index: 1;

}
.siteSearch input {height: 30px;}
.siteSearch input.search-input {
    margin: 0;
    width: 100%;
    padding: 0 60px 0 2px;
    -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	line-height: 1;
}
.siteSearch label { display: none;}

.siteSearch .btnWrapper {position: absolute; top: 0; right: 0; }
.siteSearch .btnWrapper .btn {font-size: 0.750em; font-weight: 700; line-height: 1; padding: 0 3px; height: 28px; background: #b11f28; color: #ffffff;}

.siteSearch .btnWrapper .btnWrapper:hover {background-color: #ffffff;}
.siteSearch .btnWrapper .btn:hover {background-color: #831119;}


/*  ---------------------------------------------------------
    HOMEPAGE
    ---------------------------------------------------------- */
    /* RED COLOR: #9e1d26 */

h1 {
    font-size: 1.875em;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin: 0 0 20px;
}

h2 {
    color: #3b6c83;
    font-size: 2.25em;
    font-weight: 300;
    line-height: 1;
    margin: 0 0 15px;
}

h3 {
    color: #3b6c83;
    font-size: 1.750em;
    font-weight: 300;
    line-height: 1.111;
}

.table {
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.table-cell {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.hero-banner-img {background: #e6e6e6}
.hero-banner {background: #9e1d26; color: #ffffff;}
.hero-description {padding: 30px 10px;}
.hero-description h1 {margin-bottom: 10px;}
.hero-description p {font-size: 1em;}
.hero-description .btnWrapper .btn {font-size: 1em; border-width: 2px;}

.virtual-tour {background: url(/cms/images/layout/img-virtual-tour.jpg) no-repeat center top #d2e1e8;}
.virtual-content {color: #323232; text-align: center;}
.virtual-content h2 {text-align: left;}
.virtual-content p {text-align: left;}

/*.director-message {background: url(/cms/images/layout/img-director-message.jpg) no-repeat center top #608fa5; padding: 50px 0;}*/
.director-message {
    background: rgb(96,143,165); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(96,143,165,1) 0%, rgba(127,86,101,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(96,143,165,1)), color-stop(100%,rgba(127,86,101,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(96,143,165,1) 0%,rgba(127,86,101,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(96,143,165,1) 0%,rgba(127,86,101,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(96,143,165,1) 0%,rgba(127,86,101,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(96,143,165,1) 0%,rgba(127,86,101,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#608fa5', endColorstr='#7f5665',GradientType=1 ); /* IE6-9 */
    max-height: 192px;
    overflow: hidden;
}

.img-director-wrapper {}
.img-director {position: absolute; left: -235px; max-width: none !important; top: -60px;}

.director-content {color: #ffffff;}
.director-content h2 {color: #ffffff;}
.director-content p {}

.bakery {background: url(/cms/images/layout/img-bakery.jpg) no-repeat center top #DBE7E5; padding: 80px 0 45px; position: relative; overflow: hidden}
.bakery-content h2 {font-size: 2.563em; margin-bottom: 10px; }
.bakery-content p {padding: 0 25% 15px}
.cookie-left {position: absolute; bottom: -45px}
.cookie-right {position: absolute; bottom:  -45px}

/*.homepage .modHead {padding-left: 15px;}*/
.homepage .modHead {display: none;}
.homepage .additional-right .modHead {padding-left: 0;}

.additional-left,
.additional-right {background: url(/cms/images/layout/additional-border.png) repeat-x; padding: 30px 0;}

.recent-news-mod {}
.recent-news-mod ul.navList {margin: 0; padding: 0; list-style: none;}
.recent-news-mod ul.navList li {}
.recent-news-mod ul.navList li .aside {position: relative; width: 70px; height: 62px; float: left; margin: 0 25px 0 0; /*background: pink;*/}
.recent-news-mod .modContent li p {font-size: 1em}

/*.featured-events-mod {padding: 15px 0;}*/
.featured-events-mod ul.itemList {}
.featured-events-mod ul.itemList li {
    /*float: left; */
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    /*margin-bottom: 10px;*/
    box-sizing: border-box;
}

/*.featured-events-mod ul.itemList li:first-child {width: 66.666%;}*/
.featured-events-mod ul.itemList li .aside,
.featured-events-mod ul.itemList li .content {display: table-cell !important;} 
.featured-events-mod ul.itemList li .aside {position: relative; width: 70px; height: 70px; float: left; margin: 0 25px 0 0;}
/*.featured-events-mod ul.itemList li:first-child .content > a {font-size: 1.125em; line-height: 1.65em;}*/

.featured-events-mod .date-wrapper { color: #ffffff; padding: 8px 0px; font-weight: 700; line-height: 1; text-align: center; background: #ed2327; position: relative; top: 0; left: 0;}
.featured-events-mod .date-wrapper .top {font-size: 2.5em; color: #ffffff; font-weight: 600;}
.featured-events-mod .date-wrapper .bottom {font-size: 1.25; font-weight: 700; text-transform: uppercase; }

/*.featured-events-mod ul.itemList li:first-child .date-wrapper { padding: 15px 25px;}*/
/*.featured-events-mod ul.itemList li:first-child .date-wrapper .top {font-size: 4.063em;}*/
/*.featured-events-mod ul.itemList li:first-child .date-wrapper .bottom {font-size: 1.875em; text-transform: uppercase;}*/

.volunteer-mod {margin: 0 -15px;}
.volunteer-mod .aside {display: block; margin-bottom: 10px;}

.featured-events-mod ul.itemList li .no-image { float: left; padding-right: 10px;}
.featured-events-mod .no-image .date-wrapper { position: static; display: inline-block;}

.featured-wrapper a:hover {
  color: #ED2327 !important;
}

.featured-content { margin-top: 20px; }
.featured-content a {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.5em;
  display: inline-block;
  color: #9e1d26;
  transition: all 0.3s ease-in-out;
}

.featured-content p {
  font-size: 1em;
  line-height: 1.65em;
  color: #333333;
  margin: 0;
}

/* DONATE BUTTON */

.donate-now-wrapper {
	position: fixed;
	right: 0;
	top: 10em;
	width: 70px;
	height: 320px;
	background-color: #ed2327;
	text-align: center;
	overflow: hidden;
	background: url(/cms/images/layout/btn-arrow-white-down.png) #ed2327 no-repeat bottom center !important;
	transition: all 0.2s ease-in-out;
	z-index: 5;
}

.donate-now-wrapper:hover, .donate-now-wrapper:focus {
	background: url(/cms/images/layout/btn-arrow-white-down.png) #99141D no-repeat bottom center !important;
}

.donate-now-wrapper img {
	margin: 1em 0;
}

.donate-inside {
	display: inline-block;
	width: 1.5em;
	margin: 0 0 0 6px;
}

.donate-text {
    display: inline-block;
    white-space: nowrap;
	font-weight: bold;
	font-size: 1.5625em;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
    /* this is for "non IE" browsers
       that dosn't support writing-mode */
    -webkit-transform: translate(1.1em,0) rotate(90deg);
       -moz-transform: translate(1.1em,0) rotate(90deg);
         -o-transform: translate(1.1em,0) rotate(90deg);
            transform: translate(1.1em,0) rotate(90deg);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
   /* IE9+ */
   -ms-transform: none;
   -ms-transform-origin: none;
   /* IE8+ */
   -ms-writing-mode: tb-rl;
   /* IE7 and below */
   *writing-mode: tb-rl;
}
.donate-text:before {
    content: "";
    float: left;
    margin-top: 100%;
}

@media only screen and (max-width:66.5625em) {
	.donate-now-wrapper {
		position: static;
		width: 100%;
		height: auto;
		background-image: none !important;
		background: #ed2327 !important;
	}

  .donate-now-wrapper:hover {
    background: #99141D !important;
  }

	.donate-inside {
		width: auto;
		padding-right: 40px;
		background: url(/cms/images/layout/btn-arrow-white.png) no-repeat right center !important;
		position: relative;
		top: 4px;
		margin: 0 0 0 25px;
	}
	.donate-text {
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		transform: none;
		-webkit-transform-origin: initial;
		-moz-transform-origin: initial;
		-o-transform-origin: initial;
		transform-origin: initial;
	}

	.donate-text:before {
		margin: 0;
	}
}

.featured-wrapper {
	width: 100%;
	min-height: 22.5em;
	padding: 3.125em 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eff4f6+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(239,244,246,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(239,244,246,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(239,244,246,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff4f6', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}

@media only screen and  (max-width:53.4375em) {
  .featured-wrapper .grid_4 { margin-bottom: 2em; }
}

.featured-title {
	font-weight: 400;
	color: #3b6c83;
	font-size: 1.35em;
	margin-bottom: 40px;
	position: relative;
	display: inline-block;
}

.featured-title:after {
	content: "";
	position: absolute;
	width: 8px;
	height: 14px;
	top: 6px;
  right: -17px;
	background: url(/cms/images/layout/arrow-right-blue.png) no-repeat right center !important;
}


/*  ---------------------------------------------------------
    INTERIORS
    ---------------------------------------------------------- */

.introduction-wrapper {padding: 25px 0; text-shadow: 0 0 3px #000000; position: relative; overflow: hidden; background-color: #99141d; margin-top: 70px;}
.pageheading-banner
{
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.pageheading-banner .inner {position:relative; float: right; right: 50%;}
.pageheading-banner img { position: relative; right:-50%; max-width: none !important}
.subheading { font-size: 1.5em; line-height: 1.250em;color: #ffffff;}

.bread-tools {background: #f2f2f2; padding: 5px 0;}
.share-wrapper {
    display: none;
    background: #f2f2f2;
    margin: 0;
    position: absolute;
    top: 25px;
    right: 10px;
    padding: 10px;
    -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
    z-index: 1;
}

.left-rail { border-right: 1px solid #e5e5e5;}

.mainContent > img {padding: 3px; background: #ffffff; border: 1px solid #e5e5e5;}
.mainContent > img.floatLeft {margin: 0 20px 0 0;}
.mainContent > img.floatRight {margin: 0 0 0 20px;}


.mainContent ul li {background: url(/cms/images/layout/bg-li.png) no-repeat left 8px; list-style: none; padding-left: 25px;}
.mainContent h2 {margin-bottom: 30px;}
.mainContent ul.formee-list li {background: none; padding-left: 0;}

.social-media-wrapper {text-align: right;}

a.back-to {background: url(/cms/images/layout/bg-back-to.png) no-repeat left center; padding: 0 0 0 20px; color: #9e1d26}
a.back-to:hover { color: #3b6c83;}

/* VIDEOS */
.video-landing-wrapper{ background: url("/cms/images/layout/additional-border.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); padding: 40px 0; margin-top: 20px;}
.video-landing {margin-bottom: 50px;}
.video-link {color: #9e1d26;}
.video-link span {padding-left: 5px;}
.video-landing .aside a {position: relative;display: inline-block;}
.video-landing .aside a:after {
    position: absolute;
    background:url("/cms/images/layout/video-play-overlay.png") no-repeat center center;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: '';
    cursor: pointer;
}
.video-landing .aside a:hover:after {background:url("/cms/images/layout/video-play-overlay-active.png") no-repeat center center;}

.video-detail {margin: 30px auto 0;background: url("/cms/images/layout/additional-border.png") repeat-x scroll center bottom; padding: 0 0 20px;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/* COMMENTS */
.comment-wrapper {padding: 30px 0;}
.leave-a-comment {display: inline-block; padding: 0 0 20px;}
.comments {border: 1px solid #eaeaea; padding: 40px;}
.no-comments {color: #aeaeae;}



/* ==========================================================================
   Global Modules
   ========================================================================== */

.mod { position: relative; }

.homepage .mod h2.title,
.interior .mod h2.title {
    color: #3b6c83;
    font-size: 1.125em; /* Approximation due to font substitution */
    line-height: 1.111;
    display: inline-block;
}

.interior .mod h2.title {
    font-weight: 300;
    margin: 15px 0;
}

.homepage .mod h2.title {
    font-weight: 400;
    padding-right: 15px;
    margin-bottom: 30px;
}

.homepage .mod h2.title:after {content: ''; background: url(/cms/images/layout/bg-title.png) no-repeat center center; width: 7px; height: 20px; position: absolute; right: 0;}

.title { position: relative; margin: 0 0 1em; }
.titleAlt { margin:0 0 0.1em; font-size:1.2em; }
.titleAlt2 {  }

.title .more {
	position: absolute;
	top:0;
	right: 0;
	font-size: 0.6em;

}

.modContent {}

.mod .content > a,
.modContent ul li > a {font-size: 0.875em; font-weight: bold; line-height: 1.5em; display: inline-block;  color: #9e1d26; transition: all 0.3s ease-in-out; }
.eventsHomeWidgetItemLink:hover {color: #ED2327 !important; }
/*.modContent .content {margin-bottom: 15px;}*/

.mod .content > a.title,
.modContent ul li > a.title {font-size: 1em}

/* Item Lists Content
   ========================================================================== */

.itemList {
	margin:0;
	padding:0;
	list-style:none;
}

ul.itemList li {background: none; padding-left: 0;}

.item {
	display: table;
	padding: 1em 0;
	width: 100%;
}
.item:first-child { border-top:0; padding-top:0; }
.item:last-child { padding-bottom: 0; }

.item > .content {
	display: table-cell;
	vertical-align: top;
}

.item .contentExtra {
	display: table-cell;
	vertical-align: top;
}

.content .title { margin:0; }
.itemList .content p {font-size: 1em; line-height: 1.65em; color: #333333; margin: 0;}
.content .date { font-size:0.85em; }


/* Item Media
   ========================================================================== */

.aside {
	display: table-cell;
	text-align: center;
}

.aside img {width: 100%;}

.caption {
	display: block;
	font-size: 0.8em;
	line-height: 1.2em;
}


/* Media Queries for Item Lists
  ========================================================================== */


@media (max-width : 400px) {

	.item { display: block; }
	.item > .content { display: block;}
	.item > .aside { display: block;}

}


/* News
   ========================================================================== */

.article > .aside {
	float:right;
	margin: 1em;
}

.meta{
	margin:0.5em 0;
}

.meta > div {
	float: left;
}

.meta .social-tools{
	float: right;
}


/* ==========================================================================
   Filters
   ========================================================================== */

.filter{
	padding: 1em;
	border: 1px solid #e8e8e8;
	background: #f2f2f2;
	margin: 0 0 20px;
}

.filter-options{
	float: left;
}

.filter-actions{
	float: right;
}

/* Pagination
   ========================================================================== */

.paging {}

.paging-results {
	float: left;
}

.paging-list {
	float: right;
}

.paging-list ul {
	display: block;
	padding: 0;
	margin: 0;
}

.paging-list li{
	display: block;
	padding: 0;
	margin: 0;
	border: 1px solid #002B40;
	border-left-width: 0;
	float: left;
}

.paging-list li:first-child{
	border-left-width: 1px;
}

.paging-list li a,
.paging-list li span {
	display: block;
	min-width: 30px;
	padding: 2px 5px;
	text-align: center;
}

.paging-list li a {
	/* Link State */
}

.paging-list li span {
	/* Current Page State */
}

.paging-list li.disabled {
	display: none;
}

.paging-list li.disabled+li {
	border-left-width: 1px;
}

.paging-list li.disabled+.all {
	border-left-width: 0;
}


/* pagination and filters */

.filters {float:left; display:inline; margin:0 0 5px 0;}
.filters .filterList {float:left; display:inline; margin-bottom:5px;}
.filters label { display:inline; margin:0 5px 0 0; font-weight:bold; font-size:0.8em; }
.filters .sortList {float:left; display:inline;  padding:3px 10px 0;}
.filters .sortList label {margin:0 5px 0 0;}
.filters select {margin-right:10px;}


.filters .sortList .last {border-right:0;}
.filters .sortItem {display:inline; margin:0; padding:2px 4px; font-size:0.8em; border-right:1px solid #999999;}
.filters .sortItem a, .filters .sortItem a:link, .filters .sortItem a:visited {padding-right:12px; text-decoration:none; background:url(/cms/images/layout/arrow_sortorder.gif) no-repeat 100% 2px;}
.filters .sortItem a.down, .filters .sortItem a.down:link, .filters .sortItem a.down:visited {font-weight:bold; background-position:100% -18px;}
.filters .sortItem a.up, .filters .sortItem a.up:link, .filters .sortItem a.up:visited {font-weight:bold; background-position:100% -38px;}

.pagination {float:right; width:400px; margin:0 0 10px 0; text-align:right;}
.pagination .view {float:right; display:inline; padding:0 0 0 10px;}
.pagination .view a,.pagination .view a:link, .pagination .view a:visited { display:inline-block; text-decoration:none; padding:2px 6px;}
.pagination .paging {float:right; display:inline; padding:0 10px; border-right:1px solid #999999;}
.pagination .paging a,.pagination .paging a:link,.pagination .paging a:visited {float:left; display:inline; margin:0 3px; padding:2px 6px; text-align:center; text-decoration:none; }
.pagination .paging .active {float:left; display:inline; margin:0 4px; padding:2px 6px; text-align:center; color:#000; background-color:#d2d2d2; text-decoration:none; border:1px solid #969696;}
.pagination .paging .total { float:left; display:block; padding-top:2px; color:#999999;}
.pagination a.arrowRight,.pagination a.arrowRight:link,.pagination a.arrowRight:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_right_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}
.pagination a.arrowLeft,.pagination a.arrowLeft:link,.pagination a.arrowLeft:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_left_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}



/* ==============================================================
   GLOBAL STYLES
   ============================================================== */

/*--- where is this used at? ----*/
.alert {
	overflow:hidden;
	border: 1px solid #FE0000;
	margin: 1em 0;
	padding: 10px;
	min-height: 50px;
	color: #fff;
	background-color: #FEFF99;
}
.alert a { color:#fff; }

.bdr        { border:1px solid #555244; padding:1px; background-color:#a7a496; }
.bdrTop     { border-top:1px solid #999; }
.bdrRight   { border-right:1px solid #999; }
.bdrBottom  { border-bottom:1px solid #999; }
.bdrLeft    { border-left:1px solid #999; }

.bdrDash        { border:1px dashed #555244; }
.bdrDashTop     { border-top:1px dashed #999; }
.bdrDashRight   { border-right:1px dashed #999; }
.bdrDashBottom  { border-bottom:1px dashed #999; }
.bdrDashLeft    { border-left:1px dashed #999; }

.alternate	{background-color: #d8d8d8;}
.row		{background-color: #ffffff;}


/* ##  Error Markers  ## */

.fieldlbl {padding:4px 2px 0 0; text-align:right;}
.field {padding-left:2px;}
.fieldpad {padding-bottom:2px;}

.fieldtext {color:#000000;}
.fielderror {color:#cc0000;}
.fieldnorm {width:16px; height:20px;}
.fieldreq {width:16px; height:20px; background:transparent url(/cms/images/global/field-req.gif) no-repeat center right;}
 span.fieldreq {padding:0 6px; background-position:center center;}
 span.fieldnorm {padding:0 6px; background-position:center center;}
.fieldred {width:16px; height:20px; background:transparent url(/cms/images/global/field-error.gif) no-repeat center right;}
 span.fieldred {padding:0 6px; background-position:center center;}


/* ##  Tooltip Classes  ## */

.toolTipWrpr {display:none;width:340px;z-index:99;}
.toolTipShadow {background: url(/cms/images/core/tooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px;color:#666666;}
.toolTopShadowBottom {background: url(/cms/images/core/tooltipbackbottom.png) no-repeat top left;width:340px;height:16px;}
.toolTipDate {font-size:11px;color:#999999;font-weight:bold;}
.toolTipName {font-size:14px;color:#666666;font-weight:bold;margin-bottom:14px;}


/* ##  Generic Pager  ## */

.genericPager {padding:10px 0 20px;}
.genericPager ul {list-style-type: none; margin:0; padding:0;}
.genericPager ul li {float:left; display:block; font-size:11px; margin:0 5px 5px 0; background: none; padding-left: 0;}
.genericPager ul li a {float:left; padding:2px 4px; border:1px solid #e8e8e8; text-decoration:none; }
.genericPager ul li a:hover, .genericPager li a:focus { color:#000; background-color:#e8e8e8; border: 1px solid #d8d8d8; text-decoration:none; }
.genericPager ul li.nolink {color:#fff; border:1px solid #ddd; padding:2px 4px;}
.genericPager ul li.active {color:#686868; border:1px solid #ddd; padding:2px 4px; background-color:#CFCFCF;}


/* ##  Smart Bug  ## */

.smartbug ul { list-style-type:none; background-color:#ccc; font-size:10px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; padding:0px; }
.smartbug li { border-bottom:1px solid #000; }
.smartbug a, .smartbug a:link, .smartbug a:visited { text-decoration:none; display:block; color:#000; padding:5px; }
.smartbug a:hover { background-color:#999; text-decoration:underline; }


/* ##  Master Overlay Styles ## */

.siteOverlay {
    display:none;
    position:relative;
    width:550px;
    max-width:95%;
    min-height:1px;
    background-color:#fff;
    z-index:1000;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
    -webkit-box-shadow:0 0 15px #333;
       -moz-box-shadow:0 0 15px #333;
            box-shadow:0 0 15px #333;
}
.siteOverlay .overlayBar {position:relative; padding:7px 10px; text-align:right; border-bottom:1px solid #e6e6e6;}
.siteOverlay .overlayClose {display:inline-block; cursor:pointer; z-index:5;}
.siteOverlay .overlayContent {padding:15px;}


/* =================================================================
                           MODULE STYLES
===================================================================*/


/* ##  Breadcrumb  ## */

.breadcrumbs {}
.breadcrumbs a, .breadcrumbs a:visited { text-decoration:none; display: inline-block; font-size: 0.875em; line-height: 1;}
.breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a:active {}
.breadcrumbs span { font-size: 0.875em; line-height: 1; color: #5d5d5d;}
.breadcrumbs span a {font-size: 1em;}
.breadcrumbs span.default {background: url(/cms/images/layout/crumb-split.png) no-repeat center center; display: inline-block; text-indent: -999em; padding: 2px 3px; margin: 0 15px;}

/* ## Page Heading ## */

.pageHeading {}
.pageHeading h1,
.pageHeading h2 {color: #ffffff; font-size: 3.000em; font-weight: 700; margin: 0 0 5px; font-family: monotype Corsiva; text-transform: capitalize}


/* ##  PAGE TOOLS  ## */
/* Print and Email icons and wrapper */

.pageToolsWrapper {text-align:right;}

.pageTool {margin: 0 0 0 20px}

.pageToolsWrapper a { font-weight: 600; color: #558094;font-size: 0.875em; line-height: 1; display: inline-block;}
.pageToolsWrapper a:hover,
.pageToolsWrapper a:active {color:#b11f28;}

.pageToolsWrapper a.active {color: #b11f28;}

.pageToolsWrapper a.bookmark,
.pageToolsWrapper a.bookmark:link,
.pageToolsWrapper a.bookmark:visited {padding:0 0 0 18px; margin-left:7px; background-position:0 -39px;}
.pageToolsWrapper a.bookmark:hover,
.pageToolsWrapper a.bookmark:active {background-position:0 -119px;}

.pageToolsWrapper .addthis_toolbox { float:right; display:inline; }
.pageToolsWrapper .addthis_toolbox a,
.pageToolsWrapper .addthis_toolbox a:link,
.pageToolsWrapper .addthis_toolbox a:visited {background:none; padding:0; margin:0 0 0 5px; }

.addthis_toolbox { display:inline; }


/* ## Email a Friend ## */

.emailFriendWrapper {}
.emailFriendWrapper .inner { padding:0; }
.emailFriendWrapper p,
.emailFriendWrapper a.moreLink {font-size: 0.750em; margin: 0 0 10px;}
.emailFriendWrapper .formee-lbl {font-size: 0.750em;}
.emailFriendWrapper .emailFriendSender { margin:10px 0 20px; border-bottom:1px dashed #ccc; }
.emailFriendWrapper .emailFriendAdditional { margin:10px 0 0; padding:20px 0 0; border-top:1px dashed #ccc; }

/* =================================================================
                        THIRD PARTY STYLES
===================================================================*/



/* =================================================================
                        PRINT STYLES
===================================================================*/

@media print {
	* { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.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; }
	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; }
}




/* ===============  HOME SLIDESHOW  =============== */

.mainStage {position:relative; overflow:hidden; width:960px; height:425px; margin:0 20px;}

.mainStage h1 {color:#72A3D0; font:normal 14px Sone,'Arial Narrow',Arial,Helvetica,sans-serif; font-stretch:condensed; margin:0 0 0.6em 0; padding:0; text-transform:lowercase; text-shadow:1px 1px 1px #fff; z-index:2;}
.mainStage h1 sup {font-size:0.5em;}
.mainStage h3 {color:#72A3D0; font:bold 20px 'Arial Narrow',Arial,Helvetica,sans-serif; font-stretch:condensed; margin:0 0 0.6em; z-index:2;}
.mainStage-top {position:absolute; top:20px; border-bottom:1px dashed #bbc2c9; width:100%;padding-bottom:4px; z-index:1;}
.mainStage .items {width:20000em; position:absolute; clear:both}
.mainStage .single {float:left; position:relative; width:960px; height:425px; margin:0; padding:0;  background-repeat:no-repeat; background-position:right 0;}
.mainStage .single h3 { font-size:60px; text-transform:uppercase; margin:80px 0 0 0; text-shadow:2px 2px 2px #ABC9E4;}
.mainStage .single p {font-size:14px; font-weight:bold; color:#72a3d0; line-height:1.6em;}

.mainStage .navi {position:absolute; top:15px; right:0;}
.mainStage a.browse {background:url(/cms/images/slideshow/slide_arrows.png) no-repeat; display:block; width:25px; height:30px; cursor:pointer; font-size:1px; position:absolute; z-index:1000; top:0;}
.mainStage a.right {background-position:-25px 0; right:0;}
.mainStage a.right:hover {background-position:-25px -30px}
.mainStage a.right:active {background-position:-25px -60px}
.mainStage a.left {margin-left:0;right:35px;}
.mainStage a.left:hover {background-position:0 -30px;}
.mainStage a.left:active {background-position:0 -60px;}
.mainStage a.disabled {visibility:hidden !important;}


/* ## Button Styles ## */
/*
    <span class="btnWrapper"><input class="btn" value="Submit" /></span>
	or
	<a href="#" class="btnWrapper"><span class="btn">Submit</a></a>
*/

.btnWrapper { display:inline-block; padding:1px; background-color:rgba(0,0,0,0);; text-decoration:none !important; }
.btn, .btn:visited {
    background: url(/cms/images/layout/btn-arrow.png) no-repeat right center;
    display:inline-block;
    margin:0;
    padding: 14px 35px 14px 25px;
    font-size: 0.875em;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color:#b11f28;
    background-color:rgba(0,0,0,0);;
    border:1px solid #b11f28;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    overflow:visible;
}
.btnWrapper:hover, .btnWrapper:hover .btn { background-color:#e6e6e6; }

.btnAlt {padding:0; background-color:  rgba(0,0,0,0); }
.btnAlt .btn {
    border:1px solid #fff;
    color:#ffffff;
    background: url(/cms/images/layout/bg-btn-alt.png) no-repeat right center #9e1d26;
    text-align:center;
    text-decoration:none;
    cursor:pointer;

}
.btnAlt:hover, .btnAlt:hover .btn { background-color:#831119; }

.btnLarge .btn {padding:5px 10px; font-size:1.4em;}

.btnFullWidth {display:block;}
.btnFullWidth .btn {display:block; padding-left:0; padding-right:0; }
.btnFullWidth input.btn { width:100%; }

.btnSolid {}
.btnSolid .btn { background: #b11f28; color: #ffffff; font-size: 0.750em; padding: 10px;}
.btnSolid .btn:hover {background: #9e1d26;}

.btnGray {}
.btnGray .btn {background: #f2f2f2; color:#3b6c83; font-size: 0.750em; padding: 10px; border: 1px solid #e8e8e8;}
.btnGray .btn:hover {background: #e8e8e8; border: 1px solid #d8d8d8}

/* ## modifier for icon fonts (IcoMoon) embedded within button wrapper ## */

.btnWrapper [class^="icon-"] { margin:0 3px; font-size:0.7em; }


/* ## Site Icons ## */

.iconImage { position:relative; display:inline-block; bottom:1px; width:10px; height:10px;  vertical-align:middle; text-indent:-9999em; background:url(/cms/images/layout/icons_default.png) no-repeat 0 0; overflow:hidden; }
.iconCart { width:22px; height:22px; background-position:0 0; }
.iconRefresh { width:22px; height:22px; background-position:0 -27px; }
.iconContinueArrow { width:22px; height:16px; background-position:0 -57px; }
.iconCheckbox { width: 18px; height: 14px; background-position: -23px -112px; }
.iconXSquareRed { width: 12px; height: 12px; background-position: 0 -112px; }
.iconSearch { width: 14px; height: 14px; background-position: -55px 0; }
.iconQuestion { width: 22px; height: 22px; background-position: 0 -75px; }


/* ## truncate styling ## */

.truncateLink {}
.truncateLink a, .truncateLink a:link, .truncateLink a:visited { margin-left:5px; }
.truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {}
.truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {}


/* ## footer ## */

.footer {position:relative; background: url(/cms/images/layout/bg-footer.jpg) no-repeat center top #9a1d25; color: #ffffff;}
.upperFooter {border-bottom: 1px solid #a71a22; padding: 40px 0 29px;}
.advFooter {position: relative; border-top: 1px solid #d83b46; padding: 30px 0;}
.footer .btnAlt .btn {background-color: Transparent;}

.contact-info {font-size: 0.875em}
.contact-info a {color: #ffffff; text-decoration: none; font-weight: 700;}

.advFooter .btnWrapper {margin-bottom: 15px;}

ul.advList {margin:0; padding:0; list-style-type:none;}
ul.advList li {padding: 0 8px 8px 0; background: none;}
ul.advList a,
ul.advList a:link,
ul.advList a:visited {
    display: inline-block;
    text-decoration:none;
    color: #ffffff;
    font-size: 0.875em;
    font-weight: 700;
    line-height: 1.35em;
    text-transform: uppercase;
}
ul.advList a:hover,
ul.advList a:active {text-decoration:underline;}
ul.advList .listhdng {display:block; margin-bottom:8px; font-size:1.1em;}
ul.advList .listhdng,
ul.advList .listhdng a,
ul.advList .listhdng a:link,
ul.advList .listhdng a:visited {font-weight:bold; color:#6d6d6d;}

.footerHeading {font-size: 0.875em; line-height: 1.350em; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; display: inline-block;}

.welcomeMessage {position:absolute; bottom:5px; right:0; width:50%; padding:20px; font-size:12px; background-color:#ECF1F8; border:1px solid #9BAAB7;}
.welcomeMessage .iconClose {position:absolute; top:3px; right:3px; width:13px; height:13px; background:url(/cms/images/layout/icon_x.gif) no-repeat 0 0; cursor:pointer;}

.footerLinks {font-size: 0.75em; font-weight: 400; line-height: 1.5;color: #f0757c; padding: 0 0 20px;}
.footerLinks a,
.footerLinks a:link,
.footerLinks a:visited { color: #f0757c; text-decoration: none; }
.footerLinks a:hover,
.footerLinks a:active {text-decoration:underline;}

.copyright {}

.subFooter { background: url(/cms/images/layout/bg-subFooter.png) repeat-x #333333; padding:12px 0; }
.subFooter span { font-size: 0.813em; color: #666666;}


/* ## Footer Email Signup ## */

.emailSignup {margin:0 0 15px;}
.emailSignup p { margin:0 0 2px 0; }
.emailSignup .imgLabel {float:left; margin:5px 7px 0 0;}
.emailSignup .text {float:left; width:165px; margin:0 5px 0 0;}


/* ## Footer Social Follow ## */

.followUs {margin:0 0 10px;}
ul.socialFollow {margin:0; padding:0; list-style-type:none;}
ul.socialFollow li {display:inline-block;}
ul.socialFollow li a {display:inline-block; color: #ffffff; font-size: 1.5em; text-decoration: none; padding-right: 10px;}
ul.socialFollow li.facebook a {}
ul.socialFollow li.twitter a {}
ul.socialFollow li.gplus a {}
ul.socialFollow li.pinterest a {}


/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.tableWrapper { overflow:auto; }


/* ## NEW Limit Text Box ## */

.limitTextBox {}
.limitTextBox span { display:none; }
.limitTextBoxBar { width:100%; }
.limitTextBoxBarWrpr {
	width:100%;
	border:0px solid #000;
	overflow:hidden;
	font-size:9px;
	color:#000;
	white-space:nowrap;
	height:5px;
	background-color:#FDFBBE;
}
.limitTextBoxBarInner { width:0%; background-color:#FF0000; }
.limitTextBoxInputWrpr { display:table-cell; width:100%; vertical-align:top; }
.limitTextBoxInputWrpr textarea { box-sizing:border-box; vertical-align:top; }
.limitTextBoxSpellWrpr { display:table-cell; padding-left:5px; vertical-align:top; }
.limitTextBoxSpellWrpr img { max-width:16px !important; cursor: pointer; }


.email-address-table .table-cell ul {margin: 0; padding: 0}

.content-image.floatLeft {margin: 0 20px 0 0; }
.content-image.floatRight {margin: 0 0 0 20px; }
.content-bold {font-weight: 700; color: #3b6c83}

.residential-services .content-image {margin-bottom: 15px;}

.imprinting-fee-wrapper {padding: 10px 0 0; position: relative;}
.imprinting-infoBox:before {content: ''; width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #b11f28; position: absolute; left: 10px; top: -5px;}
.imprinting-infoBox {
    display: none;
    background: #ffffff;
    border: 1px solid #b11f28;
    position: absolute;
    padding: 10px;
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
        box-sizing: border-box;
    -webkit-box-shadow: 0 10px 8px -12px rgba(1,1,1,1);
        box-shadow: 0 10px 8px -12px rgba(1,1,1,1);
}
.imprinting-infoBox .infoBox-close {position: absolute; right: 10px; top: 8px; color: #b11f28; font-size: 0.875em; cursor: pointer;}
.imprinting-infoBox h6 {margin: 0 0 10px;}
.imprinting-infoBox table {width: 75%; margin: 0 auto 10px;}
.imprinting-infoBox p,
.imprinting-infoBox table td {font-size: 0.813em; font-weight: normal;}


/* =================================================================
                        Media Queries
===================================================================*/


/* 16px baseline (180px - 855px) */
@media only screen and (min-width:11.250em) and (max-width:53.4375em) {
	.siteHeader a.sitelogo,
	.siteHeader a.sitelogo:link,
	.siteHeader a.sitelogo:visited {float:none; display:block; width:auto; background-size: 276px 56px; background-position: center center;}

    .siteHeader .lowerHeader {padding: 5px 0; background: #ffffff;}

    p {line-height: 1.5em;}
    h2 {font-size: 1.875em; line-height: 1.125em;}

    .pageTools {display:none;}


    .donate-wrapper {
        background: none;
        position: absolute;
        width: 100%;
        margin: 0 -15px;
        text-align: center;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    .donate-wrapper:before {background: url("/cms/images/layout/bg-donate-wrapper.png") no-repeat right center; content: ''; left: -18px; width: 10px; height: 10px; display: inline-block; position: relative;}
    .donate-wrapper:after {background: url("/cms/images/layout/bg-donate-wrapper.png") no-repeat right center; content: ''; right: -10px; width: 10px; height: 10px; display: inline-block; position: relative;}

    .siteSearch {
        width: 100%;
        right: 0;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    .search-link {position: absolute; right: 0; font-size: 1.250em; margin-top: 2px;}

    .hero-banner-wrapper {position: relative;}
    .hero-banner {background: #8d9ba1;}
    .hero-banner-img {
        height: 300px;
        overflow: hidden;
        position: absolute;
        width: 100%;
    }
    .hero-banner-img img {width: 100%;}
    .hero-description {margin: 0 -15px; padding: 40px 20px; background: url(/cms/images/layout/bg-mob-hero.png) repeat-x left bottom}
    .hero-description  h1 { text-shadow: 0 1px 2px #000000; }
    .hero-description .btnWrapper {margin: 0 -15px;}
    .hero-description .btnWrapper .btn {font-size: 0.813em; padding: 12px 24px 12px 5px;}

    .virtual-tour {background: #d2e1e8; padding: 30px 0 40px}
    .virtual-content p {line-height: 1.75em;}

    .director-message { background: #6693a8; padding: 60px 0 0; max-height: none; overflow: hidden; }
    .img-director-wrapper {}
    .img-director {position: inherit; margin-left: -260px; max-width: none !important; margin-top: -60px;}

    .director-content {
        color: #ffffff;
        background: rgb(96,143,165); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(96,143,165,1) 0%, rgba(127,86,101,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(96,143,165,1)), color-stop(100%,rgba(127,86,101,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  rgba(96,143,165,1) 0%,rgba(127,86,101,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  rgba(96,143,165,1) 0%,rgba(127,86,101,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  rgba(96,143,165,1) 0%,rgba(127,86,101,1) 100%); /* IE10+ */
        background: linear-gradient(to right,  rgba(96,143,165,1) 0%,rgba(127,86,101,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#608fa5', endColorstr='#7f5665',GradientType=1 ); /* IE6-9 */
        margin: 0 -15px;
        padding: 30px 15px;
    }

    .featured-events-mod ul.itemList li:first-child,
    .featured-events-mod ul.itemList li {width: 100%; float: none;}
    .modContent .content {min-height: inherit !important;}

    .bakery {padding: 80px 0 80px; background-color: #dde8ee;}
    .bakery-content h2 {margin: 0 -15px; font-size: 1.875em}
    .bakery-content h2 span {display: block;}
    .bakery-content p {padding: 20px 0 0;}
    .cookie-left,
    .cookie-right {width: 35%;}
    .cookie-left {left: -10px; bottom: -80px;}
    .cookie-right {right: -20px; bottom: -80px;}

    .contact-info {padding: 15px 0;}

    /*  INTERIOR STYLES ------------------------------------------------------------- */

    .interior .siteBody {padding: 20px 0;}
    .introduction-wrapper {background: #99141d; padding: 20px 0; text-align: left; margin-top: 140;}
    .pageHeading h1 {font-size: 2.25em;}
    .breadcrumbs {display: none;}
    .subheading { font-size: 0.938em;}
    .pageToolsWrapper {text-align: left;}
    .pageTool {margin-left: 0; margin-right: 20px;}

    .pageheading-banner {display: none;}

    .left-rail { border-top: 1px solid #e5e5e5; border-right: 0 none; margin: 10px -15px 0; padding: 20px 15px;}



    .mainContent > img {padding: 3px; background: #ffffff; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;}
    .mainContent > img.floatLeft,
    .mainContent > img.floatRight {margin: 0 0 15px; float: none;}
    .mainContent ul {margin: 0 0 20px 15px; padding: 0;}
    .mainContent h2 {margin-bottom: 30px;}

    .social-media-wrapper {text-align: left; padding: 15px 0 0;}

    .mobile-full-table .table-cell {display: block;}

    .content-image.floatLeft,
    .content-image.floatRight {float: none; margin: 0;}

    .residential-services .content-image.floatLeft,
    .residential-services .content-image.floatRight {margin-bottom: 15px; display: block}

    .filters {display: block; float: none;}
    .filters .sortList {display: inline-block; float: none; padding: 0;}
    .filters .sortList label {display: block}

    .pagination {float: none; width: auto; margin: 10px 0;}

    .mobOnly { display:inline-block; }
    .desktopOnly { display:none; }

}


/* 16px baseline (768px +) */
@media only screen and (min-width:53.4375em){

    .mobOnly { display:none; }
    .desktopOnly { display:inline-block; }

    .cookie-left {left: 0; }
    .cookie-right {right: 0; }

    .mainNav ul.sf-menu > li > a {padding: 20px 10px;}
    .virtual-tour {padding: 30px}
    .virtual-content h2 {font-size: 1.750em;}

    .director-message { padding:  20px 30px; max-height: 260px}
    .director-message h2 {font-size: 1.750em;}
    .img-director {top: -20px; left: -295px;}

    .content-image {max-width: 288px !important}
    .residential-services .content-image {max-width: 250px !important}
}

/* 16px baseline (880px +) */
@media only screen and (min-width:55.000em){
    .mainNav ul.sf-menu > li > a {padding: 20px 10px;}
    .cookie-left { left: 16.666%; }
    .cookie-right { right: 12%; }
}

/* 16px baseline (990px +) */
@media only screen and (min-width:61.875em){
/*    .mainNav ul.sf-menu > li > a {padding: 20px 0;}*/
    .virtual-tour { padding: 45px 0 50px;}

    .virtual-tour {padding: 35px 0 50px}
    .virtual-content h2 {font-size: 2.250em;}

    .director-message { padding:  38px 0 58px; max-height: 192px;}
    .director-message h2 {font-size: 2.250em;}
    .img-director {top: -50px; left: -235px;}
}

/* 16px baseline (1020px +) */
@media only screen and (min-width:63.750em){
    .mainNav ul.sf-menu > li > a {padding: 20px 10px;}
    .link-no-pad {padding: 20px 5px !important;}
    .hero-banner-img {background: url(/cms/images/layout/hero-banner.jpg) repeat-x center top}
}


.eventsDetailsWrpr .twitter {margin-left:4px; margin-top:2px;}