@charset "utf-8";
/*
Purpose:                    Used on all templates and pages
*/

/* ==== Miscellaneous ==== */
html {
    overflow-y: scroll; /* keep the scrollbar from auto-hiding */
}
strong {
    font-weight:bold !important;
}
em {
    font-style:italic !important;
}
strike {
    text-decoration: line-through;
}
.hide {
    display:none;
}
.show {}
.error {
    background-color:#f55;
}
button {
    cursor:pointer;
}
.right {
    float:right;
    margin-left:5px;
    margin-bottom:5px;
}
a:focus {
    border:1px solid #333;
}
div.skip-navigation {
    position:absolute;
    text-indent:-9999em;
}
.jquery-ui {}
    .jquery-ui ol,.jquery-ui ul {
        margin:0.5em 2em;
        padding-left:0.5em;
    }
    .jquery-ui ol {
        list-style-type:decimal;
    }
/* ==== Link icon styling ==== */
    /* used to apply icons to links */

a.filetype-pdf {
    background:url(/images/design/CSSImages/icon-pdf-trans.png) no-repeat;
    padding-left:20px;
}
a.filetype-doc {
    background:url(/images/design/CSSImages/icon-doc-trans.png) no-repeat;
    padding-left:20px;
}
a.filetype-xls {
    background:url(/images/design/CSSImages/icon-xls-trans.png) no-repeat;
    padding-left:20px;
}
a.filetype-ppt {
    background:url(/images/design/CSSImages/icon-ppt-trans.png) no-repeat;
    padding-left:20px;
}
a.external-link {
    background-image:url(/images/design/CSSImages/icon-external-trans.png);
    background-position:right;
    background-repeat:no-repeat;
    padding-left:0; /* remove padding applied by filetype class */
    padding-right:15px;
}
div#footer a { /* don't apply link icons from footer links */
    background-image:none;
    padding:0;
}

/* ==== Body tag ==== */

body {
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:10pt;
}

/* ==== Global Navigation ==== */
    /* positioning is defined in the template-specific stylesheets */

div#global-navigation {
    font-size:85%;
    font-weight:bold;
}
    div#global-navigation ul {}
        div#global-navigation li {
            display:inline;
            padding:0 1em 0 0;
        }
            div#global-navigation li a {
                /*color:#f93;  original orange*/
                /*color:#ffba65; yellowish-orangeish-tan*/
                /*color:#f66; rose*/
                color:#deb785; /*tan*/
                /*color:#cc9; another tan*/
            }
                div#global-navigation li a:hover {
                    text-decoration:underline;
                }

/* ==== Search SFA ==== */

form#search {
    width:300px;
}
    form#search label {
        background-image:url(/images/design/CSSImages/search-tip-background-trans.png);
        background-repeat:no-repeat;
        color:#000;
        font-size:85%;
        height:53px;
        position:absolute;
        right:55px;
        top:10px;
        width:200px;
        z-index:40;
    }
        form#search label span {
            display:block;
            padding:23px 10px 5px 35px;
            text-align:left;
        }
            form#search label span a {
                /*color:#c63 !important;*/
                color:#CC0000 !important;
                font-weight:bold;
            }
    form#search input#q {
        background:#fff;
        border:1px solid #333;
        height:22px;
        margin-right:5px;
        vertical-align:top;
    }
    form#search button {
        background:url(/images/design/CSSImages/button-search-trans.png) no-repeat;
        height:22px;
        position:relative; /* needed for z-index to have an effect */
        text-align:left;
        text-indent:-9999px;
        width:105px;
        z-index:45; /* = form#search label's z-index + 1 */
    }
/* ==== Breadcrumbs ==== */
div#breadcrumbs {line-height:normal;}

/* ==== Page title ==== */
div#page-title {line-height:normal;}

/* ==== Old version of IE notice ==== */

div#oldIE {
    background-color:#333;
    border:2px solid #900;
    color:#fff;
    left:50%;
    margin-left:-235px;
    padding:1em;
    position:absolute;
    top:175px;
    width:400px;
    z-index:500;
}
    div#oldIE h3 {
        color:#FF5151;
        font-size:110%;
        margin-bottom:0.5em;
    }

/* ==== Wrapper div (used for campus alert) ==== */

div#wrapper {
    position:relative;
    top:5em;
    width:100%;
}

/* ==== Campus alert box ==== */

div#alert {
    background-color:#ff9;
    background-image:url(/images/design/CSSImages/icon-alert-trans.png);
    background-repeat:no-repeat;
    height:5em;
    position:absolute;
    top:-5em;
    width:100%;
    z-index:1000;
}    
    div#alert a {
        text-decoration:none;
    }
    div#alert h3 {
        font-size:110%;
        font-weight:bold;
        margin:0.5em 0 0.5em 50px;
    }
        div#alert h3 a,
        div#advisory a {
            color:#f00;
        }
    div#alert p {
        font-size:83%;
        line-height:120%;
        margin:0 5em 0 50px;
    }
        div#alert p a {
            color:#000;
            display:block;
        }

/* ==== campus advisory ==== */

div#advisory {
    background-color:#ff9;
    border-top:1px solid #333;
    bottom:21px;
    color:#000;
    height:15px;
    font-size:85%;
    padding:3px;
    position:fixed;
    left:100%;
    width:100%;
}
    div#advisory h3 {
        color:#c00;
        display:inline;
    }
    div#advisory p {
        display:inline;
    }
/* ==== sidebar ==== */
div#sidebar a {
    text-decoration:underline;
}
/* ==== sidebar buttons ==== */
div#sidebar a.apply-to-sfa {
    background:url(/images/design/CSSImages/button-apply-to-sfa-trans.png) no-repeat;
    display:block;
    height:95px;
    margin:0 40px 2em 40px;
    text-indent:-9999em;
    width:170px;
}
div#sidebar a.get-more-info {
    background:url(/images/design/CSSImages/button-get-more-info-trans.png) no-repeat;
    display:block;
    height:95px;
    margin:0 40px 2em 40px;
    text-indent:-9999em;
    width:170px;
}
div#sidebar a.give-to-sfa {
    background:url(/images/design/CSSImages/button-give-to-sfa-large-trans.png) no-repeat;
    display:block;
    height:62px;
    margin: 1em 44px 1em 43px;
    text-indent:-9999em;
    width:163px;
}
div#sidebar a.facebook {
    background:url(/images/design/CSSImages/button-facebook-trans.png) no-repeat;
    display:block;
    height:95px;
    margin:0 40px 2em 40px;
    text-indent:-9999em;
    width:170px;
}
div#sidebar a.custom-button {
    background-color:#e5e5e5;
    color:#000;
    display:block;
    font-size:110%;
    margin-bottom:1em;
    padding:0 0 1em 0;
    text-align:center;
    text-decoration:none !important;
}
    div#sidebar a.custom-button:hover,
    div#sidebar a.custom-button:visited {
        color:#333;
    }
    div#sidebar a.custom-button span.custom-button-header {
        background:#555 url(/images/design/CSSImages/custom-button-header-gradient-trans.png) repeat-x top left;
        color:#fff;
        display:block;    
        font-size:120%;
        font-weight:bold;
        line-height:120%;
        margin-bottom:0.25em;
        padding:0.25em;
    }
        div#sidebar a.custom-button span.purple {background-color:#639;}
        div#sidebar a.custom-button span.red {background-color:#d82b1a;}
        div#sidebar a.custom-button span.green {background-color:#87BB0D;}
        div#sidebar a.custom-button span.blue {background-color:#06f;}
div#sidebar div.twtr-widget {
    margin-bottom:2em;
}
div#sidebar div.twtr-widget a img {
    background-color:transparent !important;
    border:none !important;
    margin:0 !important;
    padding:0 !important;
}
/* ==== main-content ==== */
div#main-content {
    line-height:120%;
}
    /* headings and paragraphs */
    div#main-content h1 {
        font-size:180%;
        font-weight:bold;
        margin:0.75em 0 0.25em 0;
    }
    div#main-content h2 {
        font-size:160%;
        font-weight:bold;
        margin:0.75em 0 0.25em 0;
    }
    div#main-content h3 {
        font-size:140%;
        font-weight:bold;
        margin:0.75em 0 0.25em 0;
    }
    div#main-content h4 {
        font-size:120%;
        font-weight:bold;
        margin:0.75em 0 0.25em 0;
    }
    div#main-content h5 {
        font-size:100%;
        font-weight:bold;
        margin:0.75em 0 0.25em 0;
    }
    div#main-content h6 {
        font-size:90%;
        font-weight:bold;
        margin:0.75em 0 0.25em 0;
    }
    div#main-content p {
        line-height:120%;
        margin:0.5em 0;
    }

    /* tables */
    div#main-content table {}
    div#main-content table.hoverhighlight tbody tr:hover {
        background-color:#60277F;
    }
    div#main-content table .right {
        text-align:right;
    }
        div#main-content table.cellborders td,
        div#main-content table.cellborders th {
            border:1px solid #666;
        }
        div#main-content table.cellborders th {
            background:#60277F;
        }
        div#main-content table th {
            /*border:1px solid #999;*/
            font-size:100%;
            font-weight:bold;
            padding:3px;
            text-align:left;
        }
        div#main-content table td.Table-Header-Row {
            /*border:1px solid #999;*/
            background:#306;
            font-size:100%;
            font-weight:bold;
            padding:3px;
            text-align:left;
            color:#FFF;
        }
        div#main-content table td.Table-Yellow-BG {
            background:#ffff00;
        }
        div#main-content table td.Table-Cyan-BG {
            background:#00ffff;
        }
        div#main-content table td {
            padding:4px 10px;
            vertical-align:top;
        }
            div#main-content table td p {
                line-height:100%;
                margin:0 0 0.5em 0;
            }

    /* lists */
    div#main-content ul, div#main-content ol {
        margin:0.5em 2em;
        padding-left:0.5em;
    }
    div#main-content ul ul, div#main-content ol ol, div#main-content ul ol, div#main-content ol ul {
        margin:0 2em;
    }
    div#main-content ul {
        list-style-type:square;
    }
    div#main-content ol, div#main-content ol.decimal {
        list-style-type:decimal;
    }
    div#main-content ol.leading-zero {
        list-style-type:decimal-leading-zero;
    }
    div#main-content ol.upper-roman {
        list-style-type:upper-roman;
    }
    div#main-content ol.lower-roman {
        list-style-type:lower-roman;
    }
    div#main-content ol.upper-alpha {
        list-style-type:upper-alpha;
    }
    div#main-content ol.lower-alpha {
        list-style-type:lower-alpha;
    }
    div#main-content li {
        margin-bottom:0.25em;
    }
    
    /* images */
    div#main-content div.photo-container {}
        div#main-content div.photo-container div {
            margin:3px;
        }
            div#main-content div.photo-container div img {}
            div#main-content div.photo-container div span {
                display:block;
                font-size:80%;
                padding:5px !important;
            }
    div#main-content img.border-thin {
        border:1px solid #777;
        padding:3px;
    }
    div#main-content img.right {
        border:1px solid #777;
        float:right;
        padding:3px;
        margin:0 0 0.5em 0.5em;
    }
    div#main-content img.left {
        border:1px solid #777;
        float:left;
        padding:3px;
        margin:0 0.5em 0.5em 0;
    }
    
    /* blockquote, address, etc. (misc) */
    div#main-content blockquote {
        background-color:#eee;
        border-left:5px solid #ccc;
        margin:2em;
        padding:0.5em;
    }
    
    div.person {
        margin:0 0 1em 0;
        clear:both;
        min-width:430px;
    }
        div.person img {
            border:1px solid #ccc;
            float:left;
            margin:0 10px 1em 0;
            padding:3px;
        }
        div.person address {
            display:block;
            font-style:normal; /* this shouldn't be needed but IE applies italics */
            line-height:110%;
            /*min-height:98px;*/
        }
            div.person address span.name {
                font-weight:bold;
            }
            div.person address span.title {}
            div.person address span.education {
                display:block;
            }
            div.person address span.research {
                display:block;
            }
            div.person address span.office {
                display:block;
            }
            div.person address span.phone {
                display:block;
            }
            div.person address span.email {
                display:block;
            }
            div.person div.education {}
            div.person div.bio {}
        div.person ul {
            margin-left:1em;
        }
    
    div#main-content dl {}
        div#main-content dl dt {
            font-weight:bold;
        }
        div#main-content dl dd {
            margin:0 0 0.5em 1em;
        }
    div#main-content div.content-box {
        
        /*width:30%;
        white-space:nowrap;*/
    }
    div#main-content div.right {
        /*margin-left:50%;*/
        float:right;
    }
    div#main-content div.left {
        float:left;
        padding-right:5em;
    }
    
    div#main-content form {}
        div#main-content form fieldset {
            /*border:1px solid #666;*/
            padding:1em;
        }
        div#main-content form legend {
            font-size:110%;
            padding:0 0.5em;
        }
        div#main-content form label {
            display:block;
            margin:0.75em 0 0.125em 0;
        }
        div#main-content form input,
        div#main-content form textarea,
        div#main-content form select {
            background-color:#eee;
            border:1px solid #333;
            color:#333;
            margin-bottom:0.5em;
            padding:1px;
        }
        div#main-content form button {
            background:url(/images/design/CSSImages/button-send-message-trans.png) no-repeat;
            clear:both;
            color:#000;
            display:block;
            height:22px;
            text-indent:-9999em;
            width:105px;
        }
    div#main-content div.document-grouping {}
        div#main-content div.document-grouping div.document-details {
            border-bottom:1px dashed #ccc;
            padding-bottom:0.5em;
        }
        div#main-content div.document-grouping div.document-details p.document-meta {
            color:#555;
            font-size:80%;
        }
    div#main-content a {
        text-decoration:underline;
    }
#photos { visibility: hidden; }
.gallery { background: #eee; border: 1px solid #aaa; padding: 5px;}
.loader { background: url(/images/design/CSSImages/galleryview-loader.gif) center center no-repeat #ddd; }
.panel {}
.panel img { border:1px solid #777; }
.panel .panel-overlay,
.panel .overlay-background { height: 30px; padding: 0.5em; }
.panel .overlay-background { background: #eee; }
.panel .panel-overlay { border-top: 1px solid #ccc; color: #000; font-size: 0.9em; }
.panel .panel-overlay a { color: #000; text-decoration: underline; font-weight: bold; }
.filmstrip { margin: 5px; }
.frame {}
.frame .img_wrap { border: 1px solid #aaa; }
.frame.current .img_wrap { border-color: #fff; }
.frame img { border: none; }
.frame .caption { font-size: 11px; text-align: center; color: #555; }
.frame.current .caption { color: #333; }
.pointer { display:none; border-color: #fff; }