@import url("basic.css");

/* Colors:
 *    Light blue: #00B0EA
 *    Dark blue: #24437F
 *    Fuschia: #BA0077
 *    Light Grey: #999
 *    Dark Grey: #666
 */

 .print {
     display: none;
     visibility: hidden;
 }

 .visuallyhidden {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
 }

 .visuallyhidden.focusable:active,
 .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
 }

/* Micro Clearfix */
 .cf:before,
 .cf:after {
     content: " "; /* 1 */
     display: table; /* 2 */
 }
 .cf:after {
     clear: both;
 }
 .cf {
     *zoom: 1;
 }

a{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}

body{
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

#beta{
    /* Uses Museo Slab */
    position: absolute;
    top: 0;
    left: 20px;
    background: #666;
    color: #FFF;
    display: inline-block;
    padding: 6px 10px 4px 10px;
    z-index: 999999;
    font-size: 18px;
    font-weight: 700;
    width: 50px;
    height: 18px;
    text-align: center;
    cursor: default;
}
    #beta.fixed{
        position: fixed;
    }
    #beta.transformed{
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        left: -37px;
        top: 56px;
        width: 82px;
        text-align: left;
    }

/* Highlighting */

mark {
    background: #fee300;
    display: inline-block;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin-top: 15px;
    padding: 4px 10px;
    text-transform: uppercase;
}

/***************
 * Page layout *
 ***************/

body > header{
    width: 940px;
    height: 121px;
    margin: 0 auto;
    z-index: 3;
    background: url(../images/sprite.png) no-repeat -267px 19px;
    overflow: hidden;
    position: relative;
}
    body > header h1 a{
        /* Uses image replacement */
        position: absolute;
        display: block;
        width: 211px;
        height: 25px;
        left: 205px;
        top: 33px;
        background: url(../images/sprite.png) no-repeat -3px -29px;
    }
        body > header h1 a#logo{
            width: 160px;
            height: 140px;
            background: none;
            top: 0;
            left: 0;
        }
    body > header .tagline{
        /* Uses Museo Slab */
        font-weight: 500;
        font-style: italic;
        color: #999;
        font-size: 14px;
        position: absolute;
        top: 59px;
        left: 206px;
    }

    /* Global nav */
    body > header nav{
        /* Uses Museo Sans */
        font-weight: 700;
        font-size: 18px;
        position: absolute;
        bottom: 11px;
        left: 207px;
        width: 733px;
    }
        body > header nav li{
            float: left;
            margin-left: 35px;
        }
            body > header nav li:first-child{
                margin-left: 0;
            }
        body > header nav li a{
            color: #00487C;
            text-decoration: none;
        }
            body > header nav li a:hover{
                text-decoration: none;
                color: #7c8eb2;
            }
            body > header nav li.active a{
                color: #CCC;
                cursor: default;
            }
                body > header nav li.active a:hover{
                    color: #CCC !important;
                }
        body > header nav li.secondary{
            margin-left: 0;
            position: absolute;
            right: 177px;
            bottom: 43px;
            font-size: 13px;
            padding: 7px 15px 0 0;
            border-right: 1px solid #DDD;
        }
            body > header nav li.secondary a{
                color: #BA0077;
            }
                body > header nav li.secondary a:hover{
                    text-decoration: underline;

                }
            body > header nav li.secondary#browse{
                bottom: 62px;
                padding-top: 0
            }
            body > header nav li.secondary.active a{
                color: #818181;
                background: url(../images/sprite.png) no-repeat 0 -763px;
                padding-left: 10px;
                cursor: default;
            }
                body > header nav li.secondary.active a:hover{
                    text-decoration: none;
                }

    /* Global site search */
    section.blog.search,
    body > header .search{
        width: 160px;
        height: 25px;
        position: absolute;
        top: 40px;
        right: 0;
    }
        section.blog.search input,
        body > header .search input{
            border: 0;
            background: #F2F2F2;
            padding: 7px 10px 0;
            margin: 0;
            font: 13px/11px 'Helvetica', 'Arial', sans-serif;
            color: #4b4b4b;
            position: absolute;
            top: 0;
            left: 0;
            height: 18px;
            width: 109px;
            vertical-align: top;
            -webkit-appearance: textfield;
        }
            section.blog.search input:focus,
            body > header .search input:focus{
                -webkit-box-shadow: none;
                outline: none;
            }
        section.blog.search button,
        body > header .search button{
            /* Uses image replacement */
            width: 30px;
            height: 25px;
            background: url(../images/sprite.png) no-repeat 0 0;
            border: none;
            position: absolute;
            top: 0;
            right: 0;
            cursor: pointer;
        }
            section.blog.search button:hover,
            body > header .search button:hover{
                opacity: 0.6;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                filter: alpha(opacity=60);
            }
            input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
                color: #4b4b4b;
            }

    /* Main content well */
    body > .main{
        /* Clearfixed */
        width: 940px;
        margin: 0 auto 0;
        z-index: 2;
        position: relative;
        top: -121px;
        overflow: hidden;
        background: url(../images/bg/fixed_stripes.png) repeat-x top;
        padding-top: 141px;
    }
        body > .main > header{
            height: 70px;
            background: url(../images/bg/stripes.png);
            padding: 168px 22px 0;
        }
            body > .main > header h1{
                font-weight: 700;
                font-size: 42px;
                color: #FFF;
            }

            body > footer{
                background: #F2F3EF;
                margin-top: -101px;
            }
                body > footer > .inner{
                    width: 940px;
                    margin: 0 auto;
                    padding: 25px 0 20px
                }

                body > footer .mission{
                    margin-bottom: 20px;
                }
                    body > footer .mission h2{
                        font-size: 12px;
                        font-weight: bold;
                        line-height: 1;
                        color: #999;
                        text-transform: uppercase;
                    }
                    body > footer .mission p{
                        /* Uses Museo Slab */
                        font-weight: 300;
                        line-height: 1.21;
                        font-size: 28px;
                        color: #666;
                        padding-right: 25px;
                        margin: 10px 0 35px;
                    }

                body > footer .about{
                    /* Clearfixed */
                    border-bottom: 1px solid #D5D5D3;
                    margin: 0 0 12px;
                    padding-bottom: 6px;
                }
                    body > footer .about .logo{
                        /* Uses image replacement */
                        float: left;
                        display: block;
                        width: 209px;
                        height: 35px;
                        background: url(../images/sprite.png) no-repeat -5px -59px;
                    }
                    body > footer .about .tagline{
                        float: right;
                        position: relative;
                        top: 15px;
                        text-align: right;
                        font-weight: 300;
                        font-style: italic;
                        color: #666;
                        font-size: 18px;
                    }

    /* Footer navigation */
    body > footer nav{
        position: relative;
    }
        body > footer .primary{
            /* Clearfix */
            margin-bottom: 12px;
        }
            body > footer .primary li{
                float: left;
                font-weight: bold;
                font-size: 16px;
                margin-right: 21px;
            }
                body > footer .primary li:last-child{
                    margin-right: 0;
                }
            body > footer .primary a{
                color: #00B0EA;
            }
        body > footer .secondary{
            /* Clearfixed */
        }
            body > footer .secondary li{
                float: left;
                border-right: 1px solid #999;
                margin-right: 8px;
                font-size: 12px;
                padding-right: 8px;
            }
                body > footer .secondary li:last-child{
                    border-right: none;
                    margin-right: 0;
                    padding-right: 0;
                }
            body > footer .secondary a{
                color: #00487C;
            }
        body > footer .external{
            position: absolute;
            top: 0;
            right: 0;
        }
            body > footer .external span{
                float: left;
                color: #999;
                font-weight: bold;
                text-transform: uppercase;
                font-size: 10px;
                position: relative;
                top: 3px;
                right: 7px;
            }
            body > footer .external ul{
                float: left;
            }
            body > footer .external li{
                float: left;
                margin-right: 4px;
            }
                body > footer .external li:last-child{
                    margin-right: 0;
                }
            body > footer .external a{
                /* Uses image replacement */
                background: url(../images/sprite.png) no-repeat 0 0;
                display: block;
                width: 16px;
                height: 16px;
            }
                body > footer .external #email a{
                    background-position: -41px -5px;
                }
                body > footer .external #facebook a{
                    background-position: -61px -5px;
                }
                body > footer .external #rss a{
                    background-position: -81px -5px;
                }
                body > footer .external #vimeo a{
                    background-position: -101px -5px;
                }
                body > footer .external #twitter a{
                    background-position: -121px -5px;
                }
        body > footer .copyright{
            font-size: 10px;
            margin-top: 8px;
            color: #999;
        }


    body.mini{}
        body.mini > header{
            /* Clearfixed */
            background: url(../images/bg/fixed_stripes.png) repeat-x top;
            height: auto;
        }
            body.mini > header hgroup{
                float: left;
                position: static;
            }
                body.mini > header h1{
                    float: left;
                }
                    body.mini > header h1 a{
                        display: inline-block;
                        position: static;
                        background: url(../images/sprite.png) no-repeat 15px -1048px;
                        width: 214px;
                        height: 40px;
                        float: left;
                    }
                body.mini > header h2{
                    float: left;
                    position: static;
                    color: #FFF;
                    font-size: 12px;
                    margin: 15px 0 0 5px;
                    font-weight: 300;
                }
            body.mini > header nav{
                float: right;
                position: static;
                width: auto;
                margin: 15px 20px 0 0;
            }
                body.mini > header nav li{
                    font-weight: 500;
                    text-transform: uppercase;
                    font-size: 11px;
                }
                body.mini > header nav li a{
                    color: #00B0EA;
                }
                    body.mini > header nav li a:after{
                        content: url(../images/nav/lightblue_after.png);
                        margin-left: 5px;
                    }
                    body.mini > header nav li a:hover{
                        opacity: 1;
                        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
                        filter: alpha(opacity=100);
                        text-decoration: underline;
                    }
        body.mini > .main{
            position: static;
            background: none;
            padding: 1px 0;
            margin: 20px auto 65px;
        }
        body.mini > footer{
            margin-top: 0;
        }


/*****************************
 * Page-specific casings-out *
 *****************************/

    /* Homepage */
        #homepage{
            background: none;
            padding-top: 0;
        }


    /* For all blog pages */
        .blog{}
            .blog > hgroup{
                /* Clearfix */
                background: #9D215D;
                color: #FFF;
                display: table;
                width: 960px;
            }
                .blog > hgroup h1{
                    /* Uses Museo Sans */
                    display: table-cell;
                    height: 100%;
                    background: url(../images/blog/header.png) no-repeat right;
                    font-size: 60px;
                    font-weight: 100;
                    vertical-align: middle;
                    padding: 20px 75px 20px 25px;
                }
                    .blog > hgroup h1 strong{
                        font-weight: 900;
                    }
                    .blog > hgroup h1 a{
                        color: #FFF;
                    }
                        .blog > hgroup h1 a:hover{
                            text-decoration: none;
                        }
                .blog > hgroup h2{
                    /* Uses Museo Slab */
                    display: table-cell;
                    height: 100%;
                    padding-right: 225px;
                    vertical-align: middle;
                    position: relative;
                    left: -45px;
                    font-size: 16px;
                    line-height: 1.25;
                    font-weight: 300;
                }

            .blog .main{}

            body section.blog.search {
                border-top: 0px;
                position: relative;
                top: 0;
                right: 0;
                width: 100%;
            }
             body section.blog.search button {
                 text-indent: -999em;
             }
             body section.blog.search input {
                 width: 220px;
             }

            .blog .pagination{
                border-top: 2px solid #03477B;
                padding-top: 10px;
            }
                .blog .pagination ul{
                    float: right;
                }

            .blog .basic{}
                .blog .basic a{
                    color: #BA0077;
                }
                .blog .basic p{}
                    .blog .basic p img{
                        float: left;
                        margin-right: 20px;
                    }
                    .blog .basic p:first-child{
                        margin-top: 0;
                    }
                    .blog .basic p:last-child{
                        margin-bottom: 0;
                    }

            .blog .secondary{
                margin-top: 30px;
            }
                .blog .secondary a{
                    color: #BA0077;
                }
                .blog .secondary > section{
                    margin-bottom: 35px;
                }
                    .blog .secondary > section > header h1{
                        /* Uses Museo Sans */
                        font-weight: 300;
                        color: #24437F;
                        border-bottom: 1px solid #CCC;
                        margin-bottom: 12px;
                        padding-bottom: 12px;
                        font-size: 18px;
                        line-height: 1;
                        text-transform: none;
                    }
                        .blog .secondary > section > header h1 a{
                            /* Uses Museo Slab */
                            font-weight: 700;
                            color: #24437F;
                        }
            .blog .primary {
                margin-top: 30px;
            }
                .blog .primary > article,
                .blog article.primary{
                    /* Clearfix */
                    margin-bottom: 50px;
                }
                    .blog .primary > article h1,
                    .blog article.primary h1{
                        /* Uses Museo Slab */
                        font-size: 32px;
                        line-height: 1.425;
                        font-weight: 300;
                    }
                        .blog .primary > article h1 a,
                        .blog article.primary h1 a{
                            background: #00B0EA;
                            color: #FFF;
                            padding: 3px 0;
                        }
                            .blog .primary > article h1 a:hover,
                            .blog article.primary h1 a:hover{
                                opacity: 0.6;
                                text-decoration: none;
                                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                                filter: alpha(opacity=60);
                            }
                    .blog .primary > article > .main,
                    .blog article.primary > .main{
                        margin: 10px 0 8px;
                    }
                    .blog .primary > article .social,
                    .blog article.primary .social{
                        margin: 5px 0 20px;
                    }
                    .blog .primary > article .meta,
                    .blog article.primary .meta{
                        font-size: 12px;
                        color: #666;
                        line-height: 1.33;
                        margin-top: 20px;
                    }
                        .blog .primary > article .meta a,
                        .blog article.primary .meta a{
                            color: #00B0EA;
                        }
                    .blog .primary > article .more,
                    .blog article.primary .more{
                        color: #BA0077;
                        font-size: 16px;
                        margin-bottom: 8px;
                    }
                    .blog .primary > article .tags,
                    .blog article.primary .tags{
                        clear: left;
                        border-top: 1px solid #CCC;
                        text-transform: uppercase;
                        padding-top: 10px;
                        margin-top: 10px;
                        font-size: 12px;
                        font-weight: bold;
                        color: #666;
                    }
                        .blog .primary > article .tags a,
                        .blog article.primary .tags a{
                            color: #00B0EA;
                        }

                .blog article.primary > footer{

                }
                /* Overriding blockquote styles in blogs */

                section.blog blockquote {
                    border: 0px;
                    border-bottom: 1px solid #00B0EA;
                    border-top: 1px solid #00B0EA;
                    float: none;
                    margin: 0px;
                    margin-top: 20px;
                    margin-bottom: 20px;
                    padding: 0px;
                    padding-top: 20px;
                    padding-bottom: 20px;
                    width: auto;
                }
                section.blog blockquote + blockquote {
                    margin-top: -21px;
                }

                    .tagged{
                        font-size: 11px;
                        color: #666;
                        line-height: 1.64;
                        font-weight: bold;
                        padding-top: 15px;
                        margin-top: 25px;
                        border-top: 1px solid #CCC;
                    }
                        .tagged a{
                            color: #00B0EA;
                            font-weight: normal;
                        }

                    #comments{
                        margin-top: 50px;
                    }
                        #comments.error{
                            margin-top: 10px;
                        }
                            #comments.error > header{
                                margin-bottom: 0;
                            }
                            #comments.error .form_error_message,
                            #comments.error .error_message{
                                color: #BA0077;
                                font-size: 12px;
                                position: relative;
                                top: 4px;
                                left: 12px;
                            }
                            #comments.error .form_error_message {
                                left: 5px;
                                display: block;
                                margin-bottom: 12px;
                                margin-top: 12px;
                            }
                            #comments.error .error input,
                            #comments.error .error textarea{
                                border: 1px solid #BA0077;
                                color: #BA0077;
                            }
                            #comments .recaptchatable #recaptcha_response_field { left: 0px;}
                        #comments > header{
                            background: url(../images/bg/stripes_darkgrey.png);
                            padding: 7px 15px;
                        }
                            #comments > header h2{
                                /* Uses Museo Slab */
                                font-size: 24px;
                                color: #FFF;
                                font-weight: normal;
                            }
                        #comments > .main{
                            padding-top: 10px;
                        }
                        #comments .comment{
                            padding: 15px 0;
                            border-bottom: 1px solid #CCC;
                        }
                            #comments .comment:target{
                                background: #F5DBEB;
                                padding: 15px;
                            }
                            #comments .comment:first-child{
                                border-top: 0;
                            }
                            #comments .comment a{
                                color: #BA0077;
                            }
                            #comments .comment > hgroup{
                                /* Clearfixed */
                            }
                                #comments .comment > hgroup h3,
                                #comments .comment > hgroup h4{
                                    float: left;
                                    font-size: 11px;
                                    color: #999;
                                }
                                #comments .comment > hgroup h3{
                                    color: #333;
                                    padding-left: 7px;
                                    margin-left: 7px;
                                    border-left: 1px solid #B4B4B4;
                                }
                                    #comments .comment > hgroup h3 a{
                                        color: #333;
                                    }
                            #comments .comment p{
                                margin: 10px 0;
                                font: 14px/1.57 'Georgia', 'Times New Roman', 'Times', serif;
                                color: #333;
                                width: 580px;
                            }
                                #comments .comment p:last-child{
                                    margin-bottom: 0;
                                }

                    #comment-form{
                        background: #E8E8E8;
                        padding: 30px 25px;
                        margin-top: 20px;
                    }
                        #comment-form > header{
                            /* Uses Museo Slab */
                            font-size: 24px;
                            color: #666;
                            font-weight: 700;
                        }
                        #comment-form form{
                            margin-top: 20px;
                        }
                            #comment-form form p{
                                /* Clearfix */
                                margin: 10px 0;
                            }
                            #comment-form form button{
                                border: 0;
                                background-color: transparent;
                                cursor: pointer;
                                font-size: 16px;
                                font-weight: 900;
                                padding: 8px 24px 7px 10px;
                                float: none;
                                margin-top: 18px;
                            }
                            #comment-form form label{
                                width: 105px;
                                float: left;
                                font-size: 13px;
                                color: #666;
                                position: relative;
                                top: 7px;
                            }
                            #comment-form form input,
                            #comment-form form textarea{
                                float: left;
                                border: 1px solid #cbcbcb;
                                box-shadow: inset 0 0 1px #d0d0d0;
                                -moz-box-shadow: inset 0 0 1px #d0d0d0;
                                -webkit-box-shadow: inset 0 0 1px #d0d0d0;
                                color: #555;
                                font-size: 11px;
                                line-height: 1;
                                padding: 4px 6px;
                                background: #FFF;
                                -webkit-appearance: none;
                                -moz-appearance: none;
                                width: 180px;
                            }
                            #comment-form form textarea{
                                width: 400px;
                                height: 115px;
                                line-height: 1.35;
                            }
                        #comment-form #id_honeypot,
                        #comment-form [for='id_honeypot'],
                        #comment-form [for='id_comment']{
                            display: none;
                        }

    /* Topic page */
        #tag{}
            #tag > article > header{
                background: url(../images/bg/stripes_lightblue.png);
                margin: 38px 0 20px;
            }
                #tag > article > header h1{
                    /* Uses Museo Slab */
                    font-weight: 700;
                    font-size: 36px;
                    color: #FFF;
                    padding: 18px;
                }
            #tag #news_feed h1{
                font-weight: 300;
                width: 500px;
            }
                #tag #news_feed h1 strong{
                    font-weight: 700;
                }
            #tag .basic > :first-child{
                font-size: 24px;
                line-height: 1.48;
                margin-bottom: -15px;
            }
            #tag .breadcrumb{
                position: absolute;
                top: 150px;
            }
            #tag #social_media{
                position: absolute;
                top: 150px;
                right: 0
            }
            #tag #news_feed{
                clear: both;
                margin-top: 35px;
            }


    /* Staff member DetailView */
        #staffmember{}

            #staffmember #news_feed{
                margin-top: 40px;
            }
            #staffmember .breadcrumb{
                margin-top: 8px;
            }
            #profile{

            }
                #profile > figure{
                    float: left;
                    padding: 0 40px 25px 0;
                    background: #FFF;
                    width: 198px;
                    overflow: hidden;
                }
                #profile h1{
                    font: 28px 'Georgia', 'Times', 'Times New Roman', serif;
                    color: #333;
                }
                #profile .title{
                    font-size: 18px;
                    color: #999;
                    line-height: 1.33;
                }
                #profile .affiliation{
                    font-size: 12px;
                    line-height: 1.33;
                    font-weight: bold;
                    text-transform: uppercase;
                    color: #999;
                    margin-top: 2px;
                }
                #profile .contact{
                    margin: 15px 0 20px;
                    border-top: 1px solid #A0A0A0;
                    padding-top: 5px;
                    overflow: hidden;
                    width: auto;
                }
                    #profile .contact a{
                        color: #BA0077;
                    }
                    #profile .contact .definition{
                        border-bottom: 1px dotted #C4C4C4;
                        padding: 6px 0;
                        width: 400px;
                        float: right;
                    }
                        #profile .contact .definition:last-child{
                            margin-bottom: 20px;
                        }
                    #profile .contact dt{
                        font-size: 11px;
                        color: #999;
                        font-weight: bold;
                        text-transform: uppercase;
                        width: 180px;
                        display: inline-block;
                    }
                    #profile .contact dd{
                        font-size: 13px;
                        color: #999;
                        display: inline-block;
                    }


    /* Focus areas ListView (/what-we-fund) */
        #focus_areas{
            background: none;
            padding-top: 0;
        }
            #focus_areas > header{
                height: 210px;
                background: url(../images/sprite.png) -428px -129px;
                z-index: 1000;
                margin-bottom: 60px;
                padding: 240px 550px 0 25px;
            }
                #focus_areas > header h1{
                    /* Uses Museo Slab */
                    font-weight: 100;
                    color: #FFF;
                    font-size: 50px;
                }
                #focus_areas > header h2{
                    /* Uses Museo Sans */
                    font-weight: 100;
                    color: #00B0EA;
                    font-size: 24px;
                    line-height: 1.08;
                    margin: 4px 0 15px;
                }
                #focus_areas > header a{
                    /* Uses Museo Sans */
                    color: #FFFD56;
                    font-size: 12px;
                    font-weight: 900;
                    text-transform: uppercase;
                }
                    #focus_areas > header a:after{
                        content: '\A0\203a';
                        font-size: 19px;
                        position: relative;
                        top: 1px;
                        font-weight: 500;
                    }
            #focus_areas #social_media{
                position: absolute;
                top: 459px;
                right: 0;
            }
            #focus_areas .content{
                /* Clearfixed */
                margin-bottom: 20px;
            }
                #focus_areas .content article{
                    float: left;
                    margin-left: 4px;
                    border-left: 1px solid #CCC;
                    padding: 0 20px 25px;
                    width: 190px;
                }
                    #focus_areas .content article header a{
                      display: inline-block;
                      padding-right: 25px;
                      position: relative;
                    }

                    #focus_areas .content article header a:after {
                     background: url("../images/sprite.png") no-repeat 0 -680px;
                     content: "\0020";
                     display: block;
                     height: 38px;
                     margin-top: -19px;
                     position: absolute;
                     right: 0;
                     top: 50%;
                     width: 15px;
                    }
                        #focus_areas .content article header a:hover{
                            opacity: 0.6;
                            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                            filter: alpha(opacity=60);
                            text-decoration: none;
                        }
                    #focus_areas .content article.innovating-media {
                        border-left-color: #9818b3;
                    }
                        #focus_areas .content article.innovating-media a{
                            color: #9818b3;
                        }
                        #focus_areas .content article.innovating-media header a:after{
                            background: url(../images/sprite.png) no-repeat 0 -1360px;
                        }

                    #focus_areas .content article.engaging-communities{
                        border-left-color: #24437F;
                    }
                        #focus_areas .content article.engaging-communities a{
                            color: #24437F;
                        }
                        #focus_areas .content article.engaging-communities header a:after{
                            background: url(../images/sprite.png) no-repeat 0 -494px;
                        }
                    #focus_areas .content article.fostering-arts{
                        border-left-color: #BA0077;
                    }
                        #focus_areas .content article.fostering-arts a{
                            color: #BA0077;
                        }
                        #focus_areas .content article.fostering-arts header a:after{
                            background: url(../images/sprite.png) no-repeat 0 -585px;
                        }
                    #focus_areas .content article.journalism{
                        border-left-color: #00B0EA;
                    }
                        #focus_areas .content article.journalism a{
                            color: #00B0EA;
                        }
                        #focus_areas .content article.journalism header a:after{
                            background: url(../images/sprite.png) no-repeat 0 -676px;
                        }
                    #focus_areas .content article header{
                        /* Uses Museo Sans */
                        font-size: 16px;
                        font-weight: 900;
                        text-transform: uppercase;
                    }
                        #focus_areas .content article header strong{
                            /* Uses Museo Slab */
                            display: block;
                            font-size: 26px;
                            font-weight: 700;
                            text-transform: none;
                            letter-spacing: -1.5px;
                        }
                        #focus_areas .content article header strong.one-word {
                          padding: 8px 0 8px 0;
                        }
                    #focus_areas .content article p{
                        font: 16px/1.38 'Georgia', 'Times', 'Times New Roman', serif;
                        color: #666;
                        margin-top: 16px;
                    }
                    #focus_areas .content article .more{
                        font-size: 16px;
                        margin-top: 10px;
                    }

    /* Funding Option DetailView */
        #funding_option{
            padding-top: 0;
            background: none;
        }
            #funding_option #news_feed{
                margin-top: 30px;
            }

            #funding_option #social_media{
                position: absolute;
                top: 240px;
                right: 0;
                width: 270px;
            }

            #funding_option .secondary {
                padding-top: 40px;
            }

    /* Resident Community DetailView */
        #community{
            padding-top: 0;
            background: none;
        }
            #community > header h2{
                font-size: 12px;
                font-weight: bold;
                font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
            }
                #community > header h2 a{
                    color: #FFF;
                    text-decoration: none;
                }
            #community #news_feed{
                margin-top: 30px;
            }
            #community #social_media{
                position: absolute;
                top: 250px;
                right: 0;
            }
            #community .secondary{
                padding-top: 50px;
            }

    /* Non-resident community DetailView */
        #nonres-community{}
            #nonres-community .breadcrumb{
                position: absolute;
                top: 150px;
            }
            #nonres-community > article > header{
                background: url(../images/bg/stripes_lightblue.png);
                margin: 38px 0 20px;
            }
                #nonres-community > article > header h2{
                    font-size: 12px;
                    font-weight: bold;
                    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
                    padding: 17px 0 0 17px;
                }
                    #nonres-community > article > header h2 a{
                        color: #FFF;
                        text-decoration: none;
                    }
                #nonres-community > article > header h1{
                    /* Uses Museo Slab */
                    font-weight: 700;
                    font-size: 36px;
                    color: #FFF;
                    padding: 0 17px 17px 17px;
                }
            #nonres-community .primary .basic > :first-child{
                font-size: 24px;
                line-height: 1.48;
                margin-top: -15px;
            }
            #nonres-community #news_feed{
                margin-top: 30px;
            }
            #nonres-community #social_media {
                position: absolute;
                top: 150px;
                right: 0;
            }

    /* Focus area DetailView (/what-we-find/slug) */
        #focus_area{
            background: none;
            padding-top: 0;
        }
            #focus_area > header,
        #funding_option > header {
                color: #FFF;
                padding: 150px 22px 10px;
                position: relative;
            }
            #community > header {
                position: relative;
            }
                #focus_area > header h1{
                    font-size: 12px;
                    font-weight: bold;
                    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
                }
                    #focus_area > header h1 a{
                        color: #FFF;
                        text-decoration: none;
                    }
                #focus_area > header h2{
                    /* Uses Museo Slab */
                    font-size: 42px;
                    font-weight: 700;
                }
                #community > header .browse,
                #focus_area > header .browse,
        #funding_option > header .browse {
                    position: absolute;
                    bottom: 33px;
                    right: 0;
                    display: inline-block;
                    padding: 8px 34px 8px 24px;
                    background: url(../images/billboard/lightblue.png) no-repeat left;
                    color: #FFF;
                    font-weight: 700;
                    text-transform: uppercase;
                }
                    #focus_area > header .browse:hover{
                        text-decoration: none;
                    }
            #focus_area #news_feed{
                width: 640px;
                margin-top: 30px;
            }
            #focus_area .secondary{
                padding-top: 40px;
            }
            #focus_area #social_media{
                position: absolute;
                top: 240px;
                right: 0;
                width: 270px;
                height: 22px;
                overflow: hidden;
            }
    /* Article Detail */
        #article{}
            #article .primary{
                padding-top: 8px;
            }
                #article .primary article > header{
                    margin-bottom: 20px;
                }
                    #article .primary article > header h1{
                        /* Uses Museo Sans */
                        font-weight: 900;
                        color: #333;
                        line-height: 1.2;
                        font-size: 30px;
                        margin-top: 2px;
                    }
                    #article .primary article > header h2{
                        line-height: 1.33;
                        color: #898989;
                        font-size: 18px;
                        font-weight: 700;
                        margin: 11px 0 10px;
                    }
                    #article .primary article > header time{
                        font-size: 13px;
                        color: #666;
                    }
            #staffmember #social_media,
            #article #social_media{
                position: absolute;
                top: 150px;
                right: 0;
            }
            #article .secondary{
                padding-top: 56px;
            }

    /* Publication Detail (/publications/slug) */
        #publication{}
            #publication .breadcrumb{
                margin-bottom: 20px;
            }
            #publication .secondary{
                padding-top: 55px;
            }
            #publication #social_media{
                position: absolute;
                top: 150px;
                right: 0;
            }
            #publication_title{
                /* Clearfix */
                margin-bottom: 20px
            }
                #publication_title > figure{
                    width: 237px;
                    float: left;
                    background: url(../images/bg/stripes_bw.gif);
                    margin-top: 5px;
                }
                    #publication_title > figure figcaption{
                        /* Clearfix */
                        background: #FFF;
                    }
                    #publication_title > figure img{
                        margin: 8px;
                    }
                #publication_title > header,
                #publication_title > .meta{
                    width: 386px;
                    float: right;
                }

                #publication_title > header{
                    /* Uses Museo Sans */
                    font-size: 30px;
                    font-weight: 900;
                    line-height: 1.2;
                    color: #333;
                }

                #publication_title .meta{
                    border-top: 1px solid #A0A0A0;
                    margin-top: 11px;
                    padding-top: 10px;
                }
                    #publication_title .meta a{
                        color: #BA0077
                    }
                    #publication_title .meta dl{
                        /* Clearfixed */
                    }
                    #publication_title .meta .definition{
                        /* Clearfixed */
                        padding: 5px 10px 5px 0;
                        border-top: 1px dotted #C4C4C4;
                    }
                        #publication_title .meta .definition:first-child{
                            border-top: 0;
                            padding-top: 0;
                        }
                    #publication_title .meta dt{
                        float: left;
                        clear: left;
                        font-size: 11px;
                        line-height: 1.55;
                        color: #999;
                        text-transform: uppercase;
                        font-weight: bold;
                        width: 170px;
                    }
                    #publication_title .meta dd{
                        float: left;
                        width: 205px;
                        margin-left: 1px;
                        font-size: 13px;
                        line-height: 1.31;
                        color: #666;
                    }

    /* Groups of staff members on the staff listing page (/about/staff) */
        .staff_group{
            border-top: 2px solid #24437F;
            margin: 30px 0 50px;
        }
            .staff_group h2{
                margin: 12px 0 6px;
            }
            .staff_group h3{
                margin: 0 !important;
                font-size: 17px;
                line-height: 1.12;
                font-weight: normal;
            }
                .staff_group h3 a{
                    color: #24437F;
                }
            .staff_group .more{
                color: #00B0EA;
                font: 12px/1.33 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
            }
            .staff_group figure{
                margin: 0 !important;
            }
            .staff_group .title{
                font: 12px/1.33 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
                color: #999;
                margin: 5px 0;
            }
            .staff_group li{
                width: 295px;
                padding: 0 25px 0 0 !important;
                float: left;
                background: none !important;
                margin-top: 20px;
                min-height: 94px;
            }
                .staff_group li:nth-child(2n+1){
                    clear: left;
                }
                .staff_group li.has-image{
                    position: relative;
                    padding: 0 25px 0 90px !important;
                    width: 205px;
                }
                    .staff_group li.has-image figure{
                        position: absolute;
                        top: 0;
                        left: 0;
                    }

    /* Error page */
        #error{
            padding-top: 0;
        }
            #error > header{
                padding: 150px 22px 23px;
                height: auto;
            }
            #error h2{
                color: #222;
                font-size: 36px;
                line-height: 1.06;
                font-weight: 300;
            }
            #error h3{
                color: #898989;
                font-weight: 700;
                font-size: 18px;
                line-height: 1.33;
                margin-bottom: 6px;
            }
            #error li{
                font-size: 16px;
                margin: 0;
            }


    /* Flatpage */
        #flatpage{
            padding-top: 0;
        }
            #flatpage > header{
                padding: 150px 22px 23px;
                height: auto;
            }
                #flatpage > header h1{
                    /* Uses Museo Slab */
                    color: #FFF;
                    font-size: 42px;
                    font-weight: 700;
                }
                    #flatpage > header h1 a{
                        color: #FFF;
                    }
            #flatpage .subnav{
                width: 125px;
                float: left;
                margin-top: 18px;
                text-align: right;
                font-size: 12px;
                font-weight: bold;
                text-transform: uppercase;
                padding: 10px 35px 0 0;
            }
                #flatpage .subnav .arrow{
                    /* Uses Image Replacement */
                    position: absolute;
                    top: -12px;
                    right: -37px;
                    display: block;
                    width: 19px;
                    height: 1px;
                    padding-top: 36px;
                    background: url(../images/sprite.png) no-repeat top right;
                }
                    #flatpage .subnav li li .arrow{
                        top: -6px;
                    }
                #flatpage .subnav a{
                    color: #666;
                }
                    #flatpage .subnav .active > a{
                        color: #BA0077;
                    }
                #flatpage .subnav li{
                    margin: 15px 0;
                    position: relative;
                }

                    #flatpage .subnav li ul{
                        border-top: 1px solid #D6D6D6;
                        margin: 9px 0 -6px;
                    }
                    #flatpage .subnav li li{
                        text-transform: none;
                        font-weight: normal;
                        border-bottom: 1px solid #D6D6D6;
                        padding: 7px 0 6px;
                        margin: 0;
                        line-height: 1.25;
                    }
                        #flatpage .subnav li li a{
                            color: #999;
                        }
            #flatpage .primary{
                margin: 18px 0 35px;
                padding: 0 30px 15px;
                border-left: 1px solid #BA0077;
            }
                #flatpage.depth-1 .primary > :first-child{
                    margin-top: 0;
                }
                #flatpage.has-sidebar .primary{
                    width: 429px;
                }
                #flatpage.has-sidebar.no-subnav .primary{
                    padding-left: 0;
                    border-left: 0;
                    width: 640px;
                }
                #flatpage.no-sidebar.no-subnav .primary{
                    padding-left: 0;
                    border-left: 0;
                    width: 850px;
                }
            #flatpage .secondary{
                margin-top: 40px;
            }


    /* Site Search results */
        .search{
            padding-top: 0 !important;
        }

		/* Search Form */
        .search #searchform {
            background: url(../images/bg/stripes_lightblue.png);
            height: 20px;
            margin: 10px 0 25px;
            padding: 30px 0 35px 20px;
        }
            .search #searchform > header {
                float: left;
                width: 170px;
            }
            .search #searchform h1 {
                font-size: 32px;
                font-weight: 700;
                color: #fff;
        		margin-top: -4px;
            }
            .search #searchform > section > form {
                padding: 0 0 12px 13px;
                /* Clearfixed */
            }
                .search #searchform > section > form input {
                    border: 0;
                    margin: 0;
                    padding: 6px;
                    height: 13px;
                    width: 300px;
                    background: #FFF;
                    float: left;
                    outline: none;
                    color: #666;
                }
                .search #searchform > section > form button {
                    border: 0;
                    width: 30px;
                    height: 25px;
                    background: url(../images/sprite.png) no-repeat 0 0;
                    cursor: pointer;
                    float: left;
                    text-indent: -999em;
                    overflow: hidden;
                }
                    .search #searchform > section > form button:hover {
                        opacity: 0.6;
                        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                        filter: alpha(opacity=60);
                    }

			/* Site Search clear filters */
			.search >aside#filters > section.clear-filters {
				background: #00B0EA;
				padding: 20px 0px 20px 13px;
			}
				.search > aside#filters > section.clear-filters p {
					display: block;
					background: white url(../images/sprite.png) no-repeat -1338px -600px;
					padding: 9px 38px 8px 8px;
				}
					.search > aside#filters > section.clear-filters p a {
						font-size: 12px;
						line-height: 1.17;
						font-weight: bold;
						color: #BA0077;
					}
						.search > aside#filters > section.clear-filters p a:hover,
						.search > aside#filters > section.clear-filters p a:active {
							text-decoration: underline;
						}

			/* Site Search facet filters */
            .search > aside#filters {
                float: left;
            }
				.search > aside#filters header {
					background: #24437F;
					padding: 9px 13px;
				}
					.search > aside#filters header h2 {
						font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
						font-size: 10px;
						font-weight: bold;
						text-transform: uppercase;
						color: #FFF;
					}
				.search > aside#filters > section > header {
					background: #DADADA;
					padding: 8px 13px;
				}
					.search > aside#filters > section > header > h3 {
						color: #666;
						font-size: 12px;
						font-weight: bold;
					}
				.search > aside#filters > section > ul {
					background: whiteSmoke;
				}
					.search > aside#filters > section > ul > li {
						border-bottom: 1px solid #D7D7D7;
						font-size: 12px;
						line-height: 1.25;
						padding: 8px 13px 7px;
						color: #666;
					}
						.search > aside#filters > section > ul > li.selected {
							border-left: 8px solid #24437F;
							padding-left: 7px;
						}
						.search > aside#filters > section > ul > li > a {
							color: #24437F;
						}
							.search > aside#filters > section > ul > li.selected a {
								color: #666;
							}
							.search > aside#filters > section > ul > li > a:hover,
							.search > aside#filters > section > ul > li > a:active {

							}
							.search > aside#filters > section > ul > li > a > strong {
								font-weight: bold;
							}

			/* Site Search results list */
	        .search > section#results {
	            /* margin-top: 10px; */
	            float: right;
	            margin-top: 10px;
	        }
	            .search #results div{
	                /* Clearfixed */
	            }
	            .search #results .basic{
	                padding-top: 20px;
	            }
            .search #resultsum {
                width: 100%;
                font-size: 14px;
                color: #666;
        		float: none;
                clear: both;
                margin-bottom: 15px;
            }
	            .search #resultsum h2{
	                font-size: 20px;
	                font-weight: bold;
	                color: #000;
	                margin: 0 0 12px;
	            }

			.search #results nav.horiz_nav {
				margin-bottom: 25px;
			}
                .search #results ul#search-results li{
                    border-bottom: 1px solid #EBEBEB;
                    padding-bottom: 20px;
                    margin-bottom: 20px;
            		overflow: auto;
            		width: 100%;
            		display: block;
                }
                    .search #results ul#search-results li:last-child{
                        border-bottom: 0;
                        padding-bottom: 0;
                        margin-bottom: 0;
            			overflow: hidden;
                    }
            		.search #results ul#search-results li figure {
                        display: block;
                        float: left;
                        margin-right: 20px;
                        width: 165px;
                    }
                    .search #results ul#search-results li .result_desc {
                        display: block;
                        float: left;
                        width: 540px;
                    }
                    .search #results ul#search-results li .type{
                        font-size: 11px;
                        color: #999;
                        text-transform: uppercase;
                    }
                    .search #results ul#search-results li h2{
                        font: 24px/1.17 'Georgia', 'Times New Roman', 'Times', serif;
                        margin: 6px 0;
                    }
                        .search #results ul#search-results li h2 a{
                            color: #222;
                        }
            		.search #results ul#search-results li p {
                        color: #666666;
                        font-size: 13px;
                        line-height: 1.31;
                        margin: 4px 0 8px 0;
                    }
                    .search #results ul#search-results li .meta{
                        /* Clearfixed*/
                    }
                        .search #results ul#search-results li .meta li{
                            /* float: left; */
                            border: 0;
                            padding: 0 7px 0 0;
                            margin: 0 7px 0 0;
                            border-right: 1px solid #CCC;
                            font-size: 11px;
                            color: #999;
                			display: inline;
                        }
                            .search #results ul#search-results li .meta li a{
                                color: #00B0EA;
                                margin-right: 6px;
                            }
                                .search #results ul#search-results li .meta li a:last-child{
                                    margin-right: 0;
                                }
                            .search #results ul#search-results li .meta li:last-child{
                                border: 0;
                                margin: 0;
                                padding: 0;
                            }

    /* Press Room */
        #press_room{
            padding-top: 0;
            background: none;
        }
            #press_room #news_feed > footer nav .active a{
                padding: 15px 37px 15px 0;
                margin: -15px 0;
                position: relative;
                left: 37px;
                background: url(../images/sprite.png) no-repeat top right
            }
            #press_room #news_feed{
                padding-top: 0;
                border-top: 0;
                margin-top: 18px;
            }
            #press_room #news_feed footer{
                border-top: 0;
            }
                #press_room #news_feed .main footer{
                    /* Clearfixed */
                    border-top: 1px solid #CCC;
                    clear: right;
                    position: relative;
                    top: 10px;
                    padding-top: 10px;
                }
                    #press_room #news_feed .main footer nav.pagination{
                        margin-top: 8px;
                    }
            #press_room #news_feed .main section{
                /* Clearfixed */
            }
            #press_room #social_media{
                position: absolute;
                top: 250px;
                right: 0;
            }
            #press_room .secondary{
                padding-top: 28px;
            }
            #press_room #news_feed ol{
                min-height: 300px;
                padding-left: 35px;
            }


    /* Grant listing (/grants) */
        #browser{
            padding-top: 0;
            background: none;
        }

        #browser > header h1 a {
            color: white;
            text-decoration: none;
        }

            /* Main listing */
            #browser > section{
                width: 727px;
                float: right;
            }
                #browser > section table {
                    width: 100%;
                }
                #browser > section thead {
                    text-align: left;
                }
                #browser > section thead th {
                    position: relative;
                }
                #browser > section .row{
                    margin: 16px 0;
                }
                #browser > section tr{ border-top: 1px solid #d7d7d7; }
                #browser > section tr:first-child { border-top: 0px; }
                #browser > section td {
                    padding: 9px 2px 8px 2px;

                }
                #browser > section tr:first-child td { padding-top: 20px;}
                #browser > section article{
                    position: relative;
                    padding: 145px 0 30px;
                    margin-left: 13px;
                    width: 232px;
                    float: left;
                }
                    #browser > section article:first-child{
                        margin-left: 0;
                    }
                    #browser > section td a,
                    #browser > section article a{
                        color: #24437F;
                    }
                    #browser > section tbody tr,
                    #browser > section article p{
                        color: #666;
                        font-size: 13px;
                        line-height: 1.31;
                        margin-top: 4px;
                    }
                    #browser > section article header{
                        /* Uses Museo Slab */
                        font-weight: 500;
                        font-size: 17px;
                        line-height: 1.12;
                    }
                        #browser > section article a:hover h1{
                            text-decoration: underline;
                        }
                    #browser > section article figure{
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                    #browser > section article time {
                        /* float: left; */
                        border: 0;
                        padding: 0 7px 0 0;
                        margin: 0 7px 0 0;
                        font-size: 11px;
                        color: #999;
                    }
                #browser > section .row{
                    /* Clearfixed */
                }
                #browser > section > header{
                    margin: 35px 0 4px;
                }
                    #browser > section > header p{
                        font-size: 14px;
                        color: #666;
                        margin-bottom: 12px;
                    }
                    #browser > section > header p { padding-top: 25px;}


                 /* View Nav (Griv/List) */
                #browser > section nav.view_nav{
                    text-transform: uppercase;
                    color: #c6277b;
                    position: absolute;
                    right: 0;
                    top: 290px;
                    width: 90px;
                    font-size: 11px;
                    font-weight: bold;
                }
                    #browser > section nav.view_nav a,
                    #browser > section nav.view_nav span {
                        float: left;
                        display: block;
                    }
                    #browser > section nav.view_nav span {
                        padding: 5px 8px 0 0;
                    }
                    #browser > section nav.view_nav a{
                        background-image: url("../images/nav/grant_view_nav.png");
                        background-repeat: none;
                        width: 21px;
                        height: 21px;
                        font-size: 1px;
                        text-indent: -999em;
                    }
                    #browser > section nav.view_nav a.grid {
                        background-position: 0 0;
                        margin-right: 4px;
                    }
                    #browser > section nav.view_nav a.grid.active {
                        background-position: -21px 0;
                    }
                    #browser > section nav.view_nav a.list {
                        background-position: -42px 0;
                    }
                    #browser > section nav.view_nav a.list.active {
                        background-position: -63px 0;
                    }

                #browser > section > footer{
                    /* Clearfixed */
                    border-top: 1px solid #CCC;
                    padding: 12px 0 50px;
					margin-top: 15px;
                    color: #666;
                }
                    #browser > section > footer p{
                        float: left;
                        font-size: 14px;
                    }
                #browser > section .pagination{
                    float: right;
                    margin-top: 2px;
                }
                #browser > section #social_media{
                    position: absolute;
                    top: 245px;
                    right: 0;
                }

            /* Facets */
            #browser > aside{
                width: 182px;
                float: left;
                margin-top: 10px;
            }
                #browser > aside > header{
                    /* Uses Museo Slab */
                    background: #00B0EA;
                    font-weight: 700;
                    font-size: 21px;
                    line-height: 1.19;
                    padding: 20px 13px 8px;
                    color: #FFF;
                    letter-spacing: -0.75px;
                }
                #browser > aside > form{
                    background: #00B0EA;
                    padding: 0 0 12px 13px;
                    /* Clearfixed */
                }
                    #browser > aside > form input{
                        border: 0;
                        margin: 0;
                        padding: 6px 6px 0;
                        height: 19px;
                        width: 116px;
                        background: #FFF;
                        float: left;
                        outline: none;
                        color: #666;
                    }
                        #browser.search > aside > form input[type="checkbox"]{
                            background: #00B0EA;
                        }
                    #browser > aside > form button{
                        border: 0;
                        width: 30px;
                        height: 25px;
                        background: url(../images/sprite.png) no-repeat 0 0;
                        cursor: pointer;
                        float: left;
                        text-indent: -999em;
                        overflow: hidden;
                    }
                    #browser aside .models ul {
                        display: block;
                    }
                        #browser aside .models li {
                            display: block
                            margin-bottom: 10px;
                            margin-right: 13px;
                        }
                            #browser aside .models label {
                                font-size: 13px;
                                font-weight: bold;
                                color: #FFF;
                                display: block;
                                border-top: 1px solid #FFF;
                                padding: 0px 7px 5px;
                            }
                                #browser aside .models ul li:first-child{
                                    /* border-top: none; */
                                }
                                    #browser aside .models > ul li:first-child label{
                                       /*  border-top: none; */
                                    }
                                #browser aside .models ul li:last-child{
                                    border-bottom: none;
                                }
                            #browser aside .models ul li input{
                                width: auto !important;
                                float: none !important;
                                position: relative;
                                top: 4px;
                                margin-right: 4px !important;
                            }
                    #browser > aside#pub_filter > form label {
                        display: none;
                    }

                /* Currently-selected facets */
                #active_filters{
                    background: #00B0EA;
                    padding: 0 13px 30px 13px;
                }
                    #active_filters header{
                        font-size: 10px;
                        color: #FFF;
                        text-transform: uppercase;
                        font-weight: bold;
                        border-top: 1px solid #9CDAF6;
                        padding-top: 10px;
                    }
                    #active_filters li{
                        font-size: 12px;
                        line-height: 1.17;
                        font-weight: bold;
                        color: #BA0077;
                        margin: 8px -13px 0 0;
                    }
                    #active_filters a{
                        color: #BA0077;
                        display: block;
                        background: #FFF url(../images/sprite.png) no-repeat -1338px -600px;
                        padding: 9px 38px 8px 8px;
                        cursor: pointer;
                    }

                /* Allows refinement of currently-selected facets */
                #refine_filters{

                }
                    #refine_filters h2{
                        background: #24437F;
                        color: #FFF;
                        font-size: 10px;
                        font-weight: bold;
                        text-transform: uppercase;
                        padding: 9px 13px;
                    }
                    #refine_filters h3{
                        background: #DADADA;
                        color: #666;
                        font-size: 12px;
                        font-weight: bold;
                        padding: 8px 13px;
                    }
                    #refine_filters a{
                        color: #24437F;
                    }
                    #refine_filters li{
                        background: #F5F5F5;
                        border-bottom: 1px solid #D7D7D7;
                        font-size: 12px;
                        line-height: 1.25;
                        padding: 8px 13px 7px;
                        color: #666;
                    }
                        #refine_filters li:last-child{
                            border: 0;
                        }
                    #refine_filters .abbreviate{
                        width: auto;
                        padding: 0;
                        font-size: 10px;
                        font-weight: normal;
                        text-transform: uppercase;
                        background: none;
                        position: relative;
                        left: -3px;
                    }
                        #refine_filters .abbreviate:after{
                            content: url(../images/button/abbr.png);
                            position: relative;
                            top: 2px;
                            left: 6px;
                        }

                /* Lists all facets (shown when none are selected) */
                #all_facets{
                    background: #00B0EA;
                    padding-bottom: 13px;
                }
                    #all_facets section{
                        background: #004780;
                        width: 156px;
                        margin: 7px 13px 0;
                        padding-bottom: 6px;
                        position: relative;
                    }
                        .js #all_facets section{
                            padding: 0;
                        }
                    #all_facets h2{
                        font-size: 11px;
                        font-weight: bold;
                        color: #FFF;
                        border-top: 1px solid #9CDAF6;
                        padding-top: 10px;
                        margin: 0 13px;
                    }
                    #all_facets h3{
                        font-size: 13px;
                        font-weight: bold;
                        color: #FFF;
                        padding: 9px 12px 8px;
                    }
                        .js #all_facets h3{
                            padding: 0;
                        }
                            .js #all_facets h3 a{
                                background: url(../images/facets/arrow.png) no-repeat left;
                                cursor: pointer;
                                text-decoration: none;
                                display: block;
                                color: #FFF;
                                padding: 9px 12px 8px;
                            }
                                .js #all_facets .open h3 a{
                                    background-position: right;
                                    margin-right: -9px;
                                    color: #24437F;
                                    background-color: #00B0EA;
                                }
                    #all_facets h4{
                        font-size: 16px;
                        line-height: 24px;
                        color: #666;
                        font-weight: normal;
                        padding: 12px 2px 10px 22px;
                        background: url(../images/sprite.png) no-repeat -499px -597px;
                        position: relative;
                        left: -10px;
                    }
                    #all_facets .main{}
                        .js #all_facets .main{
                            display: none;
                            position: absolute;
                            top: -10px;
                            left: 166px;
                            background: #FFF;
                            width: 300px;
                            border-radius: 3px;
                            -webkit-border-radius: 3px;
                            -moz-border-radius: 3px;
                            box-shadow: 0 0 13px rgba(0, 0, 0, 0.4);
                            -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.4);
                            -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.4);
                        }
                    #all_facets li{
                        border-top: 1px solid #206498;
                        margin: 0 12px;
                        padding: 5px 0 4px;
                        font-size: 11px;
                        line-height: 1.18;
                    }
                        .js #all_facets li{
                            border-top: none;
                        }
                        #all_facets li ul{
                            padding-top: 3px;
                            font-weight: normal;
                        }
                            .js #all_facets li ul{
                                /*display: none;
                                */
                            }
                        #all_facets li li{
                            border-top: none;
                            margin: 0;
                        }
                            #all_facets li li a:before{
                                content: '\203a\A0';
                            }
                    #all_facets a{
                        color: #FFF;
                    }
                        .js #all_facets a.close{
                            /* Uses image replacement */
                            background: url(../images/sprite.png) no-repeat -1481px -607px;
                            display: block;
                            height: 16px;
                            width: 16px;
                            position: absolute;
                            top: 17px;
                            right: 14px;
                        }
                    #all_facets .sub{
                        font-weight: bold;
                    }
                        .js #all_facets .sub{
                            margin: 0;
                        }

                    /* Facet groups that are not broken into categories */
                    .js #all_facets .no-sub{}
                        .js #all_facets .no-sub ul{
                            /* Clearfixed */
                            margin-bottom: 12px;
                            border-bottom: 1px solid #E8E8E8;
                        }
                        .js #all_facets .no-sub li{
                            width: auto;
                            float: none;
                            font-size: 13px;
                            font-weight: bold;
                            padding: 0;
                            margin: 0;
                        }
                            .js #all_facets .no-sub li a{
                                padding: 8px 12px;
                                display: block;
                                text-decoration: none;
                                color: #004780 !important;
                            }
                                .js #all_facets .no-sub li a:hover{
                                    background-color: #EAF5FA;
                                }
                                .js #all_facets .no-sub li a:after{
                                    content: '';
                                }

                    /* Facet groups that are broken into categories */
                    .js #all_facets .has-sub{}
                        .js #all_facets .has-sub .main{
                            width: 419px;
                            overflow: hidden;
                        }
                        .js #all_facets .has-sub .panel{
                            position: relative;
                        }
                        .js #all_facets .has-sub ul{
                            /* Clearfixed */
                            border-top: 1px solid #B4B8BA;
                        }
                            .js #all_facets .has-sub ul ul{
                                border-top: 0;
                            }

                    /* Casing out the community panel, which gets a slightly different
                       visual treatment due to the number of items inside */
                    .js #all_facets .community .main{
                        width: 419px;
                    }
                    .js #all_facets .community ul{
                        border-bottom: 0;
                        margin-bottom: 0;
                    }

                    .js #all_facets li{
                        border-top: 1px solid #E8E8E8;
                    }
                        .js #all_facets li .count{
                            color: #999;
                        }

                    /* Items that get wrapped into a 3-wide grid */
                    .js #all_facets .wrap{
                        border-top: 1px solid #E8E8E8;
                        padding: 8px 2px 12px 12px;
                    }
                        .js #all_facets .has-sub .wrap{
                            border-top: 0;
                        }
                    .js #all_facets .wrap li{
                        border: 1px solid #E8E8E8;
                        border-width: 1px 0 0;
                        width: 125px;
                        float: left;
                        margin: 0;
                        padding: 6px 0;
                        margin-right: 10px;
                        font-size: 12px;
                        font-weight: normal;
                    }
                        .js #all_facets .wrap li.col1{
                            clear: left;
                        }
                        .js #all_facets .wrap li a{
                            padding: 0 !important;
                        }
                            .js #all_facets .wrap li a span{
                                color: #24437F;
                            }
                        .js #all_facets .wrap li a:hover{
                            background: none;
                            text-decoration: none;
                        }
                             .js #all_facets .wrap li a:hover span{
                                 text-decoration: underline;
                             }
                        .js #all_facets .wrap li.first-row{
                            border-top: 0;
                        }
                        .js #all_facets li a{
                            color: #999;
                        }
                            .js #all_facets .wrap li a:after{
                                content: '\A0\203a';
                                color: #00B0EA;
                            }

                    .js #all_facets .sub.column {
                        background: #fff;
                        border-top: 0 !important;
                        width: 60px;
                        float: left;
                    }

                    /* Categories inside of a facet panel (only used in "Subcategory") */
                    .js #all_facets .sub{
                        background: #F9F9F9;
                        border-bottom: 1px solid #E8E8E8;
                        border-width: 0 0 1px 0;
                        padding: 0;
                        margin: 0;
                        float: none;
                        width: auto;
                    }
                        .js #all_facets .sub > a{
                            display: block;
                            padding: 8px 12px;
                            font-size: 13px;
                            font-weight: bold;
                            text-decoration: none;
                            color: #24437F;
                            background: url(../images/sprite.png) no-repeat right -647px;
                        }
                            .js #all_facets .sub > a:after{
                                content: '';
                            }
                            .js #all_facets .sub > a:hover{
                                background-color: #EAF5FA;
                            }
                        .js #all_facets .sub div{
                            position: absolute;
                            top: 0;
                            left: 100%;
                            display: none;
                            width: 419px;
                        }
                            .js #all_facets .sub div h5{
                                font-size: 16px;
                                line-height: 24px;
                                color: #666;
                                font-weight: normal;
                                padding: 12px 2px 10px 12px;
                            }
                            .js #all_facets .sub div ul{
                                border-top: 1px solid #B4B8BA;
                            }
                            .js #all_facets .sub div.wrap{
                                /* Clearfixed */
                                display: block;
                                position: static;
                            }
                            .js #all_facets .sub .all{
                                font-weight: bold;
                            }
                            .js #all_facets .sub .back{
                                background: url(../images/sprite.png) no-repeat -1477px -689px;
                                padding: 3px 0 3px 12px;
                                display: inline-block;
                                font-size: 10px;
                                font-weight: bold;
                                text-transform: uppercase;
                                color: #00B0EA;
                                position: absolute;
                                top: 15px;
                                right: 40px;
                            }
                                .js #all_facets .sub .back:after{
                                    content: '';
                                }
                            .js #all_facets .sub a:before{
                                content: '';
                            }
                            .js #all_facets .sub .col1{
                                clear: left;
                            }


    /* Grant DetailView (/grants/pk) */
        #grant{}
            #grant .breadcrumb{
                margin: 10px 0 -15px;
            }
            #grant #social_media {
                position: absolute;
                top: 150px;
                right: 0;
            }
            #grant_other.secondary {
                padding-top: 0;
            }
            #grant_info{
                padding-top: 35px;
            }
                #grant_info > header{
                    /* Uses Museo Sans */
                    color: #333;
                    font-weight: 900;
                    padding-bottom: 15px;
                }
                #grant_info h1{
                    font-size: 36px;
                    line-height: 1;
                }
                #grant_info h2{
                    font-size: 16px;
                    line-height: 1.25;
                    text-transform: uppercase;
                    margin-top: 8px;
                }
                #grant_info a{
                    color: #BA0077;
                }

            #grant_meta{
                /* Clearfixed */
                border-top: 1px solid #A0A0A0;
                padding-top: 15px;
                margin-bottom: 25px;
            }

                #grant_info dt{
                    width: 100px;
                    float: left;
                    clear: left;
                    font-size: 11px;
                    line-height: 1.55;
                    color: #999;
                    font-weight: bold;
                    text-transform: uppercase;
                    padding: 4px 10px 4px 0;
                }
                #grant_info .definition{
                    border-top: 1px dotted #C4C4C4;
                }
                    #grant_info .definition:first-child{
                        border-top: 0;
                    }
                #grant_info dd{
                    width: 150px;
                    float: left;
                    font-size: 13px;
                    line-height: 1.31;
                    padding: 4px 10px 4px 0;
                    color: #666;
                }
                #grant_other h1 {
                    color: #24437F;
                    margin-bottom: 20px;
                }
                #grant_other ul li {
                    color: #24437F;
                    font: 14px/1.43 'Georgia', 'Times New Roman', 'Times', sans-serif;
                    margin: 16px 0;
                }
                #grant_other ul li a {
                    color: #666;
                }

                #grant_other .grant_project_lead img {
                    float: left;
                    margin-bottom: 8px;
                    margin-right: 8px;
                }
                #grant_other .grant_project_lead h3 {
                    font-family: "museo-slab-1","museo-slab-2","Georgia","Times","Times New Roman",serif;
                    color: #666;
                }
                #grant_other .grant_project_lead p {
                    clear: both;
                }

                #grant_contact{
                    border-top: 1px solid #A0A0A0;
                }
                    #grant_contact header{
                        font-size: 11px;
                        color: #999;
                        font-weight: bold;
                        text-transform: uppercase;
                        margin: 15px 0;
                    }
                    #grant_contact li{
                        font: 14px/1.21 'Georgia', 'Times', 'Times New Roman', sans-serif;
                        color: #666;
                        padding-left: 25px;
                        margin: 8px 0;
                        background: url(../images/sprite.png);
                    }
                        #grant_contact li.email{ background-position: 0 -830px; }
                        #grant_contact li.location{ background-position: 0 -854px; }
                        #grant_contact li.website{ background-position: 0 -881px; }
                        #grant_contact li.facebook{ background-position: 0 -917px; }
                        #grant_contact li.twitter{ background-position: 0 -944px; }

            #grant_media{
                width: 640px;
                height: 360px;
            }

            #grant_purpose{
                padding: 25px 18px;
                background: #F2F1EF;
            }
                #grant_purpose p{
                    font-size: 28px;
                    line-height: 1.21;
                    color: #212121;
                    font-weight: 100;
                }
                #grant_purpose #long_description{
                    margin-top: 25px;
                }
                #grant_purpose #long_description.open {

                }
                #grant_purpose #long_description p{
                    font-size: 16px;
                    line-height: 1.4em;
                }
                #grant_purpose a {
                    color: #00B0EA;
                }
                #grant_purpose a.toggle {
                    background: none;
                    display: block;
                    text-indent: 0px;
                    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
                    position: relative;
                    padding: 6px 0 5px 10px;
                    width: 102px;
                }
                    #grant_purpose a.toggle span{
                        background: url(../images/sprite.png) -208px -5px;
                        width: 14px;
                        height: 14px;
                        display: block;
                        float: right;
                        margin-top: 1px;
                    }
                    #grant_purpose a.toggle.open span {
                        background: url(../images/sprite.png) -187px -5px;

                    }
            #grant #news_feed{
                width: 640px;
                float: left;
            }

/********************
 * Reusable modules *
 ********************/

    /* Social media links (Like button, Tweet button) */
    #social_media{}
        #social_media iframe{
            margin-right: 0px;
        }
        #social_media .twitter-share-button{
            margin-right: 0;
        }
        #flatpage #social_media{
            margin-top: 10px;
            float: right;
        }
        /* Fixes twitter button's excessive width. */
        #social_media #twitter_container {
            width: 88px;
            height: 22px;
            overflow: hidden;
            float: left;
        }
        #social_media #plusone_container {
            width: 75px;
            height: 22px;
            overflow: hidden;
            float: left;
        }

    /* Featured image (culled from Flickr) */
    #featured_image{
        z-index: -1;
        position: absolute;
        top: 120px;
        right: 0;
        border-bottom: 1px solid #E5E5E5;
    }
        #featured_image img{
            margin-left: 340px;
        }
        #featured_image figcaption{
            font-size: 11px;
            color: #333;
            padding: 11px 0 16px;
            background: url(../images/sprite.png) no-repeat -424px -604px;
            padding-left: 33px;
        }
        #featured_image a{
            color: #00B0EA;
        }

    /* Current funding opportunities */
    #current_opportunities{
        border-top: 2px solid #00B0EA;
        width: 640px;
        float: left;
    }
        #current_opportunities a{
            color: #00B0EA;
        }
        #current_opportunities > header{
            font-size: 12px;
            font-weight: bold;
            color: #00B0EA;
            text-transform: uppercase;
            padding-top: 12px;
            margin-bottom: 12px;
        }
        #current_opportunities > article{
            margin-top: 12px;
        }
            #current_opportunities > article header{
                font-size: 24px;
                font-weight: bold;
            }
            #current_opportunities > article p{
                color: #666;
                font-size: 14px;
                line-height: 1.57;
                padding-right: 40px;
                margin-top: 2px;
            }

    /* News feed -- with both vertical and horizontal nav */
    #news_feed{
        /* Clearfixed */
        border-top: 2px solid #24437F;
        padding-top: 20px;
        position: relative;
    }
        #news_feed.horiz{
            padding-top: 12px;
        }
            #news_feed.horiz .abbreviate{
                margin-top: 10px;
            }
        #news_feed > section{
            /* Clearfixed */
        }
        #news_feed h1{
            /* Uses Museo Slab */
            background: url(../images/sprite.png) no-repeat 0 -1021px;
            font-weight: 700;
            min-height: 17px;
            padding-left: 27px;
            font-size: 22px;
            color: #24437F;
            margin-bottom: 20px;
            width: 200px;
            letter-spacing: -1px;
        }
            #news_feed.horiz h1{
                background: none;
                padding-left: 0;
                width: 500px;
            }

        #news_feed span.rss_updates a {
            background: url(../images/rss.gif) no-repeat top right #fff;
            position: absolute;
            top: 10px;
            right: 0;
            color: #999;
            font-size: 11px;
            font-weight: bold;
            text-transform: uppercase;
            padding-right: 18px;
        }

        #news_feed h2{
            font-size: 12px;
            font-weight: bold;
            text-transform: uppercase;
            color: #BA0077;
            width: 104px;
            float: left;
            clear: left;
            text-align: right;
            padding: 13px 36px 0 0;
            height: 25px;
            background: url(../images/sprite.png) no-repeat right top;
            position: relative;
            right: -36px;
            z-index: 3;
            margin-top: 15px;
        }
        #news_feed h3,
        #news_feed p{
            font: 18px/1.33 'Georgia', 'Times', 'Times New Roman', serif;
        }
            #news_feed article h3 a{
                color: #333;
            }
        #news_feed .main{
        }
        #news_feed figure{
            margin: 20px 0;
        }
        .js #news_feed .main{
            /* Clearfix */
            width: 729px;
            float: right;
        }
        .js #news_feed.no-js .main {
            width: 429px;
        }
        .js #news_feed.no-js .main ol {
            width: 100%;
        }
            .js #news_feed.horiz .main{
                float: none;
                width: auto;
            }
        #news_feed ol{
            width: 734px;
            float: right;
            padding: 35px 0 35px 35px;
            margin-left: 35px;
            border-left: 1px solid #BA0077;
            z-index: 2;
            border-bottom: 1px solid #BA0077;
        }
            #news_feed.horiz ol{
                width: 640px;
                float: none;
                padding: 0 !important;
                margin: 115px 0 0;
                border: 0;
            }
            .js #news_feed ol{
                border-bottom: 0;
                padding: 10px 0 10px 30px;
                min-height: 240px;
            }
            #news_feed .main section:first-child ol{
                padding-top: 10px;
            }
            #news_feed .main section:last-child ol{
                border-bottom: 0;
                padding-bottom: 10px;
            }
        #news_feed ol > li{
            padding: 14px 0;
            border-bottom: 1px solid #CCC;
            color: #333;
            position: relative;
        }
            #news_feed ol > li:first-child{
                padding-top: 0;
            }
            #news_feed ol > li:last-child{
                padding-bottom: 0;
                border-bottom: 0;
            }
        #news_feed section{}
            .js #news_feed section{
                position: relative;
                top: -43px;
            }
            .js #news_feed section > header{
                display: none;
            }
        #news_feed article{
            /* Clearfixed */
        }
            #news_feed article.closed{}
                #news_feed article.closed figure{
                    display: none;
                }
            #news_feed article .toggle{
                position: relative;
                top: 0;
                left: 0;
                text-indent: 0;
                overflow: visible;
                display: block;
                float: left;
                width: auto;
                height: 12px;
                background: url(../images/sprite.png) 0 -971px;
                padding: 2px 0 0 20px;
                font: bold 10px/1 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
                text-transform: uppercase;
                color: #00B0EA;
                margin-top: 6px;
            }
            #news_feed article a{
                color: #BA0077;
            }
            #news_feed article .meta{
                /* Clearfixed */
                color: #999;
                font-size: 11px;
                margin-bottom: 5px;
            }
                #news_feed li:first-child .meta{
                    top: 6px;
                }
                #news_feed article .meta a{
                    color: #00B0EA;
                }
                #news_feed article .meta > li{
                    float: left;
                    padding-left: 7px;
                    margin-left: 7px;
                    border-left: 1px solid #CCC;
                }
                    #news_feed article .meta > li:first-child{
                        padding-left: 0;
                        margin-left: 0;
                        border-left: 0;
                    }
                #news_feed article .meta .type{ display: none; }
                #news_feed .all article .meta .type{ display: list-item; }
                #news_feed article .meta .tags{
                    /* Clearfixed */
                    max-width: 375px;
                }
                    #news_feed article .meta .tags li{
                        float: left;
                        margin-right: 7px;
                    }
                        #news_feed article .meta .tags li:last-child{
                            margin-right: 0;
                        }
        #news_feed #twitter_widget_container { margin: 115px 0 0 0; }
        #news_feed #twitter_widget_container .twitter-timeline { width: 640px; }
        #homepage #news_feed #twitter_widget_container { margin: 10px 0 0 0; }
        #homepage #news_feed #twitter_widget_container .twitter-timeline { width: 729px; }
        #news_feed > footer{
            /* Clearfixed */
            position: absolute;
            top: 29px;
            right: 0;
            font-size: 12px;
            font-weight: bold;
        }
            .js #news_feed > footer{
                position: relative;
                float: left;
                text-align: right;
                width: 140px;
                top: -16px;
            }
                .js #news_feed.horiz > footer{
                    float: none;
                    width: auto;
                    position: static;
                }

            #news_feed > footer > a{
                color: #BA0077;
            }
                #news_feed > footer > a:after{
                    content: '\A0\203a';
                }
                .js #news_feed > footer > a{
                    display: inline-block;
                    margin-top: 25px;
                }
            #news_feed > footer .arrow{
                /* Uses image replacement */
                position: absolute;
                top: 0;
                right: -37px;
                display: block;
                width: 19px;
                height: 1px;
                padding-top: 36px;
                background: url(../images/sprite.png) no-repeat top right;
            }
            #news_feed.horiz > footer .arrow{
                width: 34px;
                height: 1px;
                background: url(../images/nav/horiz_arrow.png);
                padding-top: 19px;
                top: 74px;
                right: auto;
                left: 0;
            }
            #news_feed > footer nav{
                text-transform: uppercase;
            }
                #news_feed.horiz > footer nav{
                    width: 640px;
                    border-bottom: 1px solid #BA0077;
                    position: absolute;
                    top: 56px;
                    left: 0;
                }
                #news_feed > footer nav li{
                    margin: 15px 0;
                }
                    #news_feed.horiz > footer nav li{
                        float: left;
                        margin: 0 0 8px 23px;
                    }
                #news_feed > footer nav a{
                    color: #999;
                    text-decoration: none;
                    display: inline-block;
                }
                    #news_feed > footer nav a:hover{
                        color: #BA0077;
                    }
                    #news_feed > footer nav .active a{
                        color: #BA0077;
                        cursor: default;
                    }
                    #news_feed.no-js ol h4 {
                        color: #999;
                        font-size: 10px;
                        margin-top: 8px;
                        text-transform: uppercase;
                    }
                    #news_feed.no-js footer {
                        border-top: 1px solid #CCC;
                    }
                    #news_feed.no-js footer p {
                        color: #666;
                        float: left;
                        font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
                        font-size: 14px;
                        margin-top: 5px;
                    }
                    #news_feed.no-js footer nav.pagination {
                        float: right;
                        margin-top: 4px;
                    }
    /* News Feed Open Funding */



    /* Meet our grantees */
    #meet_grantees{
        width: 350px;
        margin-right: 20px;
        float: left;
        padding: 17px 0;
    }
        #meet_grantees > article{
            /* Clearfixed */
        }
        #meet_grantees h1{
            font-size: 12px;
            text-transform: uppercase;
            font-weight: bold;
            color: #00B0EA;
            margin-bottom: 10px;
        }
        #meet_grantees h2{
            /* Uses Museo Slab */
            font-size: 24px;
            line-height: 1.08;
            margin-bottom: 15px;
        }
            #meet_grantees h2 a{
                color: #333;
            }
        #meet_grantees figure{
            float: left;
            margin: 3px 15px 15px 0;
        }
        #meet_grantees p{
            font: 14px/1.43 'Georgia', 'Times', 'Times New Roman', sans-serif;
            color: #333;
        }
        #meet_grantees .main{
            /* Clearfixed */
            width: 175px;
            float: right;
        }
            #meet_grantees .main a{
                color: #00B0EA;
                margin-top: 4px;
            }

    /*
    Funding Feed (news_feed variation overrides)
        JS see: `newsFeed`, specifically `is_funding_feed` conditionals
    */
    #news_feed.funding_feed {
        border-top: 0;
        padding-top: 0;
    }

        #news_feed.funding_feed section {
            top: -60px;
        }
        #news_feed.funding_feed header {
            background: #24437f url(../images/bg/stripes.png) repeat top left;
            padding: 19px 30px;
            position: relative;
        }
            #news_feed.funding_feed header h1 {
                color: #fff;
                font-size: 35px;
                font-weight: 900;
                letter-spacing: .5px;
                margin: 0;
            }
            #news_feed.funding_feed header .bkg-arrow {
                background: #24437f url(../images/bg/white-triangle.jpg) no-repeat top left;
                height: 37px;
                position: absolute;
                left: 0px;
                top: 19px;
                width: 13px;
            }

        #news_feed.funding_feed ol {}
            #news_feed.funding_feed ol > li {
                border: none;
                padding: 10px;
            }

        #news_feed.funding_feed h3 {
            font: bold 20px/1.5 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
        }
        #news_feed.funding_feed p {
            color: #787878;
            font: 15px/1.5 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
        }
            #news_feed.funding_feed article h3 a{
                color: #01b1ea;
                display: block;
            }

        #news_feed.funding_feed > footer {}
            #news_feed.funding_feed > footer nav  {
                background: #00b0eb;
                border: none;
                top: 75px;
            }
                #news_feed.funding_feed > footer nav li {
                    margin-top: 11px;
                    margin-bottom: 11px;
                }
                #news_feed.funding_feed > footer nav a {
                    color: #214081;
                }
                #news_feed.funding_feed > footer nav .active a {
                    color: #fff;
                }
                #news_feed.funding_feed > footer nav a:hover {
                    color: #fff;
                }
            #news_feed.funding_feed > footer .arrow  {
                color: #fff;
                background: url(../images/nav/horiz_arrow_alt.jpg) no-repeat;
                height: 13px;
                width: 25px;
                top: 109px;
                text-indent: -9999px;
            }

    /* Open Funding */
    #open_funding {
        background: #17b5f1 url(../images/bg/white-corner-triangle.png) no-repeat 101% 101%;
        float: left;
        margin-right: 20px;
        min-height: 284px;
        padding: 18px 19px;
        position: relative;
        width: 312px;
    }
    #open_funding h1 {
        background: url(../images/bg/stripes-tight.png) bottom left repeat-x;
        color: #fff;
        font-size: 38px;
        font-weight: 900;
        padding-bottom: 20px;
    }
    #open_funding h1:hover {
        cursor: default;
    }
    #open_funding a {
        color: #fff;
    }
    #open_funding a:hover {
        text-decoration: none;
    }
    #open_funding ul {
        margin: 0;
    }
    #open_funding li {
        background: url(../images/bg/dotted-tight.png) top left repeat-x;
        font-family: 'Georgia', 'Times New Roman', 'Times', serif;
        font-size: 13px;
        padding: 12px 0;
    }
    #open_funding.empty li {
        font-size: 20px;
    }
    #open_funding li:first-child {
        background: none;
    }
    #open_funding li a {
        line-height: 1.3;
        white-space: pre-wrap;
    }

    #open_funding li a:after {
        content: '\203A';
        padding-left: 3px;
    }
    #open_funding li a:hover {
        color: #f7eb05;
    }


    .blog-promo{
        background: #9E2260;
        border: 0 !important;
    }
        .blog-promo a:hover{
            text-decoration: none;
        }
        .blog-promo h1{
            /* Uses Museo Slab */
            padding: 13px 0 0 18px !important;
            margin: 0 0 8px 0;
            font-size: 16px;
            font-weight: 300;
            color: #FFF !important;
            text-transform: none !important;
        }
            .blog-promo h1 b{
                /* Uses Museo Sans */
                font-size: 40px;
                font-weight: 900;
                color: #FFF;
                display: block;
                margin-top: -4px;
            }
        .blog-promo p{
            background: url(../images/bg/blogpromo.png) no-repeat right;
            color: #FFF !important;
            padding: 6px 30px 6px 18px;
            margin: 4px 15px 12px 0 !important;
            font-weight: 500;
            line-height: 1.19;
            font-size: 16px;
        }


    /* Explore our projects */
    #explore{
        background: url(../images/bg/explore.png) no-repeat right;
        width: 530px;
        padding: 17px 20px;
        position: relative;
        overflow: hidden;
        float: right;
    }
        .js #explore{
            min-height: 310px;
        }
        #explore > header h1{
            font-size: 12px;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 8px;
            color: #999;
        }
            #explore > header h1 a{
                color: #999;
            }
        #explore > ul{
            width: 420px;
        }
            .js #explore > ul{
                width: 250px;
            }
        #explore .slide{
            display: none;
        }
            .js #explore .slide{
                display: block;
            }
        #explore > nav{
            width: 190px;
            position: absolute;
            left: 270px;
            top: 50%;
            height: 324px;
            margin-top: -162px;
        }
            #explore > nav li{
                border-bottom: 1px solid #D6D5D4;
            }
                #explore > nav li:last-child{
                    border-bottom: 0;
                }
            #explore > nav a{
                padding: 20px 0 20px 23px;
                display: inline-block;
                margin: 0 !important;
                text-decoration: none;
                background: url(../images/sprite.png) no-repeat;
            }
                #explore > nav .purple a{ background-position: 0 -1443px; }
                #explore > nav .fuschia a{ background-position: 0 -120px; }
                #explore > nav .darkblue a{ background-position: 0 -387px; }
                #explore > nav .lightblue a{ background-position: 0 -209px; }
                #explore > nav .innovating-media a{ background-position: 0 -1443px; }
                #explore > nav .fostering-arts a{ background-position: 0 -120px; }
                #explore > nav .engaging-communities a{ background-position: 0 -387px; }
                #explore > nav .journalism a{ background-position: 0 -209px; }
                
                #explore > nav .active a{ background-position: 0 -298px !important; }
        #explore li{}
            #explore li p{
                font-size: 16px;
                line-height: 1.25;
                font-weight: 300;
                margin-bottom: 5px;
                color: #333;
            }
                #explore li p > strong{
                    display: block;
                    font-size: 28px;
                    font-weight: 500;
                    margin: 12px 0 10px;
                    line-height: 0.82;
                }
                #explore li.slide p{
                    padding-right: 20px;
                    color: #666;
                    margin-top: 2px;
                }
            #explore > nav li.active a{
                color: #999 !important;
            }
            #explore header > a{
                text-decoration: none;
                display: inline-block;
            }
            #explore li.slide h2,
            #explore > nav a{
                /* Museo Sans */
                font-weight: 900;
                font-size: 12px;
                text-transform: uppercase;
                margin-top: 18px;
            }
                #explore li.slide h2 strong,
                #explore > nav a strong{
                    /* Museo Slab */
                    font-weight: 700;
                    display: block;
                    font-size: 30px;
                    text-transform: none;
                    letter-spacing: -1.5px;
                    margin-top: -2px;
                }
                #explore > nav a .one-word {
                  padding-top: 5px;
                }
            #explore li.purple.slide h2, #explore > nav li.purple a{ color: #9818b3; }
            #explore li.darkblue.slide h2, #explore > nav li.darkblue a{ color: #24437F; }
            #explore li.lightblue.slide h2, #explore > nav li.lightblue a{ color: #00b0ea; }
            #explore li.fuschia.slide h2, #explore > nav li.fuschia a{ color: #BA0077; }
            #explore li.darkgrey.slide h2, #explore > nav li.darkgrey a{ color: #666; }
            #explore li.lightgrey.slide h2, #explore > nav li.lightgrey a{ color: #999; }
            
            #explore li.innovating-media.slide h2, #explore > nav li.innovating-media a{ color: #9818b3; }
            #explore li.engaging-communities.slide h2, #explore > nav li.engaging-communities a{ color: #24437F; }
            #explore li.journalism.slide h2, #explore > nav li.journalism a{ color: #00b0ea; }
            #explore li.fostering-arts.slide h2, #explore > nav li.fostering-arts a{ color: #BA0077; }

    /* Small 'Explore our Projects' */
    #explore_small{
        width: 230px;
        float: right;
        background: #F6F6F6;
        border-top: 2px solid #24437F;
        margin: 10px;
        padding: 15px 20px 25px;
    }
        #explore_small > header h1{
            color: #666;
            font-size: 12px;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 14px;
        }
        #explore_small p {
            /* Museo Slab */
            font-size: 20px;
            line-height: 1.25;
            font-weight: 300;
            margin-bottom: 12px;
            color: #333;
        }
            #explore_small p strong{
                display: block;
                font-size: 28px;
                font-weight: 500;
                margin-top: 12px;
            }
        #explore_small ul {
            margin-bottom: 10px;
        }
        #explore_small li {
            font-size: 12px;
            line-height: 1.25;
            font-weight: bold;
            margin-bottom: 8px;
            padding-left: 2px;
            color: #333;
        }
            #explore_small li a {
                color: #00B0EA;
            }
            #explore_small li a:after {
                content: '\A0\203a';
            }


    /* Single featured project */
    #featured_project{
        width: 237px;
        float: right;
        padding-left: 20px;
        margin: 0 0 10px 20px;
        border-left: 1px solid #00B0EA;
    }
        #featured_project > header{
            font-size: 12px;
            line-height: 1.33;
            font-weight: bold;
            color: #666;
            text-transform: uppercase;
            margin-bottom: 15px;
        }
        #featured_project > article{
            padding: 0;
            position: relative;
        }
            #featured_project > article.has-image{
                padding-top: 150px;
            }
            #featured_project > article h2{
                /* Uses Museo Sans */
                font-weight: 500;
                font-size: 20px;
                line-height: 1.1;
                margin: 5px 0 3px;
            }
                #featured_project > article h2 a{
                    color: #24437F;
                }
            #featured_project > article h3{
                font-size: 11px;
                line-height: 1.27;
                color: #999;
            }
            #featured_project > article p{
                color: #666;
                font-size: 13px;
                line-height: 1.31;
            }
            #featured_project > article figure{
                position: absolute;
                top: 0;
            }
            #featured_project > article .option{
                display: inline-block;
                margin-top: 3px;
                font-size: 13px;
                line-height: 1.31;
                font-weight: bold;
                color: #00b0EA;
            }
                #featured_project > article .option:after{
                   content: '\A0\203a';
                }
        #featured_project .more{
            font: bold 11px 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
            color: #00b0EA;
            text-transform: uppercase;
            margin-top: 15px;
        }

    .blog .tweets{

    }
        .blog .tweets time{
            font-size: 12px;
            text-transform: uppercase;
            color: #999;
        }
        .blog .tweets p{
            color: #333;
            font: 18px/1.33 'Georgia', 'Times New Roman', 'Times', serif;
            margin: 4px 0 0;
        }
        .blog .tweets li{
            padding-bottom: 12px;
            border-bottom: solid 1px #CCC;
            margin-bottom: 12px;
        }
            .blog .tweets li:last-child{
                padding-bottom: 0;
                border-bottom: 0;
                margin-bottom: 0;
            }

    .blog .recent_entries{}
        .blog .recent_entries li{
            font-size: 14px;
            line-height: 1.29;
            margin: 12px 0;
        }
            .blog .recent_entries li:first-child{
                margin-top: 0;
            }
            .blog .recent_entries li:last-child{
                margin-bottom: 0;
            }


    /* Featured Projects */
    #featured_projects{
        margin-top: 20px;
        border-top: 2px solid #24437F;
        padding-top: 12px;
            position: relative;
    }
        #featured_projects > header{}
            #featured_projects > header h1{
                font-weight: 700;
                min-height: 17px;
                font-size: 22px;
                color: #24437F;
                margin-bottom: 20px;
                letter-spacing: -0.5px;
            }
                #featured_projects > header span{
                    font: 12px/1.33 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
                    color: #666;
                }
            #featured_projects > header .button{
                position: absolute;
                top: 7px;
                right: 16px;
            }
        #featured_projects .main{
            /* Clearfixed */
        }
        #featured_projects article{
            width: 185px;
            float: left;
            padding: 132px 0 20px 14px;
            position: relative;
            border-left: 1px solid #00B0EA;
            margin-right: 20px;
        }
            #featured_projects article:last-child{
                margin: 0;
            }
            #featured_projects article > header{}
                #featured_projects article > header h2{
                    /* Uses Museo Slab */
                    color: #24437F;
                    font-weight: 500;
                    font-size: 20px;
                    line-height: 1.1;
                }
                    #featured_projects article > header a{
                        color: #24437F;
                    }
                #featured_projects article > header p{
                    font-size: 11px;
                    line-height: 1.27;
                    color: #999;
                    margin: 0 0 6px;
                }
            #featured_projects article p{
                color: #666;
                font-size: 13px;
                line-height: 1.31;
                margin: 6px 0;
            }
            #featured_projects article figure{
                position: absolute;
                top: 0;
                left: -1px;
                width: 200px;
                height: 132px;
                background: #FFF;
            }
            #featured_projects article .more{
                font: bold 13px/1.31 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
                color: #00B0EA;
            }


    /* Small, generic blurb of text with links and a title */
    .blurb{
        /* Clearfixed */
        margin-top: 22px;
        border-top: 2px solid #24437F;
    }
        .blurb > header{
            font: bold 14px/1.43 'Georgia', 'Times New Roman', 'Times', serif;
            color: #24437F;
            padding-top: 10px;
        }
        .blurb p{
            font: 14px/1.43 'Georgia', 'Times New Roman', 'Times', serif;
            color: #666;
        }
        .blurb a.more{
            color: #00B0EA;
            margin-top: 6px;
        }
        .blurb a.button{
            color: #FFF;
            margin-top: 12px;
        }
            .blurb p strong{
                font-weight: bolder;
            }

    /* Generic rotating billboard (not homepage) */
    .marquee{
        width: 640px;
        height: 360px;
        overflow: hidden;
        position: relative;
    }
        .marquee > header{
            /* Element hidden */
        }
        .marquee .pager{
            position: absolute;
            z-index: 20;
            width: 75px;
            color: #999;
            font-size: 10px;
            padding: 25px;
        }
            .marquee .pager .prev,
            .marquee .pager .next{
                display: inline-block;
                width: 6px;
                height: 11px;
                text-indent: -999em;
                background: url(../images/sprite.png) no-repeat;
            }
            .marquee .pager .prev{
                background-position: -160px -6px;
                margin-right: 6px;
            }
            .marquee .pager .next{
                background-position: -173px -6px;
                margin-left: 6px;
            }
        .marquee .main{
            z-index: 4;
        }
        .marquee article{
            width: 640px;
            height: 360px;
            position: relative;
        }
            .marquee article a,
            .marquee figcaption{
                background: url(../images/sprite.png) no-repeat -400px -680px;
                width: 495px;
                padding: 15px 20px;
                position: absolute;
                display: block;
                bottom: 30px;
                left: 0;
                text-decoration: none;

            }
            .marquee article a {
                opacity: .75;
                -webkit-transition: opacity 0.7s ease-in-out;
                -moz-transition: opacity 0.7s ease-in-out;
                -o-transition: opacity 0.7s ease-in-out;
                -ms-transition: opacity 0.7s ease-in-out;
                transition: opacity 0.7s ease-in-out;

            }
            .marquee article a:hover {
                opacity: 1;
            }
                .marquee figcaption{
                    color: #FFF;
                    font: 14px/1.43 'Georgia', 'Times New Roman', sans-serif;
                    background: url(../images/sprite.png) no-repeat -400px -716px;
                }
            .marquee article h1{
                color: #EFF12D;
                font-size: 12px;
                font-weight: bold;
                text-transform: uppercase;
            }
            .marquee article h2{
                /* Uses Museo Slab */
                font-weight: 900;
                color: #FFF;
                font-size: 32px;
                line-height: 1.2;
                margin: 6px 0 3px;
            }
            .marquee article p{
                color: #FFF;
                font: 14px/1.43 'Georgia', 'Times New Roman', sans-serif;;
                padding-right: 25px;
            }
            .marquee article .more{
                color: #EFF12D;
                margin-top: 5px;
            }

    /* Homepage rotating billboard */
    #homepage-billboard{
        height: 548px;
        overflow: hidden;
        position: relative;
    }
        .js #homepage-billboard{
            height: 637px;
        }
        #homepage-billboard > header{
            /* Element hidden */
        }
        #homepage-billboard .pager{
            position: absolute;
            left: 0;
            bottom: -15px;
            border-top: 1px solid #FFF;
            z-index: 99999;
        }
            #homepage-billboard .pager li{
                float: left;
                width: 125px;
                height: 73px;
                padding: 15px 15px 0;
                margin-right: 1px;
                color: #FFF;
                font-size: 18px;
                font-weight: bold;
                line-height: 1.06;
                background: url(../images/billboard/smallarrow.png) no-repeat bottom right;
                cursor: pointer;
            }
                #homepage-billboard .pager li.activeSlide{
                    background: url(../images/billboard/activeslide.png) no-repeat top !important;
                    position: relative;
                    top: -15px;
                    padding-top: 30px !important;
                }
                #homepage-billboard .pager li:first-child{
                    width: 128px !important;
                }
                #homepage-billboard .pager li:last-child{
                    margin-right: 0;
                    width: 127px !important;
                }
                #homepage-billboard .pager li.darkgrey{ background-color: #666; }
                #homepage-billboard .pager li.darkgrey.activeSlide{ color: #666; }
                #homepage-billboard .pager li.lightgrey{ background-color: #999; }
                #homepage-billboard .pager li.lightgrey.activeSlide{ color: #999; }
                #homepage-billboard .pager li.darkblue{ background-color: #24437F; }
                #homepage-billboard .pager li.darkblue.activeSlide{ color: #24437F; }
                #homepage-billboard .pager li.lightblue{ background-color: #00b0ea; }
                #homepage-billboard .pager li.lightblue.activeSlide{ color: #00b0ea; }
                #homepage-billboard .pager li.fuschia{ background-color: #BA0077; }
                #homepage-billboard .pager li.fuschia.activeSlide{ color: #BA0077; }
        #homepage-billboard article{
            height: 548px;
            width: 940px;
            position: relative;
            overflow: hidden;
        }
            #homepage-billboard article.video{
                background: url(../images/bg/stripes.png);
                padding: 215px 39px 0 701px;
                width: 200px;
                height: 333px;
				overflow: visible;
            }

                #homepage-billboard article.video > a{
                    background: none !important;
                }

				#homepage-billboard article.video header {
					/*
					position: relative;
					top: 155px;
					right: 0px;
					width: 240px;
					*/
				}

                #homepage-billboard article.video h1{
                    /* Museo Sans */
                    font-weight: 900;
                    font-size: 32px;
                    line-height: 1.06;
                    color: #FFF;
					width: 240px;
					position: relative;
					right: 0;
                }
                    #homepage-billboard article.video h1:after{
                        content: '';
                    }
                #homepage-billboard article.video h2{
                    /* Museo Sans */
                    font-weight: 900;
                    color: #FFF;
                    font-size: 18px;
                    text-transform: uppercase;
                    width: 240px;
                    height: 26px;
                    padding: 8px 1000px 0 17px;
                    position: absolute;
                    right: -1000px;
                    top: 160px;
                    z-index: 9999;
                }

                    #homepage-billboard article.video.lightblue h2{ background: url(../images/billboard/lightblue.png) no-repeat left; }
                    #homepage-billboard article.video.lightgrey h2{ background: url(../images/billboard/lightgrey.png) no-repeat left; }
                    #homepage-billboard article.video.darkblue h2{ background: url(../images/billboard/darkblue.png) no-repeat left; }
                    #homepage-billboard article.video.darkgrey h2{ background: url(../images/billboard/darkgrey.png) no-repeat left; }
                    #homepage-billboard article.video.fuschia h2{ background: url(../images/billboard/fuschia.png) no-repeat left; }

                #homepage-billboard article.video p{
                    margin-top: 10px;
                    display: block;
                    color: #FFF;
                    font: 14px/1.43 'Georgia', 'Times', 'Times New Roman', serif;
                    text-align: left;
					width: 220px;
					position: relative;
					right: 0;
					overflow: hidden;
                }

				#homepage-billboard article.video .video-wrapper {
					position: absolute;
                    left: 23px;
                    bottom: 33px;
                    z-index: 9998;
					width: 640px;
					height: 360px;
					display: block;
					overflow: hidden;
				}
                #homepage-billboard article.video iframe{
                    /*position: absolute;
                    left: 23px;
                    bottom: 33px;
                    z-index: 9998;*/
                }
                #homepage-billboard article.video > footer{
                    font: italic 14px/1.43 'Georgia', 'Times', 'Times New Roman', serif;
                    margin-top: 6px;
					width: 240px;
					position: relative;
					right: 0;
                }
                    #homepage-billboard article.video > footer a{
                        color: #FFE541;
                    }
                        #homepage-billboard article.video > footer a:after{
                            content: '\A0\203a';
                        }
            #homepage-billboard article > a{
                display: block;
                position: absolute;
                width: 355px;
                padding: 17px 1030px 25px 75px;
                right: -960px;
                bottom: 65px;
                text-decoration: none;
                text-align: right;
            }
                #homepage-billboard article.darkblue > a{ background: url(../images/billboard/darkblue.png) no-repeat left; }
                #homepage-billboard article.darkgrey > a{ background: url(../images/billboard/darkgrey.png) no-repeat left; }
                #homepage-billboard article.fuschia > a{ background: url(../images/billboard/fuschia.png) no-repeat left; }
                #homepage-billboard article.lightblue > a{ background: url(../images/billboard/lightblue.png) no-repeat left; }
                #homepage-billboard article.lightgrey > a{ background: url(../images/billboard/lightgrey.png) no-repeat left; }
            #homepage-billboard article h1{
                /* Uses Museo Sans */
                font-weight: 900;
                color: #FFF;
                font-size: 48px;
            }
                #homepage-billboard article h1:after{
                    content: url(../images/billboard/largearrow.png);
                    position: relative;
                    bottom: 0;
                    margin: 0 -40px 0 27px;

                }
            #homepage-billboard article h2{
                color: #EFF12D;
                font-size: 12px;
                font-weight: bold;
                text-transform: uppercase;
                margin-bottom: 11px;
            }
            #homepage-billboard article p{
                /* Uses Museo Slab */
                font-weight: 300;
                font-size: 24px;
                line-height: 32px;
                color: #FFF;
                display: none;
                text-align: right;
                margin: 8px 0 0;
            }

    .banner{
        background: url(../images/bg/stripes.png);
        padding: 12px 15px 10px;
        margin-bottom: 20px;
        color: #FFF;
        font-size: 18px;
        font-weight: 500;
    }

    /* A selection of basic text styles */

    .credits{
        padding: 26px 0 14px;
        border-top: 1px solid #CCC;
    }
        .credits h2{
            font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif !important;
            font-size: 12px;
            line-height: 1.67;
            color: #666;
            martin
        }
        .credits p{
            font-size: 12px;
            line-height: 1.67;
            color: #666;
        }

    /* Breadcrumb styles */
    .breadcrumb{
        /* Clearfix */
        margin-bottom: 25px;
    }
        .breadcrumb li{
            float: left;
            font-weight: bold;
            font-size: 12px;
            color: #8A8A8A;
            padding-top: 3px
        }
            .breadcrumb li.home{
                margin-right: 7px;
                position: relative;
                top: -2px
            }
                .breadcrumb li.home:after{
                    content: '';
                    margin: 0;
                }
                .breadcrumb li.home a{
                    /* Image replacement */
                    display: block;
                    width: 17px;
                    height: 17px;
                    background: url(../images/sprite.png) no-repeat -235px -29px;
                }
                    .breadcrumb li.home a:hover{
                        opacity: 0.6;
                        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                        filter: alpha(opacity=60);
                    }
            .breadcrumb li:after{
                content: '\2F';
                margin: 0 6px;
            }
                .breadcrumb li:last-child:after{
                    content: '';
                    margin: 0;
                }
        .breadcrumb a{
            color: #24437F;
        }

    /* Generic angled button */
    a.button{
        float: left;
        display: block;
        clear: left;
        padding: 3px 11px 3px 5px;
        margin-top: 8px;
        font-size: 10px;
        font-weight: bold;
        color: #FFF !important;
        text-transform: uppercase;
        text-decoration: none;
        background-repeat: no-repeat;
        background-position: right;
    }
        a.button:hover{
            opacity: 0.6;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            filter: alpha(opacity=60);
            text-decoration: none;
        }
        a.button.darkgrey, .slide.darkgrey a.button{ background-image: url(../images/button/darkgrey.png); }
        a.button.lightgrey, .slide.lightgrey a.button{ background-image: url(../images/button/lightgrey.png); }
        a.button.purple, .slide.purple a.button{ background-image: url(../images/button/purple.png); }
        a.button.fuschia, .slide.fuschia a.button{ background-image: url(../images/button/fuschia.png); }
        a.button.darkblue, .slide.darkblue a.button{ background-image: url(../images/button/darkblue.png); }
        a.button.lightblue, .slide.lightblue a.button{ background-image: url(../images/button/lightblue.png); }
        a.button.lightblue-small, .slide.lightblue-small a.button{ background-image: url(../images/button/lightblue-small.png); }
        a.button.yellow-small, .slide.yellow-small a.button{ background-image: url(../images/button/yellow-small.png); color: #333 !important;}
        
        a.button.innovating-media, .slide.innovating-media a.button{ background-image: url(../images/button/purple.png); }
        a.button.fostering-arts, .slide.fostering-arts a.button{ background-image: url(../images/button/fuschia.png); }
        a.button.engaging-communities, .slide.engaging-communities a.button{ background-image: url(../images/button/darkblue.png); }
        a.button.journalism, .slide.journalism a.button{ background-image: url(../images/button/lightblue.png); }

    /* Generic textual 'read more' link */
    .more,
    .secondary > section .abbreviate{
        font: italic 14px/1.43 'Georgia', 'Times', 'Times New Roman', sans-serif;
        display: inline-block;
        float: left;
        clear: left;
        text-decoration: none;
        width: auto;
        background: none;
        padding-left: 0;
    }
        .more:after,
        .secondary > section .abbreviate:after{
            content: '\A0\203a';
        }

    /* Generic 'show more' link */
    .abbreviate{
        display: inline-block;
        background: url(../images/sprite.png) no-repeat -1232px -82px;
        width: 250px;
        font-size: 12px;
        font-weight: bold;
        color: #00B0EA;
        text-decoration: none;
        min-height: 9px;
        margin-left: 3px;
        padding-left: 16px;
    }
        /* 'All'  tab's 'show more' link */
        .all .abbreviate {
            background-image: none;
            margin-left: 0;
            padding-left: 0;
        }
    /* Generic horizontal navigation (with pink arrow indicating current state) */
    .horiz_nav{
        /* Clearfixed */
        border: 1px solid #BA0077;
        border-width: 1px 0;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold;
    }
        .horiz_nav li{
            float: left;
        }
        .horiz_nav a{
            color: #666;
            text-decoration: none;
            display: block;
            padding: 10px 0 11px;
            margin-right: 30px;
        }
        .horiz_nav th > a{
            margin-bottom: -27px;
            padding-bottom: 30px;
            height: 22px;
        }
        @-moz-document url-prefix() {
            .horiz_nav th > a {
                height: 12px;
            }
        }
            .horiz_nav a:hover{
                color: #BA0077;
            }
        .horiz_nav .active a{
            color: #BA0077;
            background: url(../images/nav/horiz_arrow.png) no-repeat bottom;
            padding-bottom: 31px;
            margin-bottom: -18px;
        }
        .horiz_nav th.active > a{
            background-position: center 33px;
            margin-bottom: -27px;
            padding-bottom: 30px;
        }

    /* Generic pagination */
    .pagination{
        /* Clearfixed */
        font-size: 12px;
    }
        .pagination li{
            float: left;
            padding: 0 10px;
            border-right: 1px solid #BBB;
        }
            .pagination li.prev{
                background: url(../images/sprite.png) no-repeat -1233px -104px;
                padding-left: 12px;
            }
            .pagination li.next{
                background: url(../images/sprite.png) no-repeat right -104px;
                border-right: 0;
                padding-right: 12px;
            }
            .pagination li.active{
                font-weight: bold;
            }
            .pagination li.spacer{
                padding: 0;
                border-left: 1px solid #FFF;
                position: relative;
                left: -1px;
                margin-right: -1px;
            }
        .pagination a{
            color: #24437F;
            text-decoration: none;
        }
        .pagination li + .spacer{
            border-right: 0;
        }

    /* A generic row of modules */
    .row{
        margin: 16px 0;
    }

    /* Generic columns */
    body > .main .primary{
        width: 640px;
        float: left;
        padding-top: 10px;
    }
    body > .main .secondary{
        width: 270px;
        float: right;
        padding-top: 10px;
    }


    .secondary > section{
        /* Clearfixed */
        border-top: 2px solid #24437F;
        margin-bottom: 20px;
    }
        .secondary > section:last-child{
            margin-bottom: 0;
        }
        .secondary > section > header{
            margin: 12px 0 0 0;
        }
        .secondary > section h1,
        .blog .secondary > .subcategory_list > header h1{
            font-size: 12px;
            line-height: 1.33;
            font-weight: bold;
            text-transform: uppercase;
            color: #666;
            padding-right: 30px;
        }
            .secondary > section h1 a{
                color: #24437F;
            }
        .secondary > section h2{
            /* Uses Museo Sans */
            font-size: 17px;
            line-height: 1.12
        }
            .secondary > section h2 a{
                color: #24437F
            }
        .secondary > section p{
            font: 14px/1.43 'Georgia', 'Times New Roman', 'Times', sans-serif;
            color: #666;
            margin: 16px 0;
        }
            .secondary > section > header p{
                margin: 16px 0 -8px;
                font: 12px/1.4 'Helvetica Neue', 'Helvetica', 'Arial', sans-seri4;
                color: #999;
            }
        .secondary > section .more{
            color: #00B0EA;
            margin-top: -12px;
        }

        #publication .secondary > .project_list{ border-top: 0px;}
        #publication .secondary > .project_list header{ margin-bottom: 8px; }
            .secondary > .project_list article{
                margin-bottom: 12px;
            }
                .secondary > .project_list article:last-child{
                    margin-bottom: 0
                }
            .secondary > .project_list p{
                margin: 5px 0 0;
                font: 13px/1.31 'Helvetica', 'Arial', sans-serif;
            }
            .secondary > .project_list .has_image{
                position: relative;
                padding-top: 147px;
            }
            .secondary > .project_list figure{
                position: absolute;
                top: 0;
            }

    .about_focus_area{}
        .about_focus_area > header{
            margin-bottom: -5px !important;
        }


    .about_program{}
        .about_program header h1 {
            color: #24437F;
            font-family: museo-slab-1,museo-slab-2,serif;
            font-size: 17px;
            font-weight: normal;
            text-transform: none;
        }
        .about_program .more{
            color: #00B0EA;
        }
        .about_program > footer{
            margin-top: -12px;
        }
        .about_program .abbreviate{
            margin: 0;
            position: relative;
            top: -10px;
        }
        .about_program .basic ul li {
            background-position: 5px 11px;
            color: #666;
            padding-right: 0px;
            padding-left: 18px;
        }

    /* "In the News" featured video */
    .secondary > section.featured_video{
        background: #F2F1EF;
        padding: 20px 20px 25px;
    }
        .secondary > section.featured_video header{
            margin: 0 0 10px;
        }
        .secondary > section.featured_video h1{
            padding: 2px 0 0 22px;
            height: 14px;
            background: url(../images/sprite.png) no-repeat 0 -1097px;
            color: #999;
            font-size: 10px;
        }
        .featured_video figcaption a{
            /* Uses Museo Slab */
            font-size: 20px;
            line-height: 22px;
            color: #24437F;
            display: inline-block;
            margin-top: 5px;s
        }

    .secondary section.list{
        position: relative;
    }
        .secondary .list li{
            font-size: 13px;
            line-height: 1.38;
            margin: 8px 0;
            -webkit-column-break-inside: avoid;
            -moz-column-break-inside: avoid;
            column-break-inside: avoid;
            -webkit-break-inside: avoid;
            -moz-break-inside: avoid;
            break-inside: avoid;
        }
        .secondary .list a{
            color: #BA0077;
        }

    .subcategory_list{}
        .subcategory_list ul{
            -moz-column-count: 2;
            -moz-column-gap: 10px;
            -webkit-column-count: 2;
            -webkit-column-gap: 10px;
            column-count: 2;
            column-gap: 10px;
        }
            .subcategory_list.closed ul{
                display: none;
            }


    /* List of communities (on the Engaged Communities focus area page */
    .all_communities{}
        .all_communities h2{
            color: #252525;
        }
        .all_communities ul{
            -moz-column-count: 2;
            -moz-column-gap: 10px;
            -webkit-column-count: 2;
            -webkit-column-gap: 10px;
            column-count: 2;
            column-gap: 10px;
        }

        .nonresident{
            position: relative;
            margin: -12px 0 10px;
            padding-top: 12px;
            border-top: 1px dotted #CCC;
        }
            .nonresident.closed ul{
                display: none;
            }
/*            .nonresident .toggle{
                top: 1px;
            }
*/


    .featured_funding_option{}
        .featured_funding_option a{
            color: #00B0EA;
        }
        .featured_funding_option h2{
            /* Uses Museo Slab */
            font-weight: 500;
            font-size: 18px;
            line-height: 1.17;
            margin-top: 12px;
        }
        .featured_funding_option p{
            font-size: 14px !important;
            line-height: 1.43 !important;
            color: #333 !important;
            margin: 10px 0 17px !important;
        }
        .featured_funding_option footer a{
            margin-bottom: 6px;
        }
            .featured_funding_option footer a:last-child{
                margin: 0;
            }

            .featured_funding_option #publication-types-list header h2 {
                margin-bottom: 20px;
            }


    .vcard{
        margin: -8px 0;
        font-size: 12px;
        line-height: 1.5;
        color: #999;
    }
        .vcard a{
            color: #BA0077;
        }
        .vcard .fn{
            font: 14px 'Georgia', 'Times New Roman', 'Times', serif;
            color: #333;
        }
        .vcard .title{
            display: block;
        }

    .staff_list{
        position: relative;
        overflow: hidden;
    }
        .staff_list .main{
            /* Clearfixed */
        }
        .staff_list article{
            /* Clearfixed */
            width: 124px;
            float: left;
            position: relative;
            padding: 90px 20px 10px 1px;
            clear: left;
        }
            .staff_list article:nth-child(even){
                clear: none;
                padding-right: 0;
            }
        .staff_list h2{
            font: 14px/1.36 'Georgia', 'Times New Roman', sans-serif !important;
            color: #333 !important;
        }
            .staff_list h2 a{
                color: #333 !important;
            }
        .staff_list h3{
            font-size: 12px;
            color: #999;
            line-height: 1.33;
            margin: 5px 0;
        }
        .staff_list figure{
            position: absolute;
            top: 0;
            left: 0;
        }
        .staff_list .more{
            color: #00B0EA;
            font: normal 12px/1 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
        }
        .staff_list .pager{
            position: absolute;
            top: 12px;
            right: 0;
            font-size: 10px;
            color: #999;
        }
            .staff_list .pager a{
                /* Image replacement */
                width: 6px;
                height: 11px;
                display: block;
                background-image: url(../images/sprite.png);
            }
                .staff_list .pager a.disabled{
                    cursor: default;
                    opacity: 0.4;
                    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
                    filter: alpha(opacity=40);
                }
        .staff_list .prev{
            background-position: -230px -6px;
            float: left;
            margin-right: 9px;
        }
        .staff_list .next{
            background-position: -249px -6px;
            float: right;
            margin-left: 9px;
        }
        .staff_list .row{
            width: 270px;
            padding-bottom: 20px;
        }
        .secondary > section.staff_list .more{
            margin-top:0;
        }


    .toggle{
        /* Image replacement */
        position: absolute;
        display: block;
        top: 11px;
        right: 10px;
        width: 14px;
        height: 14px;
        background: url(../images/sprite.png) -187px -5px;
    }
        .closed .toggle{
            background-position: -208px -5px;
        }

/******************
 * News Challenge styles *
 ******************/


.news_challenge_subnav {
    padding-top: 10px;
}

    .news_challenge_subnav article {
        border-bottom: 1px solid #CCC;
    }
        .news_challenge_subnav article:last-child {
            border: none;
        }
        .news_challenge_subnav article header h2 {
            margin: 14px 0;
            font-size: 16px;
        }
        .news_challenge_subnav article header h2 a.active {
            text-decoration: underline;
            color: #8a8a8a;
        }
        .news_challenge_subnav article header h2 a:after {
            content: '\A0\203a';
        }

#news_challenge_signup {
    background-color: #00B0EA;
    margin: 16px 0;
    padding: 25px 18px 18px;
    width: 234px;
    display: block;
}
    #news_challenge_signup p {
        margin-bottom: 15px;
        color: #fff;
        font-size: 1.1em;
        line-height:1.4em;
    }
    #news_challenge_signup a {
        color: #24437F;
        text-decoration: none;
    }
        #news_challenge_signup a:hover,
        #news_challenge_signup a:active {
            text-decoration: underline;
        }
    #news_challenge_signup .signup_fields {
        display: block;
        position: relative;
    }
    #news_challenge_signup input.fields_email {
        font-family: Arial, Helvetica, sans-serif;
        border: none;
        padding: 5px;
        margin: 0;
        width: 175px;
        float: left;
    }
    #news_challenge_signup button {
        /* Uses image replacement */
        width: 28px;
        height: 22px;
        text-indent: -9999px;
        background: url(../images/button/go.png) no-repeat 0 0;
        border: none;
        padding: 0;
        margin: 0;
        cursor: pointer;
    }
        #news_challenge_signup button:hover {
            background: url(../images/button/go.png) no-repeat 0 -22px;
        }

#news_challenge_apply {
    margin: 30px 0 40px;
}
    #news_challenge_apply h2 {
        display: block;
        text-indent: -9999px;
    }
        #news_challenge_apply h2 a {
            background: url(../images/button/apply_now.png) no-repeat 0 0;
            display: block;
            height: 81px;
            width: 268px;
        }
            #news_challenge_apply h2 a:hover,
            #news_challenge_apply h2 a:active {
                background-position: 0 -81px;
            }

/******************
* Email Subscribe Promo *
******************/

#subscribe-promo {
    background: #17b5f1 url(../images/bg/stripes_lightblue-tight.jpg) repeat;
    font-family: 'Georgia', 'Times', 'Times New Roman', serif;
}
#subscribe-promo .inner {
    background: #17b5f1;
    margin: 0 auto;
    padding: 16px 25px;
    width: 890px;
}
#subscribe-promo a {
    color: #f7eb05;
}
#subscribe-promo p {
    color: #fff;
    float: left;
    font-style: italic;
    font-size: 16px;
    margin-top: 9px;
}
#subscribe-promo strong {
    font-weight: bold;
}
#subscribe-promo form {
    display: inline-block;
    float: right;
}
#subscribe-promo form div {
    float:right;
}
#subscribe-promo input,
#subscribe-promo button {
    font-size: 14px;
}

#subscribe-promo .input-wrapper {
    background-color: #fff;
    height: 32px;
    overflow: hidden;
}
#subscribe-promo input {
    /*float: right;*/
}
#subscribe-promo input.email {
    border: none;
    color: #555555;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    margin: 0;
    padding: 8px 10px 8px;
    width: 150px;
}
#subscribe-promo .button-wrapper:hover {
    background-position: right bottom;
}
/* Placeholder Styles */
#subscribe-promo ::-webkit-input-placeholder {color: #86908f;
    font-style: italic;
    font-family: 'Georgia', 'Times', 'Times New Roman', serif;
}
#subscribe-promo :-moz-placeholder { /* Firefox 18- */color: #86908f;
    font-style: italic;
    font-family: 'Georgia', 'Times', 'Times New Roman', serif;
  }
#subscribe-promo ::-moz-placeholder {  /* Firefox 19+ */color: #86908f;
    font-style: italic;
    font-family: 'Georgia', 'Times', 'Times New Roman', serif;
  }
#subscribe-promo :-ms-input-placeholder {  color: #86908f;
    font-style: italic;
    font-family: 'Georgia', 'Times', 'Times New Roman', serif;
  }

#subscribe-promo .submit {
    background: url(../images/button/right-yellow.png) no-repeat top right;
    border: none;
    color: #555555;
    font-weight: bold;
    height: 32px;
    overflow: visible;
    margin: 0;
    padding: 0 17px 0 12px;
    width: auto;
}
#subscribe-promo .submit:hover {
    background-position: right bottom;
    cursor: pointer;
}

/******************
 * Utility styles *
 ******************/

    /* Image replacement */
    body > header h1 a,
    body > header .search button,
    body > footer .about .logo,
    body > footer .external a,
    #news_feed > footer .arrow,
    #all_facets .close,
    .toggle,
    .staff_list .pager a,
    .breadcrumb li.home a,
    #flatpage .subnav .arrow{
        overflow: hidden;
        text-indent: -999em;
    }

    /* Clearfix */
    body > footer .about:after,
    body > footer .primary:after,
    body > footer .secondary:after,
    .button:after,
    .row:after,
    #explore article > footer:after,
    #meet_grantees > article:after,
    #meet_grantees .main:after,
    #news_feed > section:after,
    #news_feed article .meta:after,
    #news_feed article .meta .tags:after,
    #news_feed:after,
    #news_feed .main:after,
    #news_feed > footer:after,
    #focus_areas .content:after,
    #browser > section .row:after,
    body > .main:after,
    #browser > section > footer:after,
    .horiz_nav:after,
    #browser > aside > form:after,
    #featured_projects .main:after,
    .js #all_facets .has-sub ul:after,
    #all_facets .wrap:after,
    .js #all_facets .no-sub ul:after,
    .js #all_facets .sub div.wrap:after,
    .secondary > section:after,
    .staff_list article:after,
    .staff_list .main:after,
    #grant_meta:after,
    #news_feed article:after,
    #publication_title:after,
    #publication_title > figure figcaption:after,
    #publication_title .meta dl:after,
    #publication_title .meta .definition:after,
    .breadcrumb:after,
    body.mini > header:after,
    .blog .primary > article:after,
    .pagination:after,
    #comments .comment > hgroup:after,
    #comment-form form p:after,
    .search div:after,
    .search li ul:after,
    #press_room #news_feed .main section:after,
    #press_room #news_feed .main footer:after,
    .definition:after,
    .staff_group ul:after,
    .staff_group li:after,
    .staff_group:after{
        clear: both;
        display: block;
        content: ".";
        height: 0;
        visibility: hidden;
    }

    /* Hidden elements */
    #homepage-billboard > header,
    .marquee > header,
    body > header .search label,
    .accessibility,
    .skiplink{
        position: absolute;
        visibility: hidden;
    }