@import url(/s/resources/css/appstyles.css);

/* General Style
---------------------------------------------*/
    form,body,html{height:100%;width:100%;}
    form,body,html{height:100%;width:100%;}
    body{margin:0;padding:0;font:15px/1.5em "Open Sans", Helvetica, Arial, sans-serif; background:#373737;}

    a { color: #dc4405; text-decoration: none; outline:none;
       -webkit-transition: color 250ms ease, background 250ms ease;
       -moz-transition: color 250ms ease, background 250ms ease;
       -ms-transition: color 250ms ease, background 250ms ease;
       -o-transition: color 250ms ease, background 250ms ease;
       transition: color 250ms ease, background 250ms ease;
     }
    a:hover { color: #dc4405; text-decoration: underline; }
    a:visited{}
    a:active{}
    a img{border:none;}

    h1, h2, h3, h4, h5, h6, .PageTitleHeader, .PageSubTitleHeader {font-family: 'Stratum2Web';margin:0;padding:0;}
    h1, .PageTitleHeader {font-size:2.375em;line-height:1.25em; font-weight:500; color:#dc4405;}
    h2, .PageSubTitleHeader {font-size: 1.75em; line-height:1.25em; font-weight: 700!important;}
    h3 {font-size:1.333em;line-height:1.25em;color:#dc4405; font-weight: 700;}
    h4 {font-size: 1.250em;line-height:1.25em; font-weight: 400;}
    h5 {font-size: 1em;line-height:1.25em; text-transform:uppercase; font-weight: 400;}
    h6 {font-size: 1em;line-height:1.25em; color: #dc4405; font-weight: 400;}
    p {margin:0.5em 0 1.5em;padding:0;}
    #PageTitle, .PageTitleHeader { display:none;}

    .left{float:left;}
    .right{float:right;}
    .center{text-align:center;}
    .textalignright{text-align:right;}
    .textalignleft{text-align:left;}

    hr{height:1px;line-height:1px;margin:2em 0px;clear:both;border:none;background:#ccc;color:#ccc;}

    img.left{float:left;margin:0 7px 1px 0;}
    img.right{float:right;margin:0 0 7px 7px;}
    img.outline{border:4px solid #333;}

    .clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
    .clearBoth{clear:both;}
    .clearRight{clear:right;}
    .clearLeft{clear:left;}
    .invisibleButAccessible{display:none;}

    .idbmsBreadcrumbSeparator {color:#dc4405!important;}
    .expand img {background-color: #dc4405!important;}
    .expand {background-color: #dc4405!important; display:inline-block; width:18px;}
    .Error,.error {width:auto!important}

    img[src="/images/icons/v2/common/brick_edit.gif"],
    img[src="/images/icons/v2/common/delete.gif"],
    img[src="/images/icons/v2/common/arrow_out.gif"],
    img[src="/images/e.gif"],
    img[src="/images/spacer.gif"],
    img[src="/images/icons/v2/bomb.png"] {border:0!important; padding:0!important; margin:0!important; float:none!important; width:16px!important; height:16px!important}

    #inner-wrap img[src="/images/spacer.gif"] {display:none;}

    ::selection { background: #0066CC; color: #fff; } /* Safari 3.1+, Opera 9.5+, Chrome 2+ */
    ::-moz-selection { background: #0066CC; color: #fff; } /* Mozilla Firefox */

    #inner-wrap * {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;  box-sizing: border-box; -ms-box-sizing: border-box;}
    #inner-wrap img {max-width:100%; height:auto;}

/* UTILITY BAR ELEMENTS
---------------------------------------------*/
    .utilityBar {float:left; width:100%; background:#dc4405; position: relative; z-index: 100;}

    /* Quick Links */
    .quickLinks {padding-right: 0;}
    .quickLinks ul {list-style:none; margin:0; padding: 0;}
    .quickLinks li {float:left;padding:14px 0; font-size:0.772em; line-height:1em;}
    .quickLinks li a {display:block; color:#fff; border-left:1px solid #fff; padding: 0 14px;}
    .quickLinks > ul > li:first-child > a {border:none; padding-left:0;}
    .quickLinks > ul > li:last-child > a {padding-right: 0;}
        /* Second Level Groups */
        .quickLinks li ul { position: absolute; left: -999em; overflow:hidden;margin:14px 0 0; background:#fff; float:none; width:15em;text-align:left; border:1px solid #d9d6d2; -webkit-backface-visibility:hidden; opacity:0;
            box-shadow: 0 0 8px rgba(0,0,0,0.08);
            -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.08);
            border-radius:3px;
            -webkit-border-radius:3px;
           -webkit-transition: opacity 500ms ease;
           -moz-transition: opacity 500ms ease;
           -ms-transition: opacity 500ms ease;
           -o-transition: opacity 500ms ease;
           transition: opacity 500ms ease;
        }#nav2
            /* Safari Fix - remove transitions for safari */
            _::-webkit-full-page-media, _:future, :root .desktopNav li ul {
                    transition: none;
                    -webkit-transition: none;
                }
        .quickLinks li li { width: 100%; border:none; margin: 0; padding:0;background:none;line-height:normal; font-size:1em; border-top:1px solid #d9d6d2}
        .quickLinks li li:first-child {border:none;}
        .quickLinks li li a {text-align:left;padding:10px 20px;border:none; color:#373737; text-transform:none;}
        .quickLinks ul li:hover li a{}
        .quickLinks ul li:hover li a:hover{}
        .quickLinks li li:hover a { background: #dc4405; color:#fff;}
            /* Hover */
            .quickLinks li:hover ul ul{ left: -999em;}
            .quickLinks li:hover ul { left: auto; opacity:1;}

    /* Member Tools */
    .memberTools {float:right; margin-right:15px;}
    .memberTools ul {list-style:none;margin:0;padding:0;float:right;}
    .memberTools li {float:left;padding:0; color:#fff; border-right:1px solid #752900; }
    .memberTools li:first-child {border-left:1px solid #752900}
    .memberTools a {display:block; color:#fff; font-size:0.813em; line-height:42px; padding:0 15px; text-decoration:none;}
    .memberTools a:hover {background: #883000}
    .memberTools li:fist-child a {border-left:1px solid #752900}
    .memberTools li.gift a {background:#9c3700}
    .memberTools li.gift a:hover {background:#883000}
    /* hiding search box */
    .search {display:none;position:relative; float:right;min-width:50px; padding-top:8px;}
    .search input {width:165px; border-radius:20px; -webkit-border-radius:20px; border:none; color:#4c4c4c; padding:0 30px 0 12px; font-size: 0.875em; line-height:26px; height:26px}
    .search img[id$="1_imgbtnSearch"] {width:16px; position:absolute; right:13px; top:14px;}
    
    /* Social Icons */
    .headSocial {float:right; min-width: 50px;}
    .headSocial ul.social {margin-top: 8px; margin-right: 10px;}
    .headSocial ul.social li a {color: #fff; font-size:1.125em;
       -webkit-transition: opacity 250ms ease;
       -moz-transition: opacity 250ms ease;
       -ms-transition: opacity 250ms ease;
       -o-transition: opacity 250ms ease;
       transition: opacity 250ms ease;
    }
    .headSocial ul.social li a:hover {opacity: 0.85;}
    
/* HEAD ELEMENTS
---------------------------------------------*/
    .structHead {float:left; width:100%; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.08); -webkit-box-shadow:0 0 8px rgba(0,0,0,0.08); position:relative;z-index:99; }

    .headLogo {padding-top:18px; padding-bottom:18px;}

    #nav {display:none;}
    

/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/
    .desktopNav { padding-top:66px; padding-bottom:0px;z-index:999998 ;position: relative;}

    /* General Styles */
    .desktopNav ul {list-style-type:none;margin:0; padding:0;}
    .desktopNav ul li {float:left;padding:0; line-height:1em; padding-bottom:16px;}
    .desktopNav ul li a{display:block;text-decoration:none;text-transform:uppercase; padding:0 15px; border-left:1px solid #222; font-size:1.041em; color:#222;}
    .desktopNav ul li:first-child a {border:none;}
        /* Flexbox styles */
        .flexbox .desktopNav > ul {
            display: flex;
        }
        .flexbox .desktopNav > ul > li {float:none; display: inherit;
            flex-direction: column;
            flex: 1 1 auto;
        }
        .flexbox .desktopNav > ul > li > a {display: inherit; width: 100%;text-align: center;
            flex: 1 0 auto;
            align-items: center;
            justify-content: center;
        }
    

    /* Top Level Group */
    .desktopNav > ul {float:right;}
    .desktopNav ul li { position:relative;}
    .desktopNav ul li a:hover,
    .desktopNav ul li:hover > a {color:#dc4405;}

    /* Second Level Groups */
    .desktopNav li ul { position: absolute; left: -999em; overflow:hidden;margin:0px; margin-top:16px; background:#fff; float:none; width:15em;text-align:left; border:1px solid #d9d6d2; -webkit-backface-visibility:hidden; opacity:0;
        box-shadow: 0 0 8px rgba(0,0,0,0.08);
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.08);
        border-radius:3px;
        -webkit-border-radius:3px;
       -webkit-transition: opacity 500ms ease;
       -moz-transition: opacity 500ms ease;
       -ms-transition: opacity 500ms ease;
       -o-transition: opacity 500ms ease;
       transition: opacity 500ms ease;
    }#nav2
        /* Safari Fix - remove transitions for safari */
        _::-webkit-full-page-media, _:future, :root .desktopNav li ul {
                transition: none;
                -webkit-transition: none;
            }
    .desktopNav li li { width: 100%; border:none; margin: 0; padding:0;background:none;line-height:normal; font-size:1em; border-top:1px solid #d9d6d2}
    .desktopNav li li:first-child {border:none;}
    .desktopNav li li a {text-align:left;padding:10px 20px;border:none; color:#373737; text-transform:none;}
    .desktopNav ul li:hover li a{}
    .desktopNav ul li:hover li a:hover{}
    .desktopNav li li:hover a { background: #dc4405; color:#fff;}

    /* Third Level Groups */
    .desktopNav li li ul { margin:-23px 0 0 150px; background: #367c2b; color:#ffffff; width:170px;}
    .desktopNav li li li a:hover { color: #ccc;}
    .desktopNav li li li{ width: 170px;}
    .desktopNav li li li a {color:#fff;}

    /* The Magic */
    .desktopNav li.sfHover ul ul,
    .desktopNav li.sfHover ul ul ul { left: -999em;}

    .desktopNav li.sfHover ul,
    .desktopNav li li.sfHover ul,
    .desktopNav li li li.sfHover ul { left: auto; opacity:1;}

    /*Fix for the Sticking*/
    .desktopNav li.sfHover,
    .desktopNav li li li.sfHover,
    .desktopNav li li.sfHover { position:static;}

/* ALERT MESSAGE
---------------------------------------------*/
.row.alertWrap {margin-left:-30px;margin-right:-30px;}
.alertInner {background-color:#c0311a;color:#fff;padding:30px 30px;float:left;margin-bottom:25px;}
.alertInner span.fa {display:block;float:left;color:#fff;width:12%;min-height:10px;text-align:center;font-size:72px;margin-top:-8px;}
.alertInner h2 {font-size:18px;display:block;float:left;width:88%;margin:0;padding:0;font-weight:normal;}
.alertInner h2 strong {font-size:22px;}

@media only screen and (max-width: 699px) {
    .alertInner span.fa {width:20%;font-size:48px;margin-top:-5px;}
    .alertInner h2 {width:80%;}
    .alertInner h2 strong {display:block;}
    
}

/* LEFT COLUMN
---------------------------------------------*/
    .structBody .structLeft {border-right:1px solid #d9d6d2; box-shadow:0 0 16px rgba(0,0,0,0.08); -webkit-box-shadow:0 0 16px rgba(0,0,0,0.08); }
    .leftBlock {font-size:0.75em}
    
    /* Secondary Nav */
        /* Section Title */
        .sectionTitle  {margin-left:-15px; margin-right:-15px;}
        .sectionTitle h3 {color:#373737; text-transform:uppercase; padding: 20px 25px 17px; border-bottom:1px solid #d9d6d2; font-size:1.25em;}
        .sectionTitle h3 a {color:#373737;}

        /* Secondary Navigation - General Styles */
        .secondaryNav {margin-left:-15px; margin-right:-15px; margin-bottom:25px;}
        .secondaryNav ul {margin:0; padding:0; list-style:none;}
        .secondaryNav ul li {}
        .secondaryNav ul li a {display:block; color:#373737;  padding:14px 25px; border-bottom:1px solid #d9d6d2;}
        .secondaryNav ul li.selected > a {color:#dc4405; font-weight:bold;}

        /* Secondary Navigation - Second Level */
        .secondaryNav ul li ul {padding:18px 0;  border-bottom:1px solid #d9d6d2;}
        .secondaryNav ul li li {padding:2px 22px 4px 50px}
        .secondaryNav ul li li a {display:inline; padding:0; border:none; font-size:0.875em;}



/* BODY ELEMENTS
---------------------------------------------*/
    .structBody {float:left;padding:0em 0; width:100%;background:#f5f2ed; padding:33px 0 70px;}
    .structBody .midWrap {background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.08); -webkit-box-shadow:0 0 8px rgba(0,0,0,0.08); overflow:hidden; }

    .structBody .structMid {padding: 24px 50px 50px;}

    .table-wrap {display:table; width:100%; table-layout:fixed;}
    .table-row {display:table-row;}
    .table-cell {display:table-cell; float:none; vertical-align:top;}
    
    .middleBlock {margin-top:18px;}
    
    .socialtemplate li.fb-like-button span { vertical-align: top !important;}

    /* Page Name/Title */
    .pageName {}
    .pageName h1 {margin: 0 0 5px;}
    
    /* Custom Styles */
        /* Quote */
        .quote {color:#dc4405; font-style:italic;}
        /* Boxes with background */
        .box-light-gray,
        .box-black,
        .box-dark-gray,
        .box-orange,
        .box-border {display:block; padding:20px; margin-bottom:20px; border-radius:3px; -webkit-border-radius:3px;}
        .box-light-gray {background:#F5F2ED;}
        .box-black {background:#000;}
        .box-dark-gray { background:#373737; color:#cccccc;}
        .box-orange {background:#dc4405; color:#fff;}
        .box-border {border:1px solid #d9d6d2; }
        .box-light-gray p:last-child,
        .box-black p:last-child,
        .box-dark-gray p:last-child,
        .box-orange p:last-child,
        .box-border p:last-child {margin-bottom:0;}
        .box-dark-gray a,
        .box-orange a {color:#fff;}
        .box-black h1,
        .box-black h2,
        .box-black h3,
        .box-black h4,
        .box-black p,
        .box-dark-gray a,
        .box-orange a,
        .box-dark-gray h1,
        .box-orange h1,
        .box-dark-gray h2,
        .box-orange h2,
        .box-dark-gray h3,
        .box-orange h3,
        .box-dark-gray h4,
        .box-orange h4 {color:#fff;}
        .box-light-gray p,
        .box-dark-gray p,
        .box-orange p,
        .box-black p,
        .box-border p {font-size: 0.75em;}
        /* Color classes */
        .txtOrangeDC4405 {color: #dc4405;}
        .bgOrangeDC4405 {background-color: #dc4405;}
        .txtBlue006A8E {color: #006a8e;}
        .bgBlue006A8E {background-color: #006a8e;}
    
    
    /* Breadcrumbs */
    .structBody .breadCrumbs {margin:0;}
    .structBody .breadCrumbs ul {padding:0;margin:0;list-style:none; line-height: 1em;}
    .structBody .breadCrumbs ul li {padding:0 0px 0 0px;margin:0;display:inline;}
    .structBody .breadCrumbs ul li a {font-size:0.813em; color:#373737}
    .structBody .breadCrumbs ul li:before {font-size:1.125em; content: "\f105"; font-family: FontAwesome; color:#dc4405; padding:0 10px; position:relative; top:1px; text-decoration:none;}
    .structBody .breadCrumbs ul li:first-child:before {content:""; padding:0; }
    
    /* News Listing */
    .newsItem {position:relative; width:100%; padding-bottom:35px; }
    .newsItem .thumb {position:absolute; width:100px; height:100px; background-size:cover; background-position:center; text-align:center;}
    .newsItem .text {padding-left:125px; min-height:100px;}
    .newsItem .title {font-size:1.063em; text-transform:uppercase; line-height:normal; padding:0 0 8px; font-weight:bold;}
    .newsItem .title a {color:#373737}
    .newsItem .preview {}
    
    /* Image Rotator */
    .bx-wrapper {position:relative;}
    .bx_slide_interior {position:relative;}
    .bx_slide_interior .sldimg {}
    .bx_slide_interior .sldimg .thumb {background-size:cover; background-position:center; background-repeat: no-repeat; padding-bottom:58.823%;}
    .bx_slide_interior .sldimg .thumb .imgLink > a { display: block; height: 100%; position: absolute; text-indent: -999em; width: 100%;}
    .bx_slide_interior .sldtxt {color:#fff; background: #373737; padding:20px;}
    .bx_slide_interior .sldtxt .title {font-weight:normal; text-transform:uppercase; color:#cccccc;}
    .bx_slide_interior .sldtxt .title a {color:#cccccc;}
    .bx_slide_interior .sldtxt .preview {}
    .bx_slide_interior .sldtxt .preview a {color: #fff;}
    .middleBlock .bx-prev,
    .middleBlock .bx-next {position:absolute; color: rgba(255,255,255,0.9); top: 35%; font-size:2.5em; outline: none; z-index: 99; text-shadow:0 0 4px rgba(0, 0, 0, 0.35);}
    .middleBlock .bx-prev {left: 15px;}
    .middleBlock .bx-next {right: 15px}
    
    /* Expand/Collapse */
    .expandable {background:#F5F2ED;}
    .expandable .content {display:none; padding:0 20px 20px 20px;}
    .expandable .title {position:relative; padding: 15px 40px 15px 20px; cursor:pointer;}
    .expandable .expand-btn,
    .expandable .collapse-btn {background:#dc4405; position:absolute; right:20px;top:20px;}
    .expandable .active .expand-btn,
    .expandable .collapse-btn {display:none;}
    .expandable .active .collapse-btn {display:block;}
    
    /* Image Caption */
    .imageCaption {font-style:italic; font-size:0.8125em; margin-top:2px;}
    

    /* Fixes */
        /* Image Rotator Module */
        .iModAnythingSlider .fade {opacity:1;}


/* Footer Elements
---------------------------------------------*/
    .structFooter {float:left; width:100%; padding:38px 0; font-size:0.750em ; line-height:1.5em; color:#cccccc; border-top:10px solid #dc4405; background: #000;}
    .structFooter p {margin:25px 0 0;}
    .structFooter a {color:#cccccc;}
    .structFooter a:hover {color:#fff;}
    .structFooter ul.social li a:hover {color: #006a8e;}

    .footerLeft { padding-top:10px; padding-bottom:10px; padding-right:30px; width:26%;}
    .footerRight { padding-top:5px; padding-bottom:10px; padding-left:30px; border-left:1px solid #696969; width:74%}

    /* Footer Nav */
    .footerNav {float:left; width:100%; margin-bottom:20px; margin-top:20px;}
    .footerNav ul {float:left; list-style:none; margin:0; padding:0; width:100%;}
    .footerNav ul li {width:16.667%; float:left; padding-bottom:8px;}
    .footerNav > ul > li {padding-right:15px;}
    .footerNav > ul > li > a {font-size:1.167em; color:#fff; text-transform:uppercase;}
    .footerNav ul li ul {padding-top:8px;}
    .footerNav ul li li {width:100%;}

    /* Footer Social */
    .footerNav {float:left; width:100%;}
    ul.social {margin:0; padding:0;list-style:none;}
    ul.social li {display:inline; padding:0 11px;}
    ul.social li:first-child {padding-left:0;}
    ul.social li a {text-decoration:none; color:#fff; font-size:1.833em;}


/* Mobile Navigation
-----------------------------------------------*/
    a.m-pikabu-nav-toggle {font-size:1.125em; line-height:40px; text-transform:uppercase; cursor:pointer; text-decoration:none; color:#fff;}
    /* Tablet nav Toggle */
    .structHead .m-pikabu-nav-toggle {display:block;float:right; margin:37px 0; padding:0 22px; background:#dc4405; border-radius:20px; -webkit-border-radius:20px; }
    .structHead .m-pikabu-nav-toggle:hover {background: #883000;}
    
    /* Mobile Nav Toggle */
    .utilityBar .m-pikabu-nav-toggle {float:right; background:#9c3700; padding:0 20px;  }
    
    /* Pikabu menu */
    .m-pikabu-sidebar { background:#4c4c4c;}
    #nav {overflow-y:scroll;}
    #nav ul li ul {display:none;}
    #nav ul li.selected > ul {display:block;}
    .m-pikabu-sidebar .mainNav ul {border-color:#676767}
    .m-pikabu-sidebar .mainNav ul li {position:relative; border-color:#676767}
    .m-pikabu-sidebar .mainNav ul li a {padding:12px 1em; text-transform:uppercase; font-size: 0.938em;}
    .m-pikabu-sidebar .mainNav ul li.selected {background:#dc4405;}
    .m-pikabu-sidebar .mainNav ul li.selected > a {color:#fff; font-weight:bold;}
    .m-pikabu-sidebar .mainNav ul ul {background:#333; padding:15px 0}
    .m-pikabu-sidebar .mainNav ul ul li {border:none; background:none;}
    .m-pikabu-sidebar .mainNav ul ul li a {font-size:0.875em; text-transform:none; padding:6px 20px; color:#cccccc;}
    .m-pikabu-sidebar .mainNav ul ul li.selected > a {color:#fff; font-weight:bold; background:none;}
    .m-pikabu-sidebar .mainNav ul ul ul {padding:0;}
    .m-pikabu-sidebar .mainNav ul ul ul li a {padding-left:30px; font-size:0.813em;}
    .m-pikabu-sidebar .mainNav ul ul ul li a:before {font-family: FontAwesome; color:#bcbcbc; padding-right:10px; font-size:1.143em; content: "\f0da";}

    /* Mobile Accordion */
    .m-pikabu-sidebar .mainNav ul li.has-subnav .accordion-btn {color:#fff; }

    /* Mobile Search */
    .mobileSearch {margin:18px ; text-align:center; color:#ccc; position:relative;}
    .mobileSearch input {background:#fff; color:#555555;border:none; padding:0 30px 0 10px; width:100%;-webkit-border-radius: 20px; border-radius: 20px; font-size:0.875em; line-height:30px;}
    .mobileSearch img[id$="_imgbtnSearch"] {width:16px; position:absolute; right:10px; top:7px;}
    .mobileSearch button,
    .mobileSearch label,
    .mobileSearch .SearchModuleSpacer {display:none;}
    
    /* Mobile Links */
    .mobileLinks {border-top:1px solid #676767;}
    .mobileLinks ul {list-style:none; margin:0; padding:25px 20px;;}
    .mobileLinks li {padding:8px 0 0;}
    .mobileLinks li:first-child {padding:0;}
    .mobileLinks a {color:#fff; font-size:0.875em; text-decoration:none; }
    .mobileLinks a .fa {color:#bcbcbc; padding-right:5px; font-size:1.143em;}
        /* Member Tools */
        .mobileMemberTools {background:#333333;}
        /* Quick Links */
        .mobileQuickLinks a {color:#cccccc}
        .mobileQuickLinks a:before {font-family: FontAwesome; color:#bcbcbc; padding-right:10px; font-size:1.143em; content: "\f0da";}


/* Start Template
-----------------------------------------------*/
    /* Body Elements */
    .start .structBody {padding:0;}
    .section-mid {padding:60px 0; background:#fff;}
    .section-mid h2,
    .recent-gifts h2 {color:#dc4405; text-transform:uppercase; font-weight:500!important; font-size:2.125em; padding-bottom:10px;}
    .section-mid h2 {border-bottom:1px solid #cccccc;}
    
    
    /* NEWS LISTING FORMATS */
        /* More Buttons */
        .more .moreInner {display:none;}
        .more a .moreInner {display:inline-block;}
        .more a {display:inline-block; background: #006a8e; color:#fff; color:#fff; font-size:0.875em; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); text-transform:uppercase; font-weight:bold; padding:0 14px; line-height:35px;}
        .more a:hover {background:#dc4405;}

        /* Events Listing */
        .eventSection {padding-left:75px}
        .eventItem {position:relative; width:100%; padding-top:30px; }
        .eventItem .date {position:absolute; width:75px; height:75px; background:#dc4405; text-align:center;font-family:'Stratum2Web';font-weight: 400;}
        .eventItem .date .month {text-transform:uppercase; font-size:1.375em; line-height:1em; padding:11px 0 0; color:#fff;}
        .eventItem .date .day {font-size:2.5em; line-height:1em; color:#fff;}
        .eventItem .text {padding-left:98px; min-height:75px;}
        .eventItem .title {font-size:1.063em; text-transform:uppercase; line-height:normal; padding:0 0 8px; font-weight:bold;}
        .eventItem .title a {color:#373737}
        .eventItem .preview {}
        .eventSection .more {display:none; margin-top:20px;}

        /* Image Rotator */
        .imageRotator {background:#000;}
        .bx-wrapper {position:relative;}
        .imageRotator .bx_slide {position:relative;}
        .imageRotator .bx_slide .sldimg {}
        .imageRotator .bx_slide .sldimg .thumb {background-size:cover; background-position:center; background-repeat: no-repeat; padding-bottom:58.823%; margin-left:-15px;}
        .imageRotator .bx_slide .sldimg .thumb .imgLink > a { display: block; height: 100%; position: absolute; text-indent: -999em; width: 100%;}
        .imageRotator .bx_slide .sldtxt {color:#fff; position:absolute;}
        .imageRotator .bx_slide .sldtxt .title {font-weight:500!important; text-transform:uppercase; color:#cccccc; padding:40px 0 25px 20px;}
        .imageRotator .bx_slide .sldtxt .title a {color:#cccccc;}
        .imageRotator .bx_slide .sldtxt .preview {padding:0 0 75px 20px;}

        .imageRotator .bx-pager {position:absolute; bottom:40px; right:0;z-index:100; text-align:center;}
        .imageRotator .bx-pager .bx-pager-item {display:inline-block; padding-left:12px;}
        .imageRotator .bx-pager a {display:block;width:25px; height:25px; border-radius:50%; -webkit-border-radius:50%; text-indent:-999em; outline:none; background:#9b9b9b;}
        .imageRotator .bx-pager a.active {background:#dc4405;}
        
        /* Feature Items */
        .section-features {padding:70px 0; background: #fff; border-bottom: 10px solid #dc4405;}
        .section-features h3.title {font-weight: 700;}
        .featureSlider {}
        .featureItem .thumb {margin-bottom:15px;}
        .featureItem .title {font-weight:normal;}
        .section-features .bx-prev,
        .section-features .bx-next {position:absolute; top:10px; background: rgba(255,255,255,0.8); width:40px; height: 40px; font-size: 1.625em; line-height:40px; color: #373737; text-align:center; border-radius:3px; -webkit-border-radius:3px;}
        .section-features .bx-prev {left:10px;}
        .section-features .bx-next {right:10px;}

        /* Why I Give */
        .giveSection {padding-right:75px;}
        .giveItem {padding:25px 0; border-bottom:1px solid #cccccc;}
        .giveItem .preview {margin:0;}
        .giveItem .title {margin: 15px 0 0; color:#dc4405; font-size:1.125em; font-style:italic;}
        .giveItem .more {display:inline-block;float:right; font-style:normal; position:relative; top:-5px;}
        .giveItem .more a {font-size:0.778em;}
        
        /* Recent Gifts */
        .recent-gifts {background: url(images/recent-gifts-bkg.jpg) no-repeat center center fixed; display: flex; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
        .recent-gifts .container {display: flex; align-items: center;}
        .recent-gifts .recent-gifts-inner {background-color: rgba(255,255,255,0.8); margin: 115px 0; padding-top: 15px; padding-bottom: 15px; float: left; width: 100%;}
        .recent-gifts h2 {text-align:center; margin:0; padding:40px 0 0;}
        .recentGiftItem {margin:25px 0 40px; border-left:1px solid #ccc; text-align:center; padding-top:10px; padding-bottom:10px;}
        .recentGiftItem:first-child {border:none;}
        .recentGiftItem .title {font-size:1.063em; text-transform:uppercase; color:#373737}
        .recentGiftItem .text {margin:0;}
            /* RSS Feed Trigger */
            @-webkit-keyframes nodeInserted {
                50% {opacity: 0;}
            }
            @-moz-keyframes nodeInserted {
                50% {opacity: 0;}
            }
            @-ms-keyframes nodeInserted {
                50% {opacity: 0;}
            }
            @-o-keyframes nodeInserted {
                50% {opacity: 0;}
            }
            @keyframes nodeInserted {
                50% {opacity: 0;}
            }
            .recentGiftItem {
                -webkit-animation: nodeInserted 0.01s;
                -moz-animation: nodeInserted 0.01s;
                -ms-animation: nodeInserted 0.01s;
                -o-animation: nodeInserted 0.01s;
                animation: nodeInserted 0.01s;
            }

            
            
/* Staff Directory Listing
-----------------------------------------------*/
    .fullWidth .colWrap {background:#fff;}
    .fullWidth .midWrap {width:100%; padding:0 18px 0 24px}

    #directoryHolder {float:left; width:100%; background:url(/s/1002/images/loadingAnimation.gif) no-repeat center center; margin-top:20px;min-height:250px;}
    #directoryWrap {background:#fff; margin: 0 auto; }
    .staffListing {width:202px; font-family: Arial, sans-serif; font-size:14px; line-height:normal; position:relative; padding-bottom:30px; border:1px solid #cccccc; margin:5px 5px 17px 5px;-webkit-box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, .3); box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, .3);display:none;}
    .staffListing.isotope-item {display:block;}
    .staffListing .thumb {display:block; /*width:185px; height:187px;*/ border-bottom:5px solid #dc4405;float:left;background:url(images/staff_default.gif) no-repeat 0 0 #000; }
    .staffListing .thumb img {display:block;}
    .staffListing .text {float:left; width: 100%; height: 125px; padding:10px 10px 0;}
    .staffListing .text .name {font-size:16px; font-weight:bold; padding-bottom:5px;}
    .staffListing .text .name a {color:#000; border:none;}
    .staffListing .text .details {font-size:11px; line-height:1.5em; text-transform:uppercase;}
    .staffListing .text .title {color:#000; padding-bottom:10px; font-weight:bold;}
    .staffListing .text .dept {color:#666666;}
    .staffListing .text .phone {position:absolute; bottom:0; height:30px; left:0; line-height:30px; border-right:1px solid #cccccc; width:110px; padding-left:10px; font-size:14px; font-weight:bold;}
    .staffListing .text .email {position:absolute; bottom:0; height:30px; right:43px; line-height:30px; width:44px;}
    .staffListing .text .linkedin {position:absolute; bottom:0; height:30px; right:0; width:42px;border-left:1px solid #cccccc; text-align:center;line-height:30px; color:#d9d9d9; font-size:18px;}
    .staffListing .text .phone a {border:none;display:block;}
    .staffListing .text .email a {border:none;display:block; background:url(images/bkgd_staff_email.png) no-repeat center center; text-indent:-999em; }
    .staffListing .text .linkedin a {color:#000; text-decoration:none;border:none;}
    .staffListing .tags {display:none;}
    .icon-linkedin {font-family: FontAwesome; }
    .icon-linkedin:before {content: "\f0e1"; font-style:normal}

    /**** Isotope Filtering ****/

    .isotope-item {
      z-index: 2;
    }

    .isotope-hidden.isotope-item {
      pointer-events: none;
      z-index: 1;
    }

    /**** Isotope CSS3 transitions ****/

    .isotope,
    .isotope .isotope-item {
      -webkit-transition-duration: 0.8s;
         -moz-transition-duration: 0.8s;
          -ms-transition-duration: 0.8s;
           -o-transition-duration: 0.8s;
              transition-duration: 0.8s;
    }

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

    .isotope .isotope-item {
      -webkit-transition-property: -webkit-transform, opacity;
         -moz-transition-property:    -moz-transform, opacity;
          -ms-transition-property:     -ms-transform, opacity;
           -o-transition-property:      -o-transform, opacity;
              transition-property:         transform, opacity;
    }

    /**** disabling Isotope CSS3 transitions ****/

    .isotope.no-transition,
    .isotope.no-transition .isotope-item,
    .isotope .isotope-item.no-transition {
      -webkit-transition-duration: 0s;
         -moz-transition-duration: 0s;
          -ms-transition-duration: 0s;
           -o-transition-duration: 0s;
              transition-duration: 0s;
    }

    /* FILTER NAV
    ---------------------------------------------*/
    .filterNav {float:left; width:100%; position:relative;z-index:10;}
    .filterNav ul#mobileFilters {display:none;}
    .filterNav ul {margin:0; padding:0; list-style:none; font-family: Arial, sans-serif;}
    .filterNav ul#filters a {border:none; display:block; color:#fff; text-decoration:none;}
    .filterNav ul#filters > li {float:left; background: #030303; color:#fff; padding:4px 11px; margin-left:10px;-webkit-border-radius: 5px; border-radius: 5px; width:27%; font-size: 0.875em;}
    .filterNav ul#filters > li > span {float:right;}
    .filterNav ul#filters > li.label {background:none; color:#000; padding:4px 0; font-weight:bold; width:auto;margin:0;}
    .filterNav ul#filters > li.showall {width:auto;}
    .filterNav ul#filters > li.activeFilter {background: #dc4405;}

    /* General Styles */
    .filterNav ul#filters ul li {float:left;padding:0;}
    .filterNav ul#filters ul li a{display:block;text-decoration:none; padding:0;}
    .filterNav ul#filters ul#nav1 > li:first-child > a {padding-left:0;}

    /* Top Level Group */
    .filterNav ul#filters ul li {}
    .filterNav ul#filters ul li a:hover {}
    .filterNav ul#filters ul li:hover > a {color:#dc4405;}

    /* Second Level Groups */
    .filterNav ul#filters li ul { position: absolute; left: -999999px;margin:0px 0 0 -11px; background:#030303; float:none; width:27%;text-align:left; padding:0 0 10px;height:300px;-webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}
    .filterNav ul#filters li li { width: 100%; border:none; margin: 0; padding:0px;background:none;line-height:normal;text-transform:none; font-size:14px;}
    .filterNav ul#filters li li a {font-weight:normal;text-align:left;padding:5px 10px;border:none;}
    .filterNav ul#filters ul li:hover li a{}
    .filterNav ul#filters ul#filters li:hover li a:hover{color:#dc4405;}
    .filterNav ul#filters li li:hover {  }

    /* The Magic */
    .filterNav ul#filters li:hover ul ul,
    .filterNav ul#filters li:hover ul ul ul { left: -999em;}

    .filterNav ul#filters li:hover ul,
    .filterNav ul#filters li li:hover ul,
    .filterNav ul#filters li li li:hover ul { left: auto;}

    /*Fix for the Sticking*/
    .filterNav ul#filters  li:hover,
    .filterNav ul#filters  li li:hover,
    .filterNav ul#filters  li li li:hover { position:static;}

    .filterNav ul#filters .viewport { width: 170px; height: 300px; overflow: hidden; position: relative; }
    .filterNav ul#filters .overview { list-style: none; position: absolute; left: 0; top: 0; }
    .filterNav ul#filters .thumb .end,
    .filterNav ul#filters .thumb { background-color: #666; -webkit-border-radius: 10px; border-radius: 10px;}
    .filterNav ul#filters .scrollbar { position: relative; float: right; width: 15px; z-index:999;}
    .filterNav ul#filters .track { background-color: #030303; height: 100%; width:13px; position: relative; padding: 0 1px; }
    .filterNav ul#filters .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
    .filterNav ul#filters .thumb .end { overflow: hidden; height: 5px; width: 13px; }
    .filterNav ul#filters .disable{ display: none; }
    .filterNav ul#filters .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

    .filterNav ul#filters li.activeFilter ul {background:#dc4405;}

    .filterNav ul#filters li.activeFilter .thumb .end,
    .filterNav ul#filters li.activeFilter .thumb {background:#000;}
    .filterNav ul#filters li.activeFilter .track {background:#dc4405;}
    .filterNav ul#filters li.activeFilter:hover li a:hover {color:#fff;}
            
/*Google Search Basic Styles*/
.gsc-search-button{background-image:url(http://www.google.com/uds/css/v2/search_box_icon.png)!important;background-repeat:no-repeat;}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {height: auto!important;}
            
/* IE8 Styles
-----------------------------------------------*/
    .ie8 .pikabu-button {display:none !important;}
    .ie8 .utilityBar .col-md-6 {width:50%; float:left;}
    .ie8 .quickLinks {display:block !important;}
    .ie8 .headLogo {width:25% !important;}
    .ie8 .desktopNav {display:block !important;}
    .ie8 .structBody .midWrap {padding:0;}
    .ie8 .structBody .structMid {display:table-cell !important; width:75%; left:25%; float:none; padding:40px 50px 50px}
    .ie8 .structBody .structLeft {display:table-cell !important; width:25%; right:75%; float:none; border-right:1px solid #d9d6d2; padding:0 15px;}
    .ie8 .sectionTitle,
    .ie8 .secondaryNav {display:block !important; margin:0 -15px;}
        
/*
---------------------------------------------
---------------------------------------------
   MEDIA QUERIES
---------------------------------------------
---------------------------------------------
*/

/* =============================================================================
   Wide Desktop Only
   ========================================================================== */
@media only screen and (min-width: 1170px){
    /* Header logo */
    .headLogo {padding-left: 0!important;}

    /* Footer address */
    .footerLeft p {padding-left: 70px;}
}


/* =============================================================================
   Desktop Only
   ========================================================================== */
@media only screen and (min-width: 1024px){
}

/* =============================================================================
   Small Desktop Only
   ========================================================================== */
@media only screen and (min-width: 1024px) and (max-width: 1169px){
    /* Quick Links */
    .quickLinks li a {padding-left: 8px; padding-right: 8px;}

    /* Desktop Nav */
    .desktopNav ul li a {padding-left:9px; padding-right:9px;}
    .desktopNav {padding-top: 59px;}

    /* Footer address */
    .footerLeft p {padding-left: 60px;}
}



/* =============================================================================
   Below Desktop
   ========================================================================== */
@media only screen and (max-width: 1023px){
    .ie8 .desktopNav ul li a {padding-left:7px; padding-right:7px;}
    
    /* Body Elements */
    .structBody .midWrap {padding:32px 0; display:block;}
    .structBody .structMid {display:block; padding:0 30px 0;}
    .structBody .structLeft {display:block; box-shadow:none; -webkit-box-shadow:none; border:none; padding:0 30px 0}
    .table-wrap,
    .table-row {display:block;}
    
    /* Footer */
    .footerLeft {display:block; width:100%; text-align:center; margin-bottom:15px;}
    .footerRight {display:block; width:100%; border:none; text-align:center;}
    
    /* Start Template */
        /* Image Rotator */
        .imageRotator .bx-pager .bx-pager-item {padding:0 5px;}
        .imageRotator .bx-pager {bottom:20px;}
        .imageRotator .bx-pager a {width:20px; height:20px;}
        /* Why I Give */
        .giveSection {padding-right:15px;}
        /* Events Listing */
        .eventSection {padding-left:15px}
}


/* =============================================================================
   Tablet
   ========================================================================== */
@media only screen and (min-width: 700px) and (max-width: 1023px){

    .structBody {padding:30px 0 50px;}

    /* Mobile Nav */
    #nav {display:block;}
    .m-pikabu-sidebar,
    .m-pikabu-right-visible .m-pikabu-right,
    .m-pikabu-left-visible .m-pikabu-left {width:30% !important;}
    .m-pikabu-left-visible .m-pikabu-container {
        -webkit-transform: translate3d(30%, 0, 0);
        -moz-transform: translate3d(30%, 0, 0);
        -ms-transform: translate3d(30%, 0, 0);
        -o-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }
    .m-pikabu-right-visible .m-pikabu-container {
        -webkit-transform: translate3d(-30%, 0, 0);
        -moz-transform: translate3d(-30%, 0, 0);
        -ms-transform: translate3d(-30%, 0, 0);
        -o-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }
    
    /* Start Template */
    .section-features,
    .section-mid {padding:50px 0;}
        /* Image Rotator */
        .imageRotator .bx_slide .sldtxt .title {padding: 30px 0 10px; font-size:1.250em; line-height:1.5em;}
        .imageRotator .bx_slide .sldtxt .preview {padding:0 0 60px; font-size:0.875em; line-height:1.5em;}
        /* Recent Gifts */
        .recent-gifts .recent-gifts-inner {margin: 85px 0}
}


/* =============================================================================
   Mobile
   ========================================================================== */
@media only screen and (max-width: 699px) {
    #nav {display:block;}
    /* Header */
    .structHead {box-shadow:none; -webkit-box-shadow:none; border-bottom:1px solid #d9d6d2;}
    .headLogo {padding-top:18px; padding-bottom:18px; text-align:center;}
    
    /* Body Elements */
    h1 {font-size:1.750em;}
    h2 {font-size:1.500em;}
    .structBody {padding:0;}
    .structBody .midWrap {margin-left:-15px; margin-right:-15px; padding-top:28px; width:auto;}
    .structBody .structMid,
    .structBody .structLeft {padding:0 15px;}
    
    /* Image Rotator */
    .middleBlock {margin-top: 0;}
    .middleBlock .bx-prev,
    .middleBlock .bx-next {top: 25%; font-size:2em;}
    
    /* Start Template */
        .section-features,
        .section-mid {padding:40px 0;}
        .section-mid h2,
        .recent-gifts h2 {font-size:1.750em;}
        /* Image Rotator */
        .imageRotator .col-md-12,
        .imageRotator .col-sm-4,
        .imageRotator .col-sm-8 {padding-left:0; padding-right:0;}
        .imageRotator .bx_slide .sldtxt {position:static;}
        .imageRotator .bx_slide .sldtxt .title {padding: 18px 15px 60px; text-align:center; font-size:1.250em;}
        .imageRotator .bx_slide .sldtxt .preview {display:none;}
        .imageRotator .bx_slide .sldimg .thumb {margin:0;}
        .imageRotator .bx-pager {width:100%;}
        /* Feature Items */
        .giveBtn {text-align:center; padding:0 75px;}
        .featureItem {padding-top:35px;}
        .featureItem .thumb {text-align:center;}
        /* Why I Give */
        .giveSection {margin-bottom:40px;}
        .giveItem {display:none;}
        .giveItem:first-child {display:block;}
        /* Events */
        .eventSection .more {display:block;}
        .eventItem {display:none;}
        .eventItem:first-child,
        .eventItem:nth-child(2) {display:block;}
        /* Recent Gifts */
        .recentGiftItem,
        .recentGiftItem:first-child {display:none; border-left:none; border-bottom:1px solid #ccc; padding:20px 0; margin:0;}
        .recentGiftItem:nth-child(2) {margin-bottom:40px;}
        .recentGiftItem:first-child,
        .recentGiftItem:nth-child(2) {display:block;}
        /* Recent Gifts */
        .recent-gifts .recent-gifts-inner {margin: 75px 0}
        
        
    /* Staff Directory Listing */
    .filterNav ul#filters {display:none;}
    .filterNav ul#mobileFilters {display:block; padding:0 5%; width:100%;}
    .filterNav ul#mobileFilters > li {font-size:14px; position:relative; width:100%; margin:0 0 10px; float:left; background: #030303; color:#fff; padding:14px 11px; -webkit-border-radius: 5px; border-radius: 5px;}
    .filterNav ul#mobileFilters > li > span {position:absolute; top:0; left:0; right:0; bottom:0; text-align:right; padding:4px 11px;}
    .filterNav ul#mobileFilters > li.open > span {bottom:auto; height:40px;}
    .filterNav ul#mobileFilters > li > span .fa {line-height:32px;}
    .filterNav ul#mobileFilters > li.label {background:none; color:#000; padding:4px 0; font-weight:bold; width:auto;margin:0;}
    .filterNav ul#mobileFilters li a { text-decoration:none; color:#fff;}
    .filterNav ul#mobileFilters > li.activeFilter {background: #dc4405;}
    .filterNav ul#mobileFilters li ul {display:none;}
    .filterNav ul#mobileFilters li ul li {padding:8px 0;}
    .filterNav li ul {width:86%;}
    #directoryWrap {margin:0 auto;}
    .staffListing {box-shadow:none; -webkit-box-shadow:none; }
    .isotope .isotope-item {transition:none;}
    
}


/* =============================================================================
   Less than 480px / mobile portrait
   ========================================================================== */
@media only screen and (max-width: 479px) {

}


/* =============================================================================
   Retina Display
   ========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

}

@media print {
  a[href]:after {
    content: none !important;
  }
  
}