/* ==========
   CFT styles
   ========== */

/* =============================================================================
   fonts
   ========================================================================== */
@import url("//fast.fonts.com/t/1.css?apiType=css&projectid=9b56e46c-ca10-4c28-995b-23aff6dcfa49");

@font-face {
    font-family: "hn-light";
    src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
    src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"),url("../fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"),url("../fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"),url("../fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
}

@font-face {
    font-family: "hn";
    src: url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
    src: url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"),url("../fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),url("../fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),url("../fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}

@font-face {
    font-family: "hn-bold";
    src: url("../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
    src: url("../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"),url("../fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),url("../fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),url("../fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}

@font-face {
    font-family: 'hw';
    src: url('../fonts/hw.eot');
    src: url('../fonts/hw.eot?#iefix') format('embedded-opentype'), url('../fonts/hw.woff') format('woff'), url('../fonts/hw.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* =============================================================================
   normalise
   ========================================================================== */

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

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

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

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
    font-family: sans-serif;
    color: #222;
}

body {
    margin: 0;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #fc0;
    color: #000;
    text-shadow: none;
}

::selection {
    background: #fc0;
    color: #000;
    text-shadow: none;
}

a {
    color: #005ba8;
}
    /*a:visited { color: #75747a; }*/
    a:hover {
        text-decoration: none;
    }

    a:focus {
        outline: thin dotted;
    }

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

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

b, strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

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

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

q {
    quotes: none;
}

    q:before, q:after {
        content: "";
        content: none;
    }

small {
    font-size: 85%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

ul, ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

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

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

label {
    cursor: pointer;
}

legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
    white-space: normal;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button, input {
    line-height: normal;
}

    button, input[type="button"], input[type="reset"], input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: button;
        *overflow: visible;
    }

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

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
        *width: 13px;
        *height: 13px;
    }

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

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

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

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

    input:valid, textarea:valid {
    }

    input:invalid, textarea:invalid {
        background-color: #f0dddd;
    }

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

td {
    vertical-align: top;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: black;
    padding: 0.2em 0;
}

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

body, input, select, textarea, button {
    font: 1em/1.2 'hn', Arial, sans-serif;
}

.event h3, .slider .bx-pager a, .slider .bx-auto a, .listing .info {
    font-family: 'hn';
}

h2, h3, .newsletter p, .cta, .more, #stories .author, #nav-footer a, #news li span, .slider a, .newsletter .submit, .slider p, .intro, .caption, .amount-chosen p, .pagination, .steps {
    font-family: 'hn-bold';
}

blockquote {
    font-family: 'hn-light';
}

h2, h3 {
    font-weight: normal;
}

@media screen {
    /* ===============
    standard
   =============== */
    .skip-link {
        position: absolute;
        top: -100px;
    }

    body {
        /*    background: #ccc;*/
    }

    .wrap {
        width: 960px;
        margin: 0 auto;
        background: #fff;
    }

    img.left {
        float: left;
        margin: 0 16px 10px 0;
    }

    img.right {
        float: right;
        margin: 0 0 10px 16px;
    }

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

    h2 {
        font-size: 1.5em;
        margin: 20px 0 10px;
    }

    h3 {
        font-size: 1.18em;
        margin: 16px 0 10px;
    }

    hgroup h1 {
        margin-bottom: 10px;
    }

    .news-header h2 {
        margin: -6px 0 5px;
        font-size: 1.18em;
    }

    .news-header h3 {
        margin-top: 0;
        font-size: 0.9em;
    }

    p {
        margin: 0 0 10px;
    }

    .f-row.show-flow {
        overflow: visible;
        position: relative;
        clear: both;
    }
    /* =============== header =============== */
    .notification {
        background: #E7E7E7;
        border-bottom: 1px solid #000;
    }

        .notification .wrap {
            background: #E7E7E7;
        }

        .notification p {
            font-size: .9em;
            margin: 5px 0;
        }

    #site-header .wrap {
    }

    .heading {
        position: relative;
        overflow: hidden;
    }

        .heading img {
            float: left;
            margin: /*27*/ 17px 0 37px;
        }

        .heading .tagline {
            position: absolute;
            top: 63px;
            left: 273px;
            margin: 0;
        }

        .heading .branding {
            position: absolute;
            bottom: 0;
            right: 0;
            margin: 0;
        }

    .no-js .f-row.pcode input[type="submit"] {
        display: none;
    }

    .no-js .address-wrapper {
        display: none;
    }

    #tools {
        float: right;
        z-index: 100;
        position: relative;
        background: url("../img/design/transparent-bg.png") repeat scroll 0 0 transparent;
        padding-bottom: 3px;
    }

        #tools ul {
            padding: 0;
            margin: 0;
            list-style: none;
            float: left;
        }

        #tools li, #tools li a {
            display: inline-block;
        }

    .lt-ie8 #tools li, .lt-ie8 #tools li a {
        display: inline;
    }

    #tools .feeds {
        margin: 7px 10px 0 0;
    }

    .feeds a {
        padding: 0 15px;
        color: #333;
        text-decoration: none;
        font-size: .8em;
    }

        .feeds a:hover, .feeds a:focus {
            text-decoration: underline;
        }

    .feeds li:first-child a {
        border-right: 1px solid #333;
        padding-left: 0;
    }

    #search {
        float: left;
        padding-top: 6px;
    }

        #search .text {
            float: left;
            width: 180px;
            padding: 2px 3px;
            margin-right: 5px;
            border: 1px solid #AFAFAF;
            font-size: .9em;
        }

        #search .submit {
            float: right;
            text-indent: -999em;
            text-transform: capitalize;
            overflow: hidden;
            width: 26px;
            height: 25px;
            background: url(../img/design/search.gif);
            border: 1px solid #AFAFAF;
            border-radius: 3px;
        }

    #tools .members {
        float: right;
        font-size: 0.9em;
    }

    .members a {
        color: #333;
        background: #fff;
        padding: 8px 10px;
        margin: 0 0 0 3px;
        border-radius: 0 0 5px 5px;
        border: 1px solid #ccc;
        border-top: none;
        text-decoration: none;
        font-size: .9em;
    }

        .members a:hover, .members a:focus {
            background: #fc0;
            border-color: #fc0;
        }

    .topbar {
        clear: both;
        background: #fff;
        padding: 3px 0;
        position: relative;
    }

    .nav-pri {
        float: left;
        width: 800px;
    }

        .nav-pri li, .nav-pri a {
            float: left;
        }

        .nav-pri a {
            padding: 10px 17px;
            margin-right: 3px;
            color: #000;
            background: #B2B1AB;
            text-decoration: none;
            font-size: .9em;
            font-family: "hn-bold";
        }

            .nav-pri a:hover, .nav-pri a:focus,
            .nav-pri .current a {
                color: #fc0;
                background: #000;
            }

    #donate {
        width: 193px;
        margin: -20px 0 0 -10px;
        position: absolute;
        right: 0;
    }

        #donate a {
            font-family: "hw";
            font-size: 2.1em;
            display: block;
            color: #000;
            background: url(../img/design/donate.png) no-repeat;
            padding: 14px 10px 15px 22px;
            text-decoration: none;
        }

            #donate a:hover, #donate a:focus {
                color: #fff;
                background: url(../img/design/donate-on.png) no-repeat;
            }

    /* =============== breadcrumbs / sharethis =============== */
    #breadcrumb-wrap {
        padding: 8px 0 25px;
        overflow: hidden;
        font-size: .8em;
        background: url(../img/design/line-content.gif) no-repeat;
    }

    #breadcrumb {
        width: 580px;
        float: left;
    }

        #breadcrumb ol {
            padding: 0;
            margin: 0;
        }

        #breadcrumb li {
            display: inline;
            color: #4C4C4C;
            padding: 0 3px 0 0;
        }

        #breadcrumb a:link, #breadcrumb a:visited {
            color: #565656;
            padding: 0 5px 0 0;
            text-decoration: none;
        }

        #breadcrumb a:hover, #breadcrumb a:focus, #breadcrumb a:active {
            text-decoration: underline;
        }

    .socialShare {
        position: relative;
        width: 100px;
        overflow: hidden;
        float: right;
        padding-top: 3px;
    }

        .socialShare div {
            display: inline-block;
            float: left;
            margin-right: 4px;
        }

        .socialShare h4 {
            margin: 0;
        }

    .twitterShare {
        width: 80px !important;
    }

    .stButton .chicklets {
    }

    /* =============== nav-sec =============== */
    .nav-sec {
        width: 203px;
        min-height: 100px;
        margin-right: 37px;
        padding: 0 0 10px;
        float: left;
        background: #fff;
        font-size: .8em;
    }

    .lt-ie8 .nav-sec {
        height: 100px;
    }

    .nav-sec li {
        margin-bottom: 2px;
    }

    .nav-sec a {
        display: block;
        padding: 10px 15px;
        color: #000;
        background: #F3F2EC;
        text-decoration: none;
    }

        .nav-sec a:hover, .nav-sec a:focus, .nav-sec .current a, .nav-sec .current li a:hover, .nav-sec .current li a:focus, .nav-sec .current .current a {
            background: #fc0;
        }

    .nav-sec .current a, .nav-sec .current .current a {
        font-weight: bold;
    }

    .nav-sec .current ul {
        margin: 10px 0;
    }

        .nav-sec .current ul ul {
            margin: 0 0 0 18px;
        }

    .nav-sec .current li a, .nav-sec .current .current a {
        text-decoration: none;
        padding: 3px 5px 3px 25px;
        background: #fff;
        font-weight: normal;
    }

    .nav-sec .current .current a, .nav-sec .current .current .current a, .nav-sec .current .current .current a:hover, .nav-sec .current .current .current a:focus {
        font-weight: bold;
    }

    .nav-sec .current li a:hover, .nav-sec .current li a:focus {
        text-decoration: underline;
        background: #fff;
    }

    .nav-sec .current .kids a, .nav-sec .current .kids a:hover, .nav-sec .current .kids a:focus {
        background: #fff url(../img/design/nav-sec-closed.gif) no-repeat 11px 6px;
    }

    .nav-sec .current .open a, .nav-sec .current .open a:hover, .nav-sec .current .open a:focus {
        background: url(../img/design/nav-sec-open.gif) no-repeat 11px 8px;
    }

    .nav-sec .current .current ul a, .nav-sec .current .current ul a:hover, .nav-sec .current .current ul a:focus {
        font-weight: normal;
        background: none;
    }
    /* =============== content =============== */
    #main .wrap {
        padding: /*35*/ 17px 0 30px;
    }

    .content, aside {
        background: #fff;
    }

        .content h1 {
            font-family: 'hw';
            font-size: 2.5em;
            font-weight: normal;
        }

    .nav-content .content, .content-only .content {
        float: left;
        width: 720px;
        padding: 0 0 20px;
    }

    .content-only #breadcrumb-wrap, .content-only .content {
        margin-left: 0;
    }

    .content-only #breadcrumb-wrap {
        background: url(../img/design/line-content-only.gif) no-repeat 0 0;
    }

    .nav-content-aside .content {
        float: left;
        width: 468px;
        margin-right: 16px;
        padding: 0 0 20px;
    }

    .nav-content-aside aside, .content-aside aside {
        float: right;
        width: 235px;
        padding: 0 0 20px;
    }

    .content li {
        margin-bottom: 5px;
    }

    .intro {
        font-size: 1.1em;
        margin: 0 0 16px;
        overflow: hidden;
    }

        .intro.unstyle {
            padding: 0;
            background: 0;
        }

        .intro h2 {
            margin-top: 0;
        }

        .intro .submit-inpage {
            margin-bottom: 16px;
        }

    .media {
        margin: 16px auto 40px;
    }

        .media p {
            margin: 5px 0 0;
        }

    .caption {
        text-align: center;
        margin-bottom: 20px;
    }

    .two-col {
        overflow: hidden;
        margin: 26px 0 10px 0;
    }

        .two-col .text-box {
            float: left;
            width: 468px;
            margin-right: 16px;
        }

        .two-col aside {
            float: right;
        }

            .two-col aside .widget ul {
                width: 170px;
            }

    /* =============== homepage =============== */
    .slider {
        float: left;
        width: 611px;
        background: #B6B6B6;
        overflow: hidden;
        position: relative;
        margin-left: -5px;
    }

    .no-js .slider {
        background: none;
        height: 375px;
        overflow: hidden;
    }

    .slider-top, .slider-left, .slider-right, .slider-bottom {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 611px;
        height: 17px;
        background: url(../img/design/carousel-top.png) no-repeat;
        z-index: 100;
    }

    .slider-left, .slider-right {
        top: 17px;
        width: 13px;
        height: 355px;
        background: url(../img/design/carousel-left.png) no-repeat;
    }

    .slider-right {
        width: 11px;
        right: 0;
        left: auto;
        background: url(../img/design/carousel-right.png) no-repeat;
    }

    .slider-bottom {
        height: 41px;
        bottom: 0;
        top: auto;
        background: url(../img/design/carousel-bot.png) no-repeat;
    }

    .no-js .slider-top, .no-js .slider-left, .no-js .slider-right, .no-js .slider-bottom {
        display: none;
    }

    .slider ul, .slider li {
        padding: 0;
        margin: 0;
    }

    .slider li {
        position: relative;
        height: 370px;
        padding: 0 25px 0 25px;
        margin: 0 0 0 4px;
    }

    .no-js .slider li {
        float: left;
        border: 2px solid #fc0;
        margin-bottom: 10px;
    }

    .slider li * {
        position: relative;
        z-index: 2;
    }

    .slider img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .slider h2 {
        font-size: 2em;
        margin: 30px 200px 20px 0;
    }

    .slider p {
        margin: 200px 320px 20px 0;
    }

    .slider a {
        display: inline-block;
        color: #000;
        text-shadow: 0 1px 1px #fff;
        padding: 8px 20px;
        text-decoration: none;
        background: #fc0 url(../img/design/chevron.gif) no-repeat 9px 13px;
    }

        .slider a:hover, .slider a:focus {
            text-shadow: none;
            color: #fff;
            background: #000 url(../img/design/chevron-white.gif) no-repeat 9px 13px;
        }

    .slider .bx-pager a, .slider .bx-auto a {
        color: #464646;
        border: none;
        padding: 5px 10px;
        background: none;
        border-radius: 0;
        font-size: .8em;
    }

        .slider .bx-pager .pager-active, .slider .bx-pager a:hover, .slider .bx-pager a:focus {
            background: #fff;
        }

    .slider .bx-auto a {
        border: none;
    }

    .bx-wrapper {
        padding: 8px 0 0;
    }

    .bx-pager, .bx-auto {
        float: left;
        width: 40%;
        padding-left: 20px;
        z-index: 101;
        position: relative;
        margin-top: -4px;
        padding-bottom: 13px;
    }

    .bx-auto {
        float: right;
        text-align: right;
    }

    .event {
        float: left;
        width: 139px;
        padding: 0 13px;
        margin: 0 0 15px 16px;
        float: right;
    }

    .event-wide {
        width: 355px;
        padding: 0;
        margin: 0 -5px 5px 0;
        color: #000;
        text-decoration: none;
        position: relative;
    }

        .event-wide:hover, .event-wide:focus {
            color: #000;
        }

        .event-wide div {
            padding: 20px;
            min-height: 94px;
        }

    .event h2 {
        font-size: 1.2em;
        padding: 0 0 4px;
        margin: 0;
    }

    .event h3 {
        font-size: .9em;
        font-weight: normal;
        margin: 0 0 4px;
        color: #4c4b4b;
    }

    .event p {
        font-size: .75em;
        padding: 0 80px 0 0;
        margin: 0;
    }

    .event a {
        text-decoration: none;
    }

    .event-1 {
        background: #fff url(../img/design/event-bg.gif) no-repeat top right;
    }

        .event-1:hover, .event-1:focus {
            background: #fc0 url(../img/design/event-bg-on.gif) no-repeat top right;
        }

        .event-1 div {
            background: url(../img/design/event0-top.png) no-repeat;
        }

        .event-1 span {
            background: url(../img/design/event0-bot.png) no-repeat;
            display: block;
            height: 13px;
            width: 355px;
            position: absolute;
            bottom: 0;
        }

    .event-2 {
        background: #fff url(../img/design/event-bg1.gif) no-repeat top right;
    }

        .event-2:hover, .event-2:focus {
            background: #fc0 url(../img/design/event-bg1-on.gif) no-repeat top right;
        }

        .event-2 div {
            background: url(../img/design/event1-top.png) no-repeat;
        }

        .event-2 span {
            background: url(../img/design/event1-bot.png) no-repeat right;
            display: block;
            height: 16px;
            width: 359px;
            position: absolute;
            bottom: 0;
        }

    .event-3 {
        background: #fff url(../img/design/event-bg2.gif) no-repeat top right;
    }

        .event-3:hover, .event-2:focus {
            background: #fc0 url(../img/design/event-bg2-on.gif) no-repeat top right;
        }

        .event-3 div {
            background: url(../img/design/event2-top.png) no-repeat;
        }

        .event-3 span {
            background: url(../img/design/event2-bot.png) no-repeat right;
            display: block;
            height: 12px;
            width: 355px;
            position: absolute;
            bottom: 0;
        }

    .line {
        display: block;
        clear: both;
        background: url(../img/design/line.gif) no-repeat left center;
        width: 967px;
        height: 8px;
        padding: 10px 0;
        margin-left: -3px;
    }

    .nav-content .line {
        background: url(../img/design/line-content.gif) no-repeat left center;
        width: 100%;
        margin-left: 0;
    }

    .col1 {
        float: left;
        width: 468px;
    }

    .col2 {
        float: right;
        width: 462px;
        padding: 0 0 0 20px;
    }

    .separated .col2 {
        background: url(../img/design/line-vert.gif) no-repeat 0 0;
    }

    .col2 h2 {
        font-family: 'hw';
        font-size: 2.5em;
        margin-top: 4px;
    }

    .newsletter {
        background: url(../img/design/newsletter.gif) no-repeat 0 0;
        padding: 0 0 0 20px;
        margin: 14px -10px 10px 0;
        min-height: 164px;
    }

        .newsletter h2 {
            margin: 0;
            padding: 20px 0 10px;
        }

        .newsletter p {
            margin-bottom: 7px;
        }

        .newsletter form {
            vertical-align: middle;
        }

        .newsletter .text {
            border: 1px solid #BBBBBA;
            width: 300px;
            padding: 4px 5px;
            line-height: 1.3;
            margin-right: 10px;
        }

        .newsletter label {
            display: none;
        }

        .newsletter .submit {
            border: none;
            color: #000;
            background: #fc0 url(../img/design/chevron.gif) no-repeat 10px 10px;
            padding: 5px 10px 6px 20px;
        }

            .newsletter .submit:hover, .newsletter .submit:focus {
                color: #fc0;
                background: #000 url(../img/design/chevron-yellow.gif) no-repeat 10px 10px;
            }

    /* Dropdown control */
    .selectBox-dropdown {
        min-width: 150px;
        min-height: 25px;
        position: relative;
        border: solid 1px #CCA300;
        line-height: 1.3;
        text-decoration: none;
        text-align: left;
        color: #000;
        outline: none;
        vertical-align: middle;
        background: #fff;
        display: inline-block;
        cursor: pointer;
        padding: 3px 5px 0;
    }

        .selectBox-dropdown:focus,
        .selectBox-dropdown:focus .selectBox-arrow {
            border-color: #666;
        }

        .selectBox-dropdown.selectBox-menuShowing {
            -moz-border-radius-bottomleft: 0;
            -moz-border-radius-bottomright: 0;
            -webkit-border-bottom-left-radius: 0;
            -webkit-border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .selectBox-dropdown .selectBox-label {
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
        }

        .selectBox-dropdown .selectBox-arrow {
            position: absolute;
            top: 0;
            right: 0;
            width: 30px;
            padding: 0;
            height: 100%;
            background: #fff url(../img/design/arrow-down.gif) 50% center no-repeat;
            border-left: solid 1px #CCA300;
        }

    /* Dropdown menu */
    .selectBox-dropdown-menu {
        position: absolute;
        z-index: 99999;
        max-height: 200px;
        min-height: 1em;
        border: solid 1px #000; /* should be the same border width as .selectBox-dropdown */
        background: #FFF;
        -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
        box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
        overflow: auto;
    }
    /* Inline control */
    .selectBox-inline {
        min-width: 150px;
        outline: none;
        border: solid 1px #BBB;
        background: #FFF;
        display: inline-block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        overflow: auto;
    }

        .selectBox-inline:focus {
            border-color: #666;
        }

    /* Options */
    .selectBox-options,
    .selectBox-options li,
    .selectBox-options li a {
        list-style: none;
        display: block;
        cursor: pointer;
        padding: 0;
        margin: 0;
    }

        .selectBox-options li a {
            font-size: 1em;
            line-height: 1.5;
            padding: 0 5px;
            white-space: nowrap;
            overflow: hidden;
        }

        .selectBox-options li.selectBox-hover a {
            background-color: #EEE;
        }

        .selectBox-options li.selectBox-disabled a {
            color: #888;
            background-color: transparent;
        }

        .selectBox-options li.selectBox-selected a {
            background-color: #C8DEF4;
        }

        .selectBox-options .selectBox-optgroup {
            color: #666;
            background: #EEE;
            font-weight: bold;
            line-height: 1.5;
            padding: 0 .3em;
            white-space: nowrap;
        }

    /* Disabled state */
    .selectBox.selectBox-disabled {
        color: #888 !important;
    }

    .selectBox-dropdown.selectBox-disabled .selectBox-arrow {
        opacity: .5;
        filter: alpha(opacity=50);
        border-color: #666;
    }

    .selectBox-inline.selectBox-disabled {
        color: #888 !important;
    }

        .selectBox-inline.selectBox-disabled .selectBox-options a {
            background-color: transparent !important;
        }

    .intro .bigButton {
        float: right;
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .user-choice {
        padding: 0 27px 23px;
        margin: 0 -2px;
        background: url(../img/design/i-am.jpg) no-repeat;
    }

        .user-choice h2 {
            font-family: 'hw';
            font-size: 2.5em;
            margin: 0;
            padding: 70px 0 0;
        }

        .user-choice span {
            display: inline-block;
            padding: 0 10px 0 0;
        }

    .cta, aside .submit,
    .submit-inpage,
    form .next {
        padding: 5px 10px 6px 20px;
        color: #000;
        background: #fc0 url(../img/design/chevron.gif) no-repeat 10px 50%;
        display: inline-block;
        text-decoration: none;
    }

    .back {
        background: #fc0 url(../img/design/back.gif) no-repeat 10px 50%;
    }

    .cta:hover, .cta:focus,
    .widget .cta:hover, .widget .cta:focus,
    aside .submit:hover, aside .submit:focus,
    .submit-inpage:hover, .submit-inpage:focus,
    form .next:hover, form .next:focus {
        color: #fff;
        background: #000 url(../img/design/chevron-white.gif) no-repeat 10px 50%;
        text-decoration: none;
    }

    .back:hover, .back:focus {
        background: #000 url(../img/design/back-on.gif) no-repeat 10px 50%;
    }

    .user-choice .cta {
        margin-left: 10px;
    }

    .ctas .cta {
        clear: both;
        float: left;
        margin-bottom: 10px;
    }

    input.cta {
        border: 0;
    }

    #news, #forum, #stories, #forum-alt, #stories-alt {
        float: left;
    }

    .nav-content #news {
        width: 468px;
        margin: 16px 0;
    }

    .nav-content .news-listing {
        width: 720px !important;
    }

    #news h2 {
        font-family: 'hw';
        font-size: 2.5em;
        margin: 0 0 10px;
    }

    .nav-content #news h2 {
        margin-top: 0;
    }

    #news ul, #forum ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    #news li {
        background: #fff url(../img/design/line-small.gif) no-repeat top;
        position: relative;
        padding: 12px 0 0 90px;
        min-height: 87px;
        overflow: hidden;
    }

    .nav-content .news-listing li {
        background: #fff url(../img/design/line-small-long.gif) no-repeat top !important;
    }

    #news li:first-child {
        background: none !important;
    }

    #news li a {
        text-decoration: none;
        color: #000;
        display: block;
    }

        #news li a:hover, #news li a:focus {
            color: #000;
        }

    #news li span {
        font-size: .8em;
        color: #4c4b4b;
        display: block;
    }

    #news li a h3 {
        color: #000;
        display: inline-block;
        background: #D6D5D1;
        padding: 3px 5px;
        margin: 0 0 4px;
        font-size: 1.1em;
        font-weight: normal;
    }

    #news li a:hover h3, #news li a:focus h3 {
        background: #fc0;
    }

    #news li .bodyText a {
        display: inline;
        color: #005ba8;
        text-decoration: underline;
    }

    #news li img, #news li .mask {
        position: absolute;
        top: 12px;
        left: 0;
        z-index: 1;
    }

    #news li .mask {
        display: block;
        height: 78px;
        width: 78px;
        background: url(../img/design/news-mask1.png);
        z-index: 2;
    }

    #news .second .mask {
        background: url(../img/design/news-mask2.png);
    }

    #news .third .mask {
        background: url(../img/design/news-mask3.png);
    }

    #news li p {
        margin: 0 0 10px;
        font-size: .9em;
    }

    .more {
        color: #000;
        padding-left: 10px;
        background: url(../img/design/chevron.gif) no-repeat 0 3px;
        text-decoration: none;
        font-size: .8em;
    }

        .more:hover, .more:focus {
            text-decoration: underline !important;
        }

    #spotlights .more {
        float: left;
        clear: both;
        margin: -10px 0 10px;
    }

    #forum, #forum-alt {
        background: url("../img/design/line-vert-small.gif") no-repeat scroll 0 0 transparent;
        margin-left: -19px;
        min-height: 360px;
        padding: 0 0 20px 24px;
        position: relative;
        width: 224px;
    }

        #forum h2, #forum-alt h2 {
            font-size: 2em;
        }

        #forum .cta, #stories .cta, #forum-alt .cta, #stories-alt .cta {
            font-size: .9em;
            padding: 2px 10px 3px 20px;
            background-position: 10px 6px;
        }

        #forum li {
            margin: 0 0 20px;
        }

        #forum .speech {
            color: #000;
            display: block;
            width: 210px;
            background: url(../img/design/bubble-top.gif) no-repeat 0 0;
            text-decoration: none;
            margin-bottom: -8px;
        }

            #forum .speech h3 {
                background: url(../img/design/bubble-bot.gif) no-repeat bottom;
                padding: 11px 15px 32px;
                margin: 0;
                font-size: .9em;
                font-weight: normal;
            }

        #forum .odd .speech {
            background: url(../img/design/bubble1-top.gif) no-repeat 0 0;
        }

            #forum .odd .speech h3 {
                background: url(../img/design/bubble1-bot.gif) no-repeat bottom;
                padding: 17px 15px 37px;
            }

        #forum .speech:hover, #forum .speech:focus {
            background: url(../img/design/bubble-top-on.gif) no-repeat 0 0;
        }

            #forum .speech:hover h3, #forum .speech:focus h3 {
                background: url(../img/design/bubble-bot-on.gif) no-repeat bottom;
            }

        #forum .odd .speech:hover, #forum .odd .speech:focus {
            background: url(../img/design/bubble1-top-on.gif) no-repeat 0 0;
        }

            #forum .odd .speech:hover h3, #forum .odd .speech:focus h3 {
                background: url(../img/design/bubble1-bot-on.gif) no-repeat bottom;
            }

        #forum .odd .cta {
            margin-left: 111px;
        }

        #forum .more, #stories .more, #forum-alt .more, #stories-alt .more {
            position: absolute;
            bottom: 10px;
            left: 24px;
        }

    #stories .more, #stories-alt .more {
        left: 24px;
    }

    #stories, #stories-alt {
        width: 209px;
        min-height: 360px;
        padding: 0 0 20px 24px;
        background: url(../img/design/line-vert-small.gif) no-repeat 0 0;
        position: relative;
    }

        #stories h2, #stories-alt h2 {
            font-size: 2em;
        }

        #stories blockquote {
            margin: 0;
            padding: 0 0 10px;
            font-size: 1.1em;
        }

            #stories blockquote:before {
                content: "";
                display: inline-block;
                height: 28px;
                width: 32px;
                margin-right: 10px;
                background: url(../img/design/quote-left.gif) no-repeat;
            }

            #stories blockquote:after {
                content: "";
                display: inline-block;
                height: 30px;
                width: 39px;
                margin: 0 0 -15px 5px;
                background: url(../img/design/quote-right.gif) no-repeat;
            }

        /*#stories span {
            display: block;
            font-size: .8em;
        }*/

        #stories ul {
            list-style: none;
        }

        #stories li {
            margin-bottom: 3px;
        }

        #stories .cta {
            margin: 20px 0 0;
        }

    #forum-alt p {
        padding-right: 18px;
        font-size: .9em;
    }

    #stories-alt p {
        font-size: .9em;
    }

    #forum-alt img, #stories-alt img {
        padding: 0 0 10px;
    }

    #forum-alt ul, #stories-alt ul {
        padding: 0 20px;
        font-size: .9em;
    }

    #forum-alt li, #stories-alt li {
        padding-bottom: 5px;
    }

    #poll label {
        display: block;
        padding: 4px 0;
    }

    #poll .submit,
    aside .submit,
    .submit-inpage {
        border: none;
        margin: 5px 10px 0;
        text-decoration: none;
    }

    #poll .results ul {
        margin: 0;
        padding: 0;
        width: 80%;
    }

        #poll .results ul li {
            list-style: none;
        }

    #poll .results .scorebar {
        position: relative;
        height: 7px;
        background: #ffcc00;
        border-bottom: solid 3px rgb(172, 128, 62);
        margin-top: 4px;
    }

        #poll .results .scorebar span {
            font-weight: bold;
            position: absolute;
            right: -38px;
            top: 0;
            line-height: 10px;
        }

    .poll .radiobuttonlist input {
        clear: left;
    }

    /* for 'Thank you for voting' text */
    #poll .results p {
        margin-top: .75em;
        font-weight: bold;
    }

    /* =============== landing page modules =============== */
    .forum-link {
        display: inline-block;
        color: #000;
        background: #f0f0f0;
        border: 1px solid #0074AD;
        border-radius: 3px 3px 3px 3px;
        margin: 15px 0 0;
        padding: 5px 20px;
        text-decoration: none;
    }

        .forum-link:hover, .forum-link:focus {
            background: #ccc;
        }

    #spotlights, #spotlights-pub {
        clear: both;
        margin: 16px 0 0;
        float: left;
        width: 100%;
    }

        #spotlights ul, #spotlights-pub ul {
            margin: 0 0 16px;
            padding: 0;
            list-style: none;
            overflow: hidden;
        }

        #spotlights li, #spotlights-pub li {
            float: left;
            width: 220px;
            margin-left: 30px;
            position: relative;
        }

            #spotlights li:first-child, #spotlights-pub li:first-child {
                margin-left: 0;
            }

    .nav-content-aside #spotlights li:nth-child(odd),
    .nav-content-aside #spotlights-pub li:nth-child(odd) {
        margin-left: 0;
    }

    .nav-content-aside #spotlights li:nth-child(odd),
    .nav-content-aside #spotlights-pub li:nth-child(odd) {
        clear: left;
    }

    #spotlights span, #spotlights-pub span {
        position: absolute;
        display: block;
        height: 95px;
        width: 220px;
        background: url(../img/design/spotlight-mask.png) no-repeat 0 0;
    }

    #spotlights-pub span {
        height: 230px;
        width: 164px;
        background: url(../img/design/pub-mask1.png) no-repeat 0 0;
    }

    #spotlights .second span {
        background: url(../img/design/spotlight-mask1.png) no-repeat 0 0;
    }

    #spotlights-pub .second span {
        background: url(../img/design/pub-mask2.png) no-repeat 0 0;
    }

    #spotlights .third span {
        background: url(../img/design/spotlight-mask2.png) no-repeat 0 0;
    }

    #spotlights-pub .third span {
        background: url(../img/design/pub-mask3.png) no-repeat 0 0;
    }

    #spotlights .fourth span {
        background: url(../img/design/spotlight-mask3.png) no-repeat 0 0;
    }

    #spotlights-pub .fourth span {
        background: url(../img/design/pub-mask4.png) no-repeat 0 0;
    }

    #spotlights h2 {
        font-size: 1.2em;
        margin: 5px 0;
    }

    #spotlights a, #spotlights p a:hover, #spotlights p a:focus {
        text-decoration: none;
    }

        #spotlights a:hover h2, #spotlights a:hover h2, #spotlights p a {
            text-decoration: underline;
        }

        #spotlights a p {
            font-size: .9em;
            margin: 0;
        }

    #promo {
        float: right;
        margin: 30px 0 16px;
    }

    #campaigns, #profiles {
        float: left;
        width: 100%;
        clear: both;
        margin: 16px 0 0;
    }

        #profiles > div {
            float: left;
            width: 342px;
            padding: 0 16px 0 0;
        }

        #profiles h2 {
            font-size: 1.2em;
        }

        #profiles h3 {
            font-size: 1em;
            margin: 5px 0;
        }

        #profiles img {
            float: left;
            margin: 0 16px 10px 0;
        }

        #profiles p {
            font-size: .9em;
        }

    /* Added by  Unified 08/08/2014  to fix Regional Profile Issues CFCT-6 */

    .profile-info {
        float: right;
        width: 245px;
        margin-bottom: 10px;
    }

    .profile-info-line {
        word-wrap: break-word;
    }

    #profiles p {
        clear: both;
    }

    /* =============== aside =============== */
    .regional-related {
        float: right;
        width: 235px;
        padding: 0 0 20px;
    }

    .widget {
        background: url(../img/design/aside-top.gif) no-repeat top right;
        padding: 16px 16px 20px 30px;
        margin-bottom: 16px;
        overflow: hidden;
        position: relative;
    }

        .widget .bot {
            background: url(../img/design/aside-bot.gif) no-repeat bottom right;
            position: absolute;
            display: block;
            height: 20px;
            width: 100%;
            bottom: 0;
            right: 0;
        }

    .widget-alt {
        background: url(../img/design/aside-top1.gif) no-repeat top right;
    }

        .widget-alt .bot {
            background: url(../img/design/aside-bot1.gif) no-repeat bottom right;
        }

    .widget h2 {
        margin: 0 0 10px;
        font-size: 1.1em;
    }

    .widget-solid {
        background: url(../img/design/aside-solid-top-grey.png) no-repeat top right;
    }

        .widget-solid.grey {
            background: url(../img/design/aside-solid-top-grey.png) no-repeat top right;
        }

        .widget-solid .bot.grey {
            background: url(../img/design/aside-solid-bot-grey.png) no-repeat top right;
        }

        .widget-solid .bot {
            background: url(../img/design/aside-solid-bot.png) no-repeat bottom right;
        }

        .widget-solid h2 {
            font-family: 'hw';
            font-size: 1.7em;
            margin-top: 5px;
        }

    .widget ul {
        font-size: .9em;
        padding: 0 0 0 20px;
        margin: 0;
    }

    .widget li {
        margin-bottom: 5px;
    }

    .widget a {
        text-decoration: none;
    }

        .widget a:hover, .widget a:focus {
            text-decoration: underline;
        }

        .widget a span {
            color: #6D6D6D;
            font-size: .8em;
            text-transform: uppercase;
        }

    aside p, aside #poll p {
        font-size: .9em;
        margin: 0 0 10px;
    }

    aside label {
        font-size: .9em;
    }

    aside #poll .submit {
        margin: 5px 0 0;
    }

    aside .text {
        font-size: .9em;
    }

    aside .email {
        border: 1px solid #CCA300;
        line-height: 1.3;
        padding: 4px 5px;
        width: 170px;
    }
    /* =============== listing =============== */
    .listing {
        overflow: hidden;
        margin-bottom: 6px;
        position: relative;
    }

        .listing .mask {
            position: absolute;
            top: 0;
            left: 0;
            width: 100px;
            height: 140px;
            display: block;
            background: url(../img/design/listing-mask1.png) no-repeat;
        }

    .listing-2 .mask {
        background: url(../img/design/listing-mask2.png) no-repeat;
    }

    .listing-3 .mask {
        background: url(../img/design/listing-mask3.png) no-repeat;
    }

    #spotlights + .listing {
        clear: left;
        padding-top: 16px;
    }

    .listing img {
        float: left;
        margin: 0 16px 10px 0;
    }

    .listing span {
        color: #4c4b4b;
        font-size: .9em;
    }

    .listing .info {
        font-size: .7em;
        text-transform: uppercase;
    }

    .listing h2, .listing h3 {
        margin: 10px 0;
        font-size: 1.2em;
        line-height: 1.4;
    }

        .listing h2 a {
            color: #000;
            background: #D6D5D1;
            padding: 3px 5px;
            margin: 0 0 4px;
            font-size: 1.1em;
            font-weight: normal;
            text-decoration: none;
        }

            .listing h2 a:hover, .listing h2 a:focus {
                background: #fc0;
            }

    .event-listing-1 .mask, .event-listing-2 .mask, .event-listing-3 .mask {
        position: absolute;
        display: block;
        width: 200px;
        height: 150px;
        top: 0;
        left: 0;
        background: url(../img/design/event-listing-mask1.png) no-repeat;
    }

    .event-listing-2 .mask {
        background: url(../img/design/event-listing-mask2.png) no-repeat;
    }

    .event-listing-3 .mask {
        background: url(../img/design/event-listing-mask3.png) no-repeat;
    }

    .search-listing {
        background: url("../img/design/line-results.gif") no-repeat center top;
        padding: 10px 0 15px;
    }

    .pagination + .search-listing {
        background: none;
        padding-top: 0;
    }

    .search-listing img {
        max-width: 200px;
        max-height: 150px;
    }

    /* =============== Pagination =============== */
    .pagination {
        background: url(../img/design/line.gif) no-repeat;
        padding: 0px;
        margin: 10px 0 0;
        clear: both;
        text-align: right;
        font-size: .8em;
    }

        .pagination ul, .pagination li, .pagination a {
            display: inline-block;
            padding: 0;
            margin: 0;
        }

        .pagination ul, .pagination p {
            padding: 10px 0;
            width: 100%;
            background: url(../img/design/line.gif) no-repeat bottom;
        }

        .pagination p {
            width: auto;
            margin: 0;
            padding: 12px 5px 12px 0;
            color: #4c4b4b;
        }

        .pagination li {
            margin-left: 2px;
        }

        .pagination a {
            color: #4c4b4b;
            padding: 3px 6px;
            text-decoration: none;
            margin-left: 5px;
        }

        .pagination .current a {
            color: #000;
            background: #fc0;
        }

        .pagination li a {
            margin: 0;
        }

        .pagination a:hover, .pagination a:focus {
            border-color: #D6D5D1;
            background: #D6D5D1;
        }

        .pagination a:active {
            box-shadow: none;
        }

        .pagination .prev-page a {
            padding-left: 15px;
            margin-right: 10px;
            background: url(../img/design/back-grey.gif) no-repeat 5px 7px;
        }

            .pagination .prev-page a:hover, .pagination .prev-page a:focus {
                color: #000;
                background: #D6D5D1 url(../img/design/back.gif) no-repeat 5px 7px;
            }

        .pagination .next-page a {
            padding-right: 15px;
            margin-left: 10px;
            background: url(../img/design/next-page.gif) no-repeat right 7px;
        }

            .pagination .next-page a:hover, .pagination .next-page a:focus {
                color: #000;
                background: #D6D5D1 url(../img/design/next-page-on.gif) no-repeat right 7px;
            }
    /* =============== FAQ =============== */
    #faq div {
        padding: 0 0 0 15px;
    }

    #faq .expand {
        padding: 0 0 0 15px;
        background: url(../img/design/chevron-blue.gif) no-repeat 0 6px;
        text-decoration: none;
    }

    #faq .open {
        background: url(../img/design/chevron-blue-down.gif) no-repeat 0 8px;
    }

    #faq .expand:hover, #faq .expand:hover {
        text-decoration: underline;
    }

    #faq h2 {
        font-size: 1.2em;
        margin: 10px 0;
    }
    /* =============== forms =============== */
    .steps {
        overflow: hidden;
        margin: 10px 0;
        font-size: 1.1em;
        position: relative;
    }

        .steps span {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 8px;
            background: url(../img/design/steps-top.png) no-repeat 0 0;
        }

        .steps .bot {
            position: absolute;
            top: auto;
            bottom: 0;
            display: block;
            width: 100%;
            height: 8px;
            background: url(../img/design/steps-bot.png) no-repeat 0 0;
        }

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

        .steps li {
            float: left;
            color: #000;
            background: #D6D5D1 url(../img/design/steps.gif) no-repeat center right;
            padding: 10px 30px 13px 18px;
            margin: 0;
        }

        .steps .last {
            background: #D6D5D1 url(../img/design/steps-last.gif) no-repeat center right;
        }

        .steps .current {
            color: #fc0;
            background: #000 url(../img/design/steps-current.gif) no-repeat center right;
        }

        .steps .current-last {
            color: #fff;
            background: #000 url(../img/design/steps-current-last.gif) no-repeat center right;
        }

        .steps .done {
            background: #fc0 url(../img/design/steps-done.gif) no-repeat center right;
        }

        .steps .done-last {
            background: #fc0 url(../img/design/steps-done-last.gif) no-repeat center right;
        }

    .donation-type {
        float: right;
        position: relative;
        width: 212px;
        background: url(../img/design/donate-top.gif) no-repeat 0 0;
        padding: 30px 113px 21px 20px;
        min-height: 126px;
    }

        .donation-type ul {
            padding: 0 0 0 26px;
        }

        .donation-type .bot {
            position: absolute;
            display: block;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 11px;
            background: url(../img/design/donate-bot.gif) no-repeat 0 0;
        }

        .donation-type img {
            position: absolute;
            top: 0;
            right: 0;
        }

    .donation-type-1 {
        float: left;
        width: 215px;
        background: url(../img/design/donate-top1.gif) no-repeat 0 0;
        padding: 30px 113px 21px 20px;
    }

        .donation-type-1 .bot {
            left: -3px;
            height: 10px;
            background: url(../img/design/donate-bot1.gif) no-repeat 0 0;
        }

        .donation-type-1 img {
            top: -6px;
            right: 3px;
        }

    .donation-type label, .donation-type h2 {
        font-size: 1.3em;
        font-weight: bold;
        width: 100%;
        display: block;
    }

    .donation-type h2 {
        font-family: 'hn', Arial, sans-serif;
        margin: 0;
    }

    .donation-type input {
        float: left;
        margin: 5px 10px 0 0;
    }

    .donation-type p {
        font-size: .9em;
        font-weight: bold;
        margin: 6px 0 0;
    }

    .donation-type .cta.border-on {
        margin-top: 10px;
        border: 1px solid #000;
    }

    .amounts label {
        float: left;
        width: 140px;
        margin: 0 20px 10px 0;
        padding: 20px 0 8px 10px;
        background: url(../img/design/amount1.gif) no-repeat 0 0;
        font-size: 1.2em;
        font-family: 'hw';
        min-height: 45px;
    }

    .regular-donation-only h2 {
        margin-top: 0;
    }

    .amounts .amount4 {
        width: 30px;
        margin-right: 0;
        background: url(../img/design/amount4.gif) no-repeat 0 0;
    }

    .amounts input {
        float: left;
        margin: 5px 10px 0 10px;
    }

    .amount-other {
        float: left;
        width: 150px;
        padding: 16px 0 16px 10px;
        background: url(../img/design/amount4.gif) no-repeat top right;
    }

    .amounts label.frequency {
        background: url(../img/design/amount4.gif) no-repeat top right;
        width: 206px;
    }

    .amount-other input {
        width: 100px;
        padding: 5px;
        border: 1px solid #BBBBBA;
    }

    .amount-chosen {
        padding-top: 5px;
    }

        .amount-chosen p {
            background: url(../img/design/amount-chosen.gif) no-repeat 0 0;
            float: left;
            width: 200px;
            font-size: 1.2em;
            padding: 4px;
            margin: -5px 0 0;
        }

    .form-generic {
        position: relative;
        background: url(../img/design/form-top.gif) no-repeat 0 0;
        width: 492px;
        padding: 32px 20px 0;
        margin-bottom: 40px;
    }

    .existing-donor-login label {
        clear: left;
        float: left;
        font-size: .9em;
        margin-top: 5px;
    }

    a.forgot-pw {
        display: block;
        clear: both;
        padding-top: 4px;
        font-size: 0.8em;
    }

    .form-generic h2 {
        margin-top: 0;
    }

    .form-actions {
        text-align: right;
    }

        .form-actions a.donation-next1.active, .form-actions a.donation-regular-next.active {
            display: inline-block;
        }

    .form-generic .form-actions {
        background: #fff url(../img/design/form-bot.gif) no-repeat 0 0;
        padding-top: 52px;
        margin: -15px -20px 0;
        text-align: right;
    }

    .nav-content-aside .form-generic {
        background: url(../img/design/form-small-top.gif) no-repeat 0 0;
        width: 428px;
    }

        .nav-content-aside .form-generic .form-actions {
            background: #fff url(../img/design/form-small-bot.gif) no-repeat 0 0;
        }

    .form-events {
        position: relative;
        width: 677px;
        background: #fff url(../img/design/events-top.gif) no-repeat top right;
        padding: 30px 0 0 40px;
        margin-bottom: 30px;
        min-height: 126px;
    }

        .form-events .form-actions {
            width: 717px;
            padding-top: 30px;
            margin-left: -40px;
            background: #fff url(../img/design/events-bot.gif) no-repeat 0 0;
        }

    .form-search .form-actions {
        margin: 0 -20px 0 -40px;
    }

    .form-events img {
        position: absolute;
        right: -3px;
        top: -30px;
    }

    .form-events .text-long label {
        width: 130px;
    }

    .form-search .text-long label {
        width: 151px;
    }

    .form-events .text-long input {
        width: 292px;
        margin-bottom: 10px;
    }

    .form-events .f-row label {
        text-align: left;
    }

    .search-label {
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .form-search .select-left, .form-search .select-right {
        float: left;
        width: 250px;
        clear: none;
    }

        .form-search .select-right label {
            width: 95px;
        }

        .form-search .select-left label {
            width: 95px;
        }

    .form-search .f-row select {
        width: 100%;
        max-width: none;
    }

    .form-search .search-label {
        margin: 20px;
    }

    .form-events-col-1, .form-events-col-2 {
        float: left;
        width: 240px;
        padding-bottom: 20px;
    }

        .form-events-col-1 select {
            width: 100%;
        }

    .form-events-col-2 {
        padding-left: 20px;
    }

        .form-events-col-1 .f-row, .form-events-col-2 .f-row {
            margin-bottom: 10px;
        }

            .form-events-col-1 .f-row label {
                width: 85px;
            }

            .form-events-col-2 .f-row label {
                width: 80px;
            }

            .form-events-col-2 .f-row input {
                width: 100px;
                clear: both;
                margin-top: 1px;
                margin-bottom: 10px;
            }

    .f-row {
        clear: both;
        margin: 0 0 15px;
    }

        .f-row p {
            padding-left: 10px;
        }

    .warning {
        margin-bottom: 20px;
    }

    .cancel-payment-confirm {
        display: none;
        position: absolute;
        bottom: -10px;
        right: 0;
        width: 250px;
        border: 1px solid #B94A48;
        background: #FFEEEE;
        color: #B94A48;
        padding: 10px;
        text-align: center;
    }

        .cancel-payment-confirm .submit-inpage {
            background: #fc0;
            padding-left: 10px;
        }

            .cancel-payment-confirm .submit-inpage:hover, .cancel-payment-confirm .submit-inpage:focus {
                background: #000;
            }

    .f-row label, .f-row .label {
        float: left;
        width: 151px;
        text-align: left;
        margin-right: 10px;
        position: relative;
        padding-left: 0;
        margin-bottom: 1px;
        font-size: 0.8em;
    }

    .wide-labels .f-row label {
        width: 185px;
    }

    .wide-labels .checkbox label {
        width: 430px;
    }

    .wide-labels .f-row .copy-small {
        margin-left: 185px;
    }

    .wide-labels .f-row .boxRow {
        width: 290px;
    }

    .boxRow {
        float: left;
        width: 330px;
    }

        .boxRow input, .boxrow input {
            float: left;
            margin: 2px 10px 0 0;
        }

        .boxrow input {
            margin-right: 5px;
        }

    .f-row .boxRow.radio-stack label {
        clear: both;
        display: block;
        margin-bottom: 5px;
    }

    .filter-box.form-search .f-row label {
        text-align: left;
        width: auto;
    }

    .form-search .text-long input {
        clear: left;
    }

    .form-search label {
        margin-bottom: 4px;
    }

    #gift-aid img {
        position: relative;
        display: block;
        width: 99px;
        height: 35px;
        margin-left: 43px;
    }

    #gift-aid div {
        width: 90%;
        margin: 0 auto;
    }

        #gift-aid div p {
            margin: 10px auto 15px;
            padding-left: 0;
            clear: none;
        }

    .gift-aid-logo, .addChild {
        margin-bottom: 10px;
        display: block;
    }

    .f-row .boxRow label, #colorbox .f-row .boxRow label {
        width: auto;
        text-align: left;
        margin: 0 10px 0 5px;
        float: left;
    }

        .f-row .boxRow label span {
            position: static;
        }

        .f-row .boxRow label input {
            margin-right: 5px;
        }

    #colorbox .f-row label, #colorbox .f-row .label {
        width: 215px;
    }

    span.requiredq {
        position: relative;
        left: 0;
        color: red;
    }

    .f-row input, .f-row select {
        font-size: .8em;
    }

    .f-row select, .pcode input[type=text] {
        border: 1px solid #666666;
    }

    .f-row select {
        min-width: 222px;
        max-width: 222px;
    }

    .lt-ie9 .f-row select {
        max-width: 492px;
    }

    .f-row button, .addChild {
        font-size: .8em;
    }

    #careProfessional, #cfLink {
        width: 199px;
    }

    .f-row .card-number, .f-row .card-date {
        width: 40px;
        padding: 0 2px;
        margin: 0 2px;
    }

    .f-row .card-date {
        width: 30px;
    }

    .f-row select.country, .f-row select.country option {
        width: 222px;
    }

    .f-row.pcode input {
        float: left;
        margin-right: 10px;
        width: 5em;
        padding: 2px 4px;
        text-transform: uppercase;
    }

    .f-row.pcode button {
        float: left;
    }

    .f-row.pcode input[type=submit] {
        width: 100px;
        text-transform: none;
    }

    .text input, .text textarea {
        float: left;
        border: 1px solid #666;
        width: 212px;
        font-size: .8em;
        padding: 2px 4px;
    }

    .lt-ie9 .text input, .lt-ie9 .text textarea {
        font-family: Arial !important;
    }

    /* added by Sara */
    .text input.jOff-connection {
        float: right;
        width: 105px;
    }

    /* added by Sara */
    .regular-donation-jsoff, single-donation-jsoff {
        margin-top: 70px;
    }

    .text .tel {
        width: auto;
        margin-right: 10px;
    }

    .text .tel-long {
        width: 149px;
    }

    .text textarea {
        width: 240px;
    }

    .text .copy-small {
        width: 260px;
        float: left;
        clear: both;
        margin: 5px 0 0 152px;
        font-size: 0.7em;
    }

    .text input.postCode {
        width: 140px;
        margin-right: 10px;
    }

    .checkbox input {
        float: left;
        margin: 2px 10px 0 0;
    }

    .checkbox .copy-small {
        float: left;
        margin: 5px 0 5px 35px;
        clear: both;
        display: block;
        font-size: 0.7em;
    }

    .thankShare h3 {
        font-size: 1em;
        display: inline-block;
        float: left;
    }

    #colorbox .checkbox input {
        margin-left: 225px;
    }

    .checkbox label {
        width: 430px;
        text-align: left;
        margin: 0;
    }

    .nav-content-aside .checkbox label {
        width: 370px;
    }

    #colorbox .checkbox label {
        width: 250px;
    }

    .radio div {
        padding-left: 161px;
    }

    #colorbox .radio div {
        padding-left: 225px;
    }

    .radio label, #colorbox .radio label {
        width: auto;
    }

    .f-row .submit-inpage {
        display: inline-block;
        font-size: 1em;
    }

    .submit-inpage + .submit-inpage {
        margin-left: 10px;
        border: none;
    }

    .modal-prev {
        float: left;
    }

    .modal-next {
        float: right;
    }

    .modal-open {
        margin-bottom: 16px;
    }

    .modal-submit {
        float: right;
    }

    .copy-small {
        font-size: 0.7em;
        line-height: 1.3;
    }

    .statement {
        margin-bottom: 15px;
        padding: 0 10px 0 20px;
    }

    div.personal-info {
        margin-bottom: 20px;
    }

    .date input {
        width: 100px;
        border: 1px solid #000;
    }

    table {
        font-size: .8em;
    }

    .error, .passwordError p {
        float: left;
        clear: both;
        width: 406px;
        padding: 5px 10px;
        margin-top: 5px;
        border: 1px solid #B94A48;
        color: #B94A48;
        background: #FEE;
    }

    .passwordError p {
        width: 280px;
        font-size: 80%;
    }

    p.error {
        float: none;
        border-width: 2px;
        width: auto;
    }

    .form-donate .error {
        float: right;
        width: 175px;
        margin: -10px 10px 0;
    }

    .form-donate h2 {
        font-size: 1.3em;
    }

    img.frsb {
        float: left;
        margin-bottom: -40px;
    }

    body #contour small {
        padding: 0;
        margin: 10px 0 0;
        font-size: 80%;
    }

    body #contour .contourField div label {
        font-size: .8em;
    }

    #poll #contour .radiobuttonlist input {
        margin: 5px 5px 0 0;
    }

    #poll #contour span.radiobuttonlist label {
        margin: 0;
        width: 170px;
    }

    .results label {
        cursor: auto;
    }

    .nav-content-aside #contour fieldset {
        width: 428px;
        background: url("../img/design/form-small-top.gif") no-repeat;
    }

    .nav-content-aside div.checkbox label.fieldLabel {
        width: 365px !important;
    }

    .nav-content-aside .contourNavigation {
        width: 468px;
        background: url("../img/design/form-small-bot.gif") no-repeat;
    }

    body #contour fieldset {
        padding-top: 40px;
    }

    body #contour legend {
        margin: 0 0 20px;
        float: left;
    }
    /* =============== feedback =============== */

    .feedback-block {
        clear: both;
    }

        .feedback-block .tab {
            margin: 0;
            text-align: right;
        }

            .feedback-block .tab a {
                display: block;
                font-weight: normal;
                display: inline-block;
                background: #595959;
                color: white;
                padding: 4px 7px;
                font-size: 17px;
                font-family: hn-bold;
                text-decoration: none;
                box-shadow: -2px 2px 6px -3px #595959;
                border: 1px solid #333;
                border-bottom: none;
            }

    .js .feedback-block {
        position: fixed;
        right: 0;
        bottom: 0;
        z-index: 101;
    }

        .js .feedback-block .tab {
        }

    .feedback-form {
        width: 460px;
        border: solid 4px #595959;
        background: #EAEAE8;
        padding: 16px;
    }

    .js .feedback-block .title {
        display: none;
    }

    .js .feedback-form {
        display: none;
    }

    .js .feedback-open .feedback-form {
        display: block;
    }

    .big-drawn-button {
        width: 193px;
        height: 70px;
        font-family: "hw";
        font-size: 2.1em;
        display: block;
        color: #000;
        background: url(../img/design/donate.png) no-repeat;
        text-decoration: none;
        padding-left: 25px;
        text-align: left;
        border: 0;
    }

        .big-drawn-button:hover, .big-drawn-button:focus {
            color: #fff;
            background: url(../img/design/donate-on.png) no-repeat;
        }

    .no-js .feedback-block {
        padding-top: 40px;
        background: url(../img/design/line.gif) no-repeat center 15px;
        width: 960px;
        margin: 0 auto;
    }

        .no-js .feedback-block .tab {
            position: fixed;
            right: 0;
            bottom: 0;
        }

    .no-js .feedback-form {
        float: left;
        margin: 0 auto 0;
        position: relative;
        padding-top: 45px;
    }

    .no-js .feedback-block .title {
        position: absolute;
        left: 0;
        top: 0;
        background: #FC0;
        height: 38px;
        line-height: 38px;
        padding: 0 10px;
        font-size: 21px;
        margin: 0;
    }
    /* Star rating */
    .star-rating {
        width: 17px;
        height: 17px;
        float: left;
        text-indent: -999em;
    }

        .star-rating a {
            display: block;
            width: 16px;
            height: 100%;
            background: url(../img/design/star.gif) no-repeat left top;
            cursor: pointer;
        }

    .star-rating-hover a {
        background-position: 0 -32px;
    }

    .star-rating-on a {
        background-position: 0 -16px;
    }

    .stars label {
        width: auto;
        height: 24px;
        margin-right: 0;
    }

    .feedback-block .stars input {
        float: left;
        height: 24px;
        margin-right: 16px;
        margin-left: 4px;
    }

    .js .stars label {
        display: none;
    }

    /* =============== Forgot your password? =============== */

    .form-password {
        padding-bottom: 20px;
    }

        .form-password .text {
            width: 380px;
            border: 1px solid #666;
            padding: 4px;
            margin: 0 10px 8px 0;
        }

    /* =============== Event-payment table =============== */

    table#event-payment {
        width: 100%;
    }

        table#event-payment th {
            font-size: 0.8em;
            text-align: center;
        }

        table#event-payment td, table#event-payment th {
            padding: 8px;
            text-align: center;
        }

        table#event-payment tr {
            border-bottom: 1px solid white;
        }

            table#event-payment tr.alt {
                background: #F3F2EC;
            }

    /* =============== footer =============== */
    #site-footer .wrap {
        background: url(../img/design/line.gif) no-repeat top center;
        padding: 60px 0 20px;
        width: 967px;
    }

    #nav-footer {
        float: left;
        width: 680px;
    }

    #site-footer ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    #site-footer .wrap li, #site-footer .wrap a {
        float: left;
    }

    #nav-footer a {
        padding: 5px 10px 5px 10px;
        text-decoration: none;
        font-size: .8em;
        color: #000;
    }

    #nav-footer li:first-child a {
        padding-left: 0;
    }

    #nav-footer a:hover, #nav-footer a:focus {
        text-decoration: underline;
    }

    #social {
        float: right;
        width: 266px;
        margin-top: -5px;
    }

        #social a {
            width: 32px;
            height: 32px;
            margin: 0 0 0 6px;
            background: url(../img/design/social.gif);
        }

            #social a:hover, #social a:focus {
                background-position: 0 -32px;
            }

        #social .twitter {
            background-position: -32px 0;
        }

            #social .twitter:hover, #social .twitter:focus {
                background-position: -32px -32px;
            }

        #social .flickr {
            background-position: -64px 0;
        }

            #social .flickr:hover, #social .flickr:focus {
                background-position: -64px -32px;
            }

        #social .youtube {
            background-position: -96px 0;
        }

            #social .youtube:hover, #social .youtube:focus {
                background-position: -96px -32px;
            }

        #social .blogger {
            background-position: -128px 0;
        }

            #social .blogger:hover, #social .blogger:focus {
                background-position: -128px -32px;
            }

        #social .everyclick {
            background-position: -160px 0;
        }

            #social .everyclick:hover, #social .everyclick:focus {
                background-position: -160px -32px;
            }

        #social .skype {
            background-position: -192px 0;
        }

            #social .skype:hover, #social .skype:focus {
                background-position: -192px -32px;
            }

    #site-footer p {
        clear: both;
        padding: 15px 0;
        margin: 0;
        font-size: .7em;
        float: left;
    }
    /* =============== map / regions =============== */
    .map {
        margin: 0 auto;
        display: block;
    }

    .no-js .map {
        opacity: 1 !important;
    }

    .map-wrap {
        position: relative;
        margin-left: 50px;
    }

    .map-labels {
        height: 0;
    }

        .map-labels li {
            list-style: none;
        }

        .map-labels a {
            position: absolute;
            font-family: "hn-bold";
            text-decoration: none;
            font-size: .9em;
            color: #000;
            -webkit-transition: opacity 400ms;
            -moz-transition: opacity 400ms;
            transition: opacity 400ms;
        }

    .js .map-labels a {
        visibility: hidden;
        opacity: 0;
    }

        .js .map-labels .active, .js .map-labels a:hover, .js .map-labels a:focus {
            visibility: visible;
            opacity: 1;
        }

    .map-labels a:focus {
        text-decoration: underline;
    }

    #northlabel {
        position: absolute;
        left: 400px !important;
        top: 200px !important;
        display: none;
    }

    #southlabel {
        position: absolute;
        left: 500px !important;
        top: 950px !important;
        display: none;
    }

    #westlabel {
        position: absolute;
        left: 180px !important;
        top: 825px !important;
        display: none;
    }

    #eastlabel {
        position: absolute;
        left: 600px !important;
        top: 600px !important;
        display: none;
    }

    .newmaplabel {
        font-family: "hn-bold" !important;
        text-decoration: none !important;
        font-size: 1.3em !important;
        color: #000 !important;
        -webkit-transition: opacity 400ms !important;
        -moz-transition: opacity 400m !importants;
        transition: opacity 400ms !important;
    }

    #label-central-midlands {
        left: 453px;
        top: 506px;
    }

    #label-east-midlands-and-south-yorkshire {
        top: 469px;
        left: 440px;
    }

    #label-east-of-england {
        top: 615px;
        left: 520px;
    }

    #label-greater-london {
        top: 651px;
        left: 492px;
    }

    #label-greater-manchester {
        top: 458px;
        left: 110px;
    }

    #label-north-east-and-yorkshire {
        top: 313px;
        left: 348px;
    }

    #label-north-west-and-cumbria {
        top: 475px;
        left: 55px;
    }

    #label-northern-ireland {
        top: 440px;
        left: -50px;
    }

    #label-scotland {
        top: 82px;
        left: 250px;
    }

    #label-south-central {
        top: 715px;
        left: 493px;
    }

    #label-south-east {
        left: 383px;
        top: 746px;
    }

    #label-south-west {
        top: 690px;
        left: 85px;
    }

    #label-wales {
        top: 579px;
        left: 129px;
    }

    #label-west-midlands {
        top: 556px;
        left: 83px;
    }

    /* =============== donation form misc styles =============== */

    form {
        font-family: hn;
    }

    .form-generic p {
        font-size: 0.8em;
    }

    h2.form-heading {
        font-size: 1em;
    }

    h2.form-sub-heading {
        font-size: 0.8em;
    }

    .copy-small input {
        margin-right: 10px;
    }

    .card-date {
        text-align: center;
    }

    div.f-row .extraInfo-slimJim {
        width: auto;
        display: block;
        clear: left;
        margin-top: 10px;
    }

    html.js body.nav-content div#main div.wrap section#content.content form.clearfix div.f-row label.extraInfo-slimJim input {
        width: auto;
        clear: both;
        margin: 3px 10px 0 0;
        float: left;
    }

    div.f-row label.extraInfo-slimJim {
        width: 382px;
    }
    /*prev 300px*/
    label.full-width {
        width: 100%;
    }

    span.review-title {
        text-align: right;
        display: inline-block;
        margin-right: 10px;
    }

    .form-page table {
        margin-bottom: 20px;
    }

        .form-page table td {
            padding: 5px 30px 5px 0; /* font-size:0.8em; */
        }

    td.review-title, .review-amount-title {
        width: 200px;
        color: #6B6B6B;
        padding-right: 20px;
    }

    .review-amount-title {
        padding: 5px 20px 5px 0;
    }

    .form-btn {
        background: url("../img/design/chevron.gif") no-repeat scroll 10px 10px #FFCC00;
        color: #000000;
        display: inline-block;
        padding: 5px 10px 6px 20px;
        text-decoration: none;
        border: none;
        font-weight: bold;
    }

        .form-btn:hover {
            background: url("../img/design/chevron-white.gif") no-repeat scroll 10px 10px #000;
            color: #fff;
            display: inline-block;
            padding: 5px 10px 6px 20px;
            text-decoration: none;
            border: none;
            font-weight: bold;
        }

    table tbody td.review-answer a.submit-inpage {
        margin: 0 !important;
    }

    .amount-contain {
        overflow: hidden;
        margin-bottom: 30px;
        font-size: .8em;
    }

    .review-amount-title {
        display: inline-block;
        color: #222222;
        float: left;
        clear: both;
    }

    .review-amount-value, .review-amount {
        display: inline-block;
        background: url("../img/design/amount-chosen.gif") no-repeat scroll 0 0 transparent;
        padding: 5px 10px;
        float: left;
    }

    .review-amount {
        background: none;
        padding-left: 0;
    }

    ::-webkit-input-placeholder {
        color: #6B6B6B;
    }

    :-moz-placeholder {
        color: #6B6B6B;
    }

    .help-trigger:hover .hover-tip {
        display: block;
    }

    .hover-tip {
        background-color: #FFCC00;
        font-size: 0.8em;
        position: absolute;
        left: 40px;
        top: -12px;
        width: 230px;
        border-radius: 1px 1px 1px 1px;
        display: none;
    }

        .hover-tip.event-pay {
            top: -12px;
            left: 40px;
        }

    .help-trigger {
        font-size: 0.9em;
        font-weight: 700;
        margin-left: 4px;
        color: #666;
        text-decoration: none;
        position: relative;
        vertical-align: top;
    }

        .help-trigger p {
            margin: 0;
            padding: 0;
            color: #222;
            font-weight: 400;
            padding: 8px;
        }

    input.card-date, input.card-number {
    }
    /* =============== colorbox modal window =============== */
    .js .modal {
        display: none;
    }

    .js #colorbox .modal {
        display: block;
    }

    /*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
    #colorbox, #cboxOverlay, #cboxWrapper {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;
        overflow: hidden;
    }

    #cboxOverlay {
        position: fixed;
        width: 100%;
        height: 100%;
    }

    #cboxMiddleLeft, #cboxBottomLeft {
        clear: left;
    }

    #cboxContent {
        position: relative;
    }

    #cboxLoadedContent {
        overflow: auto;
    }

    #cboxTitle {
        margin: 0;
    }

    #cboxLoadingOverlay, #cboxLoadingGraphic {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
        cursor: pointer;
    }

    .cboxPhoto {
        float: left;
        margin: auto;
        border: 0;
        display: block;
        max-width: none;
    }

    .cboxIframe {
        width: 100%;
        height: 100%;
        display: block;
        border: 0;
    }

    #colorbox, #cboxContent, #cboxLoadedContent {
        box-sizing: content-box;
    }

    /*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
    #cboxOverlay {
        background: url(../img/design/colorbox/overlay.png) repeat 0 0;
    }

    #colorbox {
    }

    #cboxTopLeft {
        width: 21px;
        height: 21px;
        background: url(../img/design/colorbox/controls.png) no-repeat -101px 0;
    }

    #cboxTopRight {
        width: 21px;
        height: 21px;
        background: url(../img/design/colorbox/controls.png) no-repeat -130px 0;
    }

    #cboxBottomLeft {
        width: 21px;
        height: 21px;
        background: url(../img/design/colorbox/controls.png) no-repeat -101px -29px;
    }

    #cboxBottomRight {
        width: 21px;
        height: 21px;
        background: url(../img/design/colorbox/controls.png) no-repeat -130px -29px;
    }

    #cboxMiddleLeft {
        width: 21px;
        background: url(../img/design/colorbox/controls.png) left top repeat-y;
    }

    #cboxMiddleRight {
        width: 21px;
        background: url(../img/design/colorbox/controls.png) right top repeat-y;
    }

    #cboxTopCenter {
        height: 21px;
        background: url(../img/design/colorbox/border.png) 0 0 repeat-x;
    }

    #cboxBottomCenter {
        height: 21px;
        background: url(../img/design/colorbox/border.png) 0 -29px repeat-x;
    }

    #cboxContent {
        background: #fff;
        overflow: hidden;
    }

    .cboxIframe {
        background: #fff;
    }

    #cboxError {
        padding: 50px;
        border: 1px solid #ccc;
    }

    #cboxLoadedContent {
        margin-bottom: 0;
    }

    #cboxTitle {
        position: absolute;
        bottom: 4px;
        left: 0;
        text-align: center;
        width: 100%;
        color: #949494;
    }

    #cboxCurrent {
        position: absolute;
        bottom: 4px;
        left: 58px;
        color: #949494;
    }

    #cboxSlideshow {
        position: absolute;
        bottom: 4px;
        right: 30px;
        color: #0092ef;
    }

    #cboxPrevious {
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(../img/design/colorbox/controls.png) no-repeat -75px 0;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
    }

        #cboxPrevious:hover {
            background-position: -75px -25px;
        }

    #cboxNext {
        position: absolute;
        bottom: 0;
        left: 27px;
        background: url(../img/design/colorbox/controls.png) no-repeat -50px 0;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
    }

        #cboxNext:hover {
            background-position: -50px -25px;
        }

    #cboxLoadingOverlay {
        background: url(../img/design/colorbox/loading_background.png) no-repeat center center;
    }

    #cboxLoadingGraphic {
        background: url(../img/design/colorbox/loading.gif) no-repeat center center;
    }

    #cboxClose {
        position: absolute;
        top: 0;
        right: 0;
        background: url(../img/design/colorbox/controls.png) no-repeat -25px 0;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
    }

        #cboxClose:hover {
            background-position: -25px -25px;
        }

    /* =============== Jquery Datepicker Styles =============== */

    .datepick {
        background-color: #fff;
        color: #000;
        border: 1px solid #444;
        font-family: Arial,Helvetica,Sans-serif;
        font-size: 90%;
    }

    .datepick-rtl {
        direction: rtl;
    }

    .datepick-popup {
        z-index: 1000;
    }

    .datepick-disable {
        position: absolute;
        z-index: 100;
        background-color: white;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .datepick a {
        color: #000;
        text-decoration: none;
    }

        .datepick a.datepick-disabled {
            color: #888;
            cursor: auto;
        }

    .datepick button {
        margin: 0.25em;
        padding: 0.125em 0em;
        background-color: #fcc;
        border: none;
        border-radius: 0.25em;
        -moz-border-radius: 0.25em;
        -webkit-border-radius: 0.25em;
        font-weight: bold;
    }

    .datepick-nav, .datepick-ctrl {
        float: left;
        width: 100%;
        background-color: #fc0;
        color: #000;
        font-size: 90%;
        font-weight: bold;
    }

    .datepick-cmd {
        width: 30%;
    }

        .datepick-cmd:hover {
            background-color: #fff;
            color: #000;
        }

    .datepick-cmd-prevJump, .datepick-cmd-nextJump {
        width: 8%;
    }

    a.datepick-cmd {
        height: 1.5em;
    }

    button.datepick-cmd {
        text-align: center;
    }

    .datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
        float: left;
        padding-left: 2%;
    }

    .datepick-cmd-current, .datepick-cmd-today {
        float: left;
        width: 35%;
        text-align: center;
    }

    .datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
        float: right;
        padding-right: 2%;
        text-align: right;
    }

    .datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
    .datepick-rtl .datepick-cmd-clear {
        float: right;
        padding-left: 0%;
        padding-right: 2%;
        text-align: right;
    }

    .datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
        float: right;
    }

    .datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
    .datepick-rtl .datepick-cmd-close {
        float: left;
        padding-left: 2%;
        padding-right: 0%;
        text-align: left;
    }

    .datepick-month-nav {
        float: left;
        background-color: #777;
        text-align: center;
    }

        .datepick-month-nav div {
            float: left;
            width: 12.5%;
            margin: 1%;
            padding: 1%;
        }

        .datepick-month-nav span {
            color: #888;
        }

    .datepick-month-row {
        clear: left;
    }

    .datepick-month {
        float: left;
        width: 15em;
        text-align: center;
    }

    .datepick-month-header, .datepick-month-header select, .datepick-month-header input {
        height: 1.5em;
        background-color: #444;
        color: #fff;
        font-weight: bold;
    }

        .datepick-month-header select, .datepick-month-header input {
            height: 1.4em;
            border: none;
        }

        .datepick-month-header input {
            position: absolute;
            display: none;
        }

    .datepick-month table {
        width: 100%;
        border-collapse: collapse;
    }

    .datepick-month thead {
        border-bottom: 1px solid #aaa;
    }

    .datepick-month th, .datepick-month td {
        margin: 0em;
        padding: 0em;
        font-weight: normal;
        text-align: center;
    }

    .datepick-month th {
        border: 1px solid #777;
    }

        .datepick-month th, .datepick-month th a {
            background-color: #777;
            color: #fff;
        }

    .datepick-month td {
        background-color: #eee;
        border: 1px solid #aaa;
    }

        .datepick-month td.datepick-week {
            border: 1px solid #777;
        }

            .datepick-month td.datepick-week * {
                background-color: #777;
                color: #fff;
                border: none;
            }

    .datepick-month a {
        display: block;
        width: 100%;
        padding: 0.125em 0em;
        background-color: #eee;
        color: #000;
        text-decoration: none;
    }

    .datepick-month span {
        display: block;
        width: 100%;
        padding: 0.125em 0em;
    }

    .datepick-month td span {
        color: #888;
    }

    .datepick-month td .datepick-other-month {
        background-color: #fff;
    }

    .datepick-month td .datepick-weekend {
        background-color: #ddd;
    }

    .datepick-month td .datepick-today {
        background-color: #f0c0c0;
    }

    .datepick-month td .datepick-highlight {
        background-color: #C4E3ED;
    }

    .datepick-month td .datepick-selected {
        background-color: #777;
        color: #fff;
    }

    .datepick-month th.datepick-week {
        background-color: #777;
        color: #fff;
    }

    .datepick-status {
        clear: both;
        background-color: #ddd;
        text-align: center;
    }

    .datepick-clear-fix {
        clear: both;
    }

    .datepick-cover {
        display: none;
        display /**/: block;
        position: absolute;
        z-index: -1;
        filter: mask();
        top: -1px;
        left: -1px;
        width: 100px;
        height: 100px;
    }

    /* =============== Gallery lightbox styles =============== */

    .imageRow {
        margin-bottom: 5px;
        overflow: hidden;
    }

        .imageRow img {
            opacity: 1;
        }

        .imageRow a {
            position: relative;
            float: left;
            width: 110px;
            height: 110px;
            margin-right: 5px;
        }

            .imageRow a span {
                position: absolute;
                top: 0;
                left: 0;
                width: 110px;
                height: 110px;
                display: block;
                background: url(../img/design/gallery-mask-1.png) no-repeat 0 0;
                opacity: 1;
            }

        .imageRow .second span {
            background: url(../img/design/gallery-mask-2.png) no-repeat 0 0;
        }

        .imageRow .third span {
            background: url(../img/design/gallery-mask-3.png) no-repeat 0 0;
        }

    #lightboxOverlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;
        background-color: black;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
        opacity: 0.85;
        display: none;
    }

    #lightbox {
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 10000;
        text-align: center;
        line-height: 0;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
        font-weight: normal;
    }

        #lightbox img {
            width: auto;
            height: auto;
        }

        #lightbox a img {
            border: none;
        }

    .lb-outerContainer {
        position: relative;
        background-color: white;
        *zoom: 1;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }

        .lb-outerContainer:after {
            content: "";
            display: table;
            clear: both;
        }

    .lb-container {
        padding: 10px;
    }

    .lb-loader {
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
    }

    /* line 51, ../sass/lightbox.sass */
    .lb-nav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
    }

    /* line 59, ../sass/lightbox.sass */
    .lb-container > .nav {
        left: 0;
    }

    /* line 62, ../sass/lightbox.sass */
    .lb-nav a {
        outline: none;
    }

    /* line 65, ../sass/lightbox.sass */
    .lb-prev, .lb-next {
        width: 49%;
        height: 100%;
        background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
        /* Trick IE into showing hover */
        display: block;
    }

    /* line 72, ../sass/lightbox.sass */
    .lb-prev {
        left: 0;
        float: left;
    }

    /* line 76, ../sass/lightbox.sass */
    .lb-next {
        right: 0;
        float: right;
    }

    /* line 81, ../sass/lightbox.sass */
    .lb-prev:hover {
        background: url(../img/design/lightbox/prev.png) left 48% no-repeat;
    }

    /* line 85, ../sass/lightbox.sass */
    .lb-next:hover {
        background: url(../img/design/lightbox/next.png) right 48% no-repeat;
    }

    /* line 88, ../sass/lightbox.sass */
    .lb-dataContainer {
        margin: 0 auto;
        padding-top: 5px;
        *zoom: 1;
        width: 100%;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -ms-border-bottom-left-radius: 4px;
        -o-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -ms-border-bottom-right-radius: 4px;
        -o-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
        /* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
        .lb-dataContainer:after {
            content: "";
            display: table;
            clear: both;
        }

    /* line 95, ../sass/lightbox.sass */
    .lb-data {
        padding: 0 10px;
        color: #bbbbbb;
    }
        /* line 98, ../sass/lightbox.sass */
        .lb-data .lb-details {
            width: 85%;
            float: left;
            text-align: left;
            line-height: 1.1em;
        }
        /* line 103, ../sass/lightbox.sass */
        .lb-data .lb-caption {
            font-size: 13px;
            font-weight: bold;
            line-height: 1em;
        }
        /* line 107, ../sass/lightbox.sass */
        .lb-data .lb-number {
            display: block;
            clear: left;
            padding-bottom: 1em;
            font-size: 11px;
        }
        /* line 112, ../sass/lightbox.sass */
        .lb-data .lb-close {
            width: 35px;
            height: 20px;
            float: right;
            padding-bottom: 0.7em;
            outline: none;
            background: url(../img/design/lightbox/close.png) right 48% no-repeat;
        }
            /* line 117, ../sass/lightbox.sass */
            .lb-data .lb-close:hover {
                cursor: pointer;
            }

    /*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
    .cboxIE #cboxTopLeft,
    .cboxIE #cboxTopCenter,
    .cboxIE #cboxTopRight,
    .cboxIE #cboxBottomLeft,
    .cboxIE #cboxBottomCenter,
    .cboxIE #cboxBottomRight,
    .cboxIE #cboxMiddleLeft,
    .cboxIE #cboxMiddleRight {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    }

    /* IE styles */

    .lt-ie9 #donate-section2 {
        clear: both;
        float: left;
        width: 100%;
    }

    .lt-ie8 .amounts label {
        padding-top: 4px;
    }

    .lt-ie8 p.copy-small {
        margin-bottom: 30px;
    }

    .lt-ie8 #search {
        width: 219px;
    }

    .lt-ie8 .amounts input {
        margin-top: 20px;
    }

    .lt-ie9 .card-number, .lt-ie9 .card-date {
        padding-top: 2px;
        padding-bottom: 2px;
    }
}
/* end standard */

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir, .nav-social a, .nav-hero li a, .nav-news .previous a, .nav-news .next a {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0;
}

    .ir br {
        display: none;
    }

.hidden {
    display: none !important;
    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;
}

.js .js-hide, .no-js .no-js-hide {
    display: none;
}

.clearfix:before, .clearfix:after,
.main:before, .main:after,
.inner:before, .inner:after,
.topbar:before, .topbar:after,
.wrap:before, .wrap:after,
.f-row:before, .f-row:after {
    content: "";
    display: table;
}

.clearfix:after,
.main:after,
.inner:after,
.topbar:after,
.wrap:after,
.f-row:after {
    clear: both;
}

.clearfix,
.main,
.inner,
.topbar,
.wrap,
.f-row {
    *zoom: 1;
}

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
        font-family: sans-serif !important;
    }
    /* Black prints faster: h5bp.com/s */
    a, a:visited {
        text-decoration: underline;
    }

        a[href^="http"]:after {
            content: " (" attr(href) ")";
            font-size: 80%;
            text-decoration: none;
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
        font-size: 80%;
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }
    /* Don't show links for images, or javascript/internal links */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }
    /* h5bp.com/t */
    tr, img {
        page-break-inside: avoid;
    }

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

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

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

    .skip-link,
    #tools, .topbar,
    .nav-sec,
    .socialShare,
    #site-footer ul,
    #site-header .notification,
    .feedback-block,
    .noPrint {
        display: none !important;
    }

    .heading img {
        height: 58.5px;
        float: left;
    }

    .heading .tagline {
        height: 54px;
        margin-top: 23px;
    }

    .heading .branding {
        float: right;
    }

    #site-header a:after {
        content: "";
    }

    #breadcrumb ol {
        margin-left: 0;
        padding-left: 0;
        font-size: 80%;
    }

    #breadcrumb li {
        display: inline;
    }

        #breadcrumb li:first-child {
            margin-left: 0;
        }

    #breadcrumb a {
        margin-right: .5em;
    }

        #breadcrumb a:after {
            content: "";
        }

    #spotlights > ul > li {
        margin-bottom: 1em;
    }

    img.left {
        float: left;
        margin: 0 16px 10px 0;
    }
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
/* added by Sara */

/* feedback tab changes */

.js .feedback-block {
    bottom: 424px;
    position: fixed;
    right: 0;
    z-index: 101;
}

.feedback-block.feedback-open {
    bottom: 0;
}

.tab {
    left: -63px;
    position: absolute;
    top: 32px;
    transform: rotate(270deg);
}

/* homepage feeds css */

.home .seperated .col1 {
    width: 460px;
}

.home .seperated .col2 #forum {
    margin-left: -35px;
    padding-left: 15px;
    width: 260px;
}

.home .seperated .col2 #stories {
    padding-left: 12px;
    width: 210px;
    position: relative;
}

/* more changes:
- remove width from #news li
- add class of 'facebook' to #forum div and add class of 'twitter' to #stories div
 */

/* twitter */

.twitter .twitterlogo {
    position: absolute;
    right: 0;
    top: 0;
}

.twitter .tweet_list {
    margin: 0;
    padding: 25px 0 0;
}

.twitter .imagecontainer > img {
    width: 100%;
}

.twitter .imagecontainer {
    float: left;
    margin-right: 10px;
    width: 45px;
}

.twitter .author {
    color: #000;
    display: block;
    font-family: arial;
    /*font-weight: bold;*/
    text-decoration: none;
    width: 80%;
}

.twitter .profile {
    text-decoration: none;
}

.twitter .username {
    color: #888;
    font-family: arial;
    font-size: 12px;
}

.twitter .timestamp {
    position: absolute;
    right: 0;
    top: 0;
}

.twitter .tweet {
    margin-bottom: 15px;
    position: relative;
}

.twitter .timestamp > a {
    color: #888;
    font-family: arial;
    font-size: 12px;
    text-decoration: none;
}

.twitter .tweetbody a {
    background: none repeat scroll 0 0 rgb(214, 213, 209);
    color: #000;
    font-weight: bold;
}

.twitter .tweetbody > a:hover {
    background: none repeat scroll 0 0 rgb(255, 204, 0);
}

.twitter .tweetbody {
    color: #333;
    font-family: arial;
    font-size: 12px;
    padding-top: 5px;
}

.twitter .tweet-links {
    color: #888;
    font-family: arial;
    font-size: 12px;
    margin-right: 5px;
    text-decoration: none;
}

.twitter .link-images {
    margin-right: 3px;
}

/* news template */

/* see news bits html file - add a left column div around nav and widget area */

.left-column {
    width: 203px;
    margin-right: 30px;
    float: left;
}

.widget-area {
    width: 100%;
    float: left;
}

.nav-sec {
    margin-right: 0;
    width: 100%;
    float: none;
    min-height: 50px;
}

.news-feed, .relatedlinks {
    background: url('/images/left-separator.png') no-repeat scroll left bottom transparent;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
}

    .news-feed.blog img, .news-feed.rss img {
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
    }

    .news-feed.blog {
        padding-bottom: 25px;
    }

    .news-feed h3, .relatedlinks h3 {
        font-family: "hw";
        font-size: 20px;
        color: #000;
    }

    .news-feed > ul, .relatedlinks > ul {
        list-style: none outside none;
        margin: 0 0 0 10px;
        padding: 0;
    }

    .news-feed li, .relatedlinks li {
        margin-bottom: 20px;
    }

    .news-feed a, .relatedlinks a {
        font-size: 14px;
        text-decoration: none;
    }

        .news-feed a:hover, .relatedlinks a:hover {
            text-decoration: underline;
        }

p.pub {
    color: #666;
    font-size: 11px;
    margin-bottom: 5px;
    margin-top: 5px;
}

p.datetime {
    font-size: 11px;
    font-style: italic;
    margin: 5px 0;
}

a.moreblog {
    color: #000;
    font-size: 12px !important;
    font-weight: bold;
}

.linkbox-inner {
    background: url('/images/linkbox-bottom.png') bottom left no-repeat transparent;
    padding: 0 20px 15px;
}

.linkbox.button-link {
    background: url('/images/linkbox-top.png') top left no-repeat transparent;
    overflow: hidden;
    padding-top: 15px;
    margin-bottom: 20px;
}

    .linkbox.button-link a {
        font-weight: bold;
        color: #000;
        text-decoration: none;
    }

        .linkbox.button-link a:hover {
            text-decoration: underline;
        }

/* news search */
/*please add class of news-search to the form as per html file*/

.form-search.news-search .f-row.text-long {
    width: 95%;
}

.form-search.news-search .text-long input {
    border: 0 none;
    font-size: 14px;
    padding: 6px;
    width: 100%;
    box-sizing: border-box;
}

.news-search .f-row.category {
    margin-right: 3%;
    width: 42%;
}

.form-search.news-search .f-row.category select {
    border: 0 none;
    color: #666;
    font-size: 14px;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

.news-search .f-row.date.select-left {
    margin-right: 3%;
    width: 23.5%;
}

.news-search .f-row.date.select-right {
    width: 23.5%;
}

.news-search .f-row.date input {
    border: 0 none;
    font-size: 14px;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

.form-search.news-search .f-row.category, .form-search.news-search .f-row.date {
    float: left;
}

.news-search .form-actions {
    clear: both;
}

.form-search.news-search .f-row.form-actions input {
    float: right;
}

.news-search .form-actions input {
    background-image: none;
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 20px;
    width: 160px;
}

    .news-search .form-actions input:last-of-type {
        background: rgb(214, 213, 209);
        font-size: 14px;
        padding: 9px 20px;
        width: auto;
    }

        .news-search .form-actions input:last-of-type:hover {
            color: #000;
            background-color: rgb(255, 204, 0);
        }

.more-link {
    display: block;
    float: left;
    margin-left: 2px;
    line-height: 1.38;
    color: rgb(0, 0, 0);
}

.newsintrocaption {
    margin-top: 0.2em;
    font-size: 0.75em;
    background: #ddd;
    display: block;
    padding: 2px 0 1px 5px;
    font-family: "hn";
}

/*******************************************************************/
/* added by Unified Solutions */

.linkbox-border {
    color: #000;
    padding: 0;
    position: relative;
    text-decoration: none;
    width: 355px;
    float: right;
    z-index: 2;
}

.linkbox-inner .main-img {
    width: auto;
    height: auto;
    position: relative;
}

.featured-items {
    float: right;
    margin: 0 -5px 5px 0;
    position: relative;
}

    .featured-items .linkbox-inner {
        min-height: 94px;
        padding: 20px;
        color: #000;
        width: 317px;
    }

    .featured-items img {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }

    .featured-items .bg-img-off {
        display: block;
    }

    .featured-items .bg-img-on {
        display: none;
    }
    /*
    .featured-items .bg-img-off:hover {
        display: none;
    }

    .featured-items .bg-img-on:hover {
        display: block;
    }

        */

    .featured-items .linkbox-inner .linkbox-text {
        z-index: 50;
    }

    .featured-items h2 {
        font-size: 1.2em;
        padding: 0 0 4px;
        margin: 0;
        color: #000;
    }

        .featured-items h2 a {
            color: #000;
        }

    .featured-items h3 {
        font-size: .9em;
        font-weight: normal;
        margin: 0 0 4px;
        font-family: "hn";
        color: #4c4b4b;
    }

    .featured-items p {
        font-size: .75em;
        padding: 0 80px 0 0;
        margin: 0;
        color: #000;
    }

    .featured-items a {
        text-decoration: none;
    }

.feature-1 {
    background: url(../img/design/event0-top.png) no-repeat scroll left top;
}

    .feature-1:hover {
        background: url(../img/design/event0-top.png) no-repeat scroll left top #fc0;
    }

    .feature-1 .linkbox-inner {
        background: url(../img/design/event0-bot.png) no-repeat scroll left bottom;
        display: block;
        position: relative;
        bottom: 0;
    }

.feature-2 {
    background: url(../img/design/event1-top.png) no-repeat scroll left top;
}

    .feature-2:hover {
        background: url(../img/design/event1-top.png) no-repeat scroll left top #fc0;
    }

    .feature-2 .linkbox-inner {
        background: url(../img/design/event1-bot.png) no-repeat scroll left bottom;
        display: block;
        position: relative;
        bottom: 0;
    }

.feature-3 {
    background: url(../img/design/event2-top.png) no-repeat scroll left top;
}

    .feature-3:hover {
        background: url(../img/design/event2-top.png) no-repeat scroll left top #fc0;
    }

    .feature-3 .linkbox-inner {
        background: url(../img/design/event2-bot.png) no-repeat scroll left bottom;
        display: block;
        position: relative;
        bottom: 0;
    }

.justgiving-iframe {
    border: medium none;
    height: 925px;
    margin-top: 10px;
    width: 100%;
}

/* ==========
   R2 Styles
   ========== */

.nav-sec.media-archive a {
    background: transparent;
}

.nav-sec.media-archive .current a {
    background: none repeat scroll 0 0 #fc0;
}

.nav-sec.media-archive a:hover {
    text-decoration: underline;
}

.nav-sec.media-archive > ul > li ul {
    display: none;
}

.nav-sec.media-archive li li {
    padding-left: 10px;
}

.nav-sec.media-archive li span {
    background: url('/images/r2/arrow-left.png') left top no-repeat transparent;
    width: 12px;
    height: 12px;
    display: block;
    float: left;
    margin-top: 12px;
    margin-right: 5px;
}

    .nav-sec.media-archive li span.open {
        background: url('/images/r2/arrow-down.png') left top no-repeat transparent;
    }

.summary-link {
    text-align: center;
    background: url("/images/left-separator.png") no-repeat scroll left bottom transparent;
    margin-bottom: 20px;
    padding-bottom: 30px;
    position: relative;
}

    .summary-link h3 {
        color: #000;
        font-family: "hw";
        font-size: 20px;
        text-align: left;
    }

    .summary-link p {
        font-size: 0.8em;
        text-align: left;
    }

    .summary-link .button {
        background: #fc0;
        border-radius: 3px;
        font-size: 16px;
        font-weight: bold;
        padding: 8px 20px;
        width: auto;
        display: inline-block;
        margin: 0 auto;
    }

        .summary-link .button a {
            text-decoration: none;
            color: #000;
        }

        .summary-link .button:hover {
            background: #000;
        }

            .summary-link .button:hover a {
                color: #fff;
            }

/* press release */
.pr {
    font-size: 1.25em;
    font-weight: 700;
}

.pr-date {
    font-size: 87.5%;
    margin-bottom: 30px;
}

.ends {
    color: rgb(102, 102, 102);
    font-size: 0.8em;
    font-style: italic;
    font-weight: 400;
    margin-top: 16px;
}

.media-enquiries {
    margin: 30px 0;
}

.editors-notes {
    background-color: rgb(243, 242, 236);
    margin: 30px 0 0 0;
    padding: 15px;
}

    .editors-notes h4 {
        margin-top: 0;
    }

    .editors-notes p, .editors-notes ul, .editors-notes ol {
        font-size: 87.5%;
        padding-left: 30px;
    }

/* supporters */
.content-full-width {
    width: 100%;
}

.supporters-container {
    margin-top: 40px;
}

.supporter-item {
    float: left;
    height: 270px;
    position: relative;
    width: 20%;
}

    .supporter-item .container {
        max-height: 270px;
        bottom: 45px;
        left: 0;
        position: absolute;
        transition: all 0.5s ease 0s;
        width: 100%;
    }

.celeb-name, .supporter-title {
    color: rgb(0, 0, 0);
    line-height: 1.38;
    margin: 0;
}

    .celeb-name a, .supporter-title a {
        background-color: rgb(214, 213, 209);
        border-left: 0 none transparent;
        color: #000;
        font-weight: bold;
    }

.more-info {
    background: none repeat scroll 0 0 rgba(255, 204, 0, 0.75);
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    max-height: 0;
    overflow: hidden;
    padding: 0 10px;
    transition: all 1s ease 0s;
}

.supporter-item:hover .container {
    bottom: 0;
}

.supporter-item:hover .more-info {
    max-height: 300px;
    padding: 10px;
}

.more-info a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.newspublisheddate p {
    font-size: 13px;
    color: rgb(214, 213, 209);
}

.nav-sec.media-archive a {
    background: transparent;
}

.nav-sec.media-archive .current a {
    background: none repeat scroll 0 0 #fc0;
}

.nav-sec.media-archive a:hover {
    text-decoration: underline;
}

.nav-sec.media-archive > ul > li ul {
    display: none;
}

.nav-sec.media-archive li li {
    padding-left: 10px;
}

.nav-sec.media-archive li span {
    background: url('/images/r2/arrow-left.png') left top no-repeat transparent;
    width: 12px;
    height: 12px;
    display: block;
    float: left;
    margin-top: 12px;
    margin-right: 5px;
}

    .nav-sec.media-archive li span.open {
        background: url('/images/r2/arrow-down.png') left top no-repeat transparent;
    }

.summary-link {
    text-align: center;
    background: url("/images/left-separator.png") no-repeat scroll left bottom transparent;
    margin-bottom: 20px;
    padding-bottom: 30px;
    position: relative;
}

    .summary-link h3 {
        color: #000;
        font-family: "hw";
        font-size: 20px;
        text-align: left;
    }

    .summary-link p {
        font-size: 0.8em;
        text-align: left;
    }

    .summary-link .button {
        background: #fc0;
        border-radius: 3px;
        font-size: 16px;
        font-weight: bold;
        padding: 8px 20px;
        width: auto;
        display: inline-block;
        margin: 0 auto;
    }

        .summary-link .button a {
            text-decoration: none;
            color: #000;
        }

        .summary-link .button:hover {
            background: #000;
        }

            .summary-link .button:hover a {
                color: #fff;
            }

/* press release */
.pr {
    font-size: 1.25em;
    font-weight: 700;
}

.pr-date {
    font-size: 87.5%;
    margin-bottom: 30px;
}

.ends {
    color: rgb(102, 102, 102);
    font-size: 0.8em;
    font-style: italic;
    font-weight: 400;
    margin-top: 16px;
}

.media-enquiries {
    margin: 30px 0;
}

.editors-notes {
    background-color: rgb(243, 242, 236);
    margin: 30px 0 0 0;
    padding: 15px;
}

    .editors-notes h4 {
        margin-top: 0;
    }

    .editors-notes p, .editors-notes ul, .editors-notes ol {
        font-size: 87.5%;
        padding-left: 30px;
    }

/* supporters */
.content-full-width {
    width: 100%;
}

.supporters-container {
    margin-top: 40px;
}

.supporter-item {
    float: left;
    height: 270px;
    position: relative;
    width: 20%;
}

    .supporter-item .container {
        max-height: 270px;
        bottom: 45px;
        left: 0;
        position: absolute;
        transition: all 0.5s ease 0s;
        width: 100%;
    }

.celeb-name, .supporter-title {
    color: rgb(0, 0, 0);
    line-height: 1.38;
    margin: 0;
}

    .celeb-name a, .supporter-title a {
        background-color: rgb(214, 213, 209);
        border-left: 0 none transparent;
        color: #000;
        font-weight: bold;
    }

.more-info {
    background: none repeat scroll 0 0 rgba(255, 204, 0, 0.75);
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    max-height: 0;
    overflow: hidden;
    padding: 0 10px;
    transition: all 1s ease 0s;
}

.supporter-item:hover .container {
    bottom: 0;
}

.supporter-item:hover .more-info {
    max-height: 300px;
    padding: 10px;
}

.more-info a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.pressreleaseli {
    padding-left: 0.1em !important;
    padding-top: 1em !important;
    min-height: initial !important;
}

.newsintro img {
    width: 720px;
}

.newscontent h1 {
    font-family: "hn-bold";
}

.item-content {
    margin-left:30%;
}

.listing .mask {
height:120px!important;
}


.home .feature-1 {
  background: url("../img/design/event0-top.png") no-repeat scroll left top rgba(255, 204, 0, 1)!important;
}
.home .feature-2 {
  background: url("../img/design/event1-top.png") no-repeat scroll left top rgba(255, 204, 0, 1)!important;
}
.home .feature-3 {
  background: url("../img/design/event2-top.png") no-repeat scroll left top rgba(255, 204, 0, 1)!important;
}
.home .feature-1:hover {
  background: url("../img/design/event0-top-teal.png") no-repeat scroll left top rgba(92, 193, 190, 1)!important;
}
.home .feature-2:hover {
  background: url("../img/design/event1-top-teal.png") no-repeat scroll left top rgba(92, 193, 190, 1)!important;
}
.home .feature-3:hover {
  background: url("../img/design/event2-top-teal.png") no-repeat scroll left top rgba(92, 193, 190, 1)!important;
}

.home .feature-1:hover .linkbox-inner {
  background: url("../img/design/event0-bot-teal.png") no-repeat scroll left bottom rgba(0, 0, 0, 0)!important;
}
.home .feature-2:hover .linkbox-inner {
  background: url("../img/design/event1-bot-teal.png") no-repeat scroll left bottom rgba(0, 0, 0, 0)!important;
}
.home .feature-3:hover .linkbox-inner {
  background: url("../img/design/event2-bot-teal.png") no-repeat scroll left bottom rgba(0, 0, 0, 0)!important;
}

.home .featured-items h2 {
  color: rgb(28,66,96)!important;
}

.featured-items img { z-index: 4; !important;}

.home #donate a {
background:rgba(0, 0, 0, 0) url("../img/design/donateteal.png") no-repeat scroll 0 0!important;
}