﻿@charset "utf-8";
/*
Purpose:                    Used on level-00 template
Last Updated/by:    25 March 2009/Jason Johnstone
*/
a {
        /*color:#f93;  original orange*/
        /*color:#ffba65; yellowish-tan*/
        /*color:#f66; rose*/
        color:#deb785; /*tan*/
        /*color:#cc9; another tan*/
}
/* ==== body ==== */
body {
    background:#1e002d url(/images/design/CSSImages/level-00-background.jpg) fixed no-repeat top center;
    color:#fff;
}
/* ==== misc ==== */
div#misc {
    /*background-color:#000;*/
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
}
/* ==== global-navigation ==== */
div#global-navigation {
    background:url(/images/design/CSSImages/level-00-globalnav-bg-trans.png);
    border-top:1px solid #57286e;
    border-bottom:1px solid #57286e;
    left:50%;
    margin-left:-378px;
    padding:8px 0;
    position:absolute;
    text-align:center;
    top:128px;
    width:755px;
    z-index:20;
}
/* ==== mysfa ==== */
div#mysfa {
    position:absolute;
    left:50%;
    margin-left:255px;
    top:12px;
    z-index:15;
}
    div#mysfa a.login {
        background-image:url(/images/design/CSSImages/button-mysfa-login-trans.png);
        background-repeat:no-repeat;
        display:block;
        height:22px;
        text-indent:-9999px;
        width:124px;
    }
    div#mysfa a.help {
        background-image:url(/images/design/CSSImages/icon-help-trans.png);
        background-position:center left;
        background-repeat:no-repeat;
        color:#fff;
        display:block;
        font-size:95%;
        height:14px;
        margin-top:10px;
        padding-left:20px;
        text-decoration:none;
    }
/* ==== give to sfa ==== */
div#give-to-sfa {
    position:absolute;
    left:50%;
    margin-left:255px;
    top:82px;
    z-index:31;
}
    div#give-to-sfa a {
        background-image:url(/images/design/button-give-to-sfa-small-trans.png);
        background-position:center left;
        background-repeat:no-repeat;
        color:#fff;
        display:block;
        height:39px;
        text-indent:-9999px;
        width:124px;
    }
/* ==== search ==== */
form#search {
    left:50%;
    margin-left:-378px;
    position:absolute;
    top:90px;
    text-align:center;
    width:755px;
    z-index:30;
}
/* ==== nameplate ==== */
div#nameplate {}
    div#nameplate h1 {
        background-image:url(/images/design/CSSImages/level-00-logo-trans.png);
        background-repeat:no-repeat;
        height:120px;
        left:50%;
        margin-left:-378px;
        position:absolute;
        text-indent:-9999em;
        width:755px;
        z-index:10;
    }
/* ==== text size ==== */
div#text-size-slider-label,div#text-size-slider-wrapper {display:none;}
/* ==== large-images ==== */
div#large-images {
    left:50%;
    margin-left:-378px;
    position:absolute;
    top:178px;
    width:755px;
}
    div#large-images div.alt {
        display:none;
    }
/* ==== main-content ==== */
div#main-content {
    left:50%;
    margin-left:-378px;
    position:absolute;
    top:540px;
    width:755px;
}
    div#main-content h3 {
        border-bottom:1px solid #57286e;
        margin:0 0 0.5em 0;
    }
    div#main-content ul {
        list-style-type:none;
        margin-left:0;
    }
        div#main-content ul li {
            display:block;
            margin-bottom:0.75em;
            width:350px;
        }
        div#main-content table tr {
            height:1.75em;
        }
            div#main-content table tr td.date {
                text-align:right;
                white-space:nowrap;
            }
                div#main-content table tr td.date span {
                    border-right:2px solid #af8fbf;
                    display:block;
                    padding-right:1em;
                }
                div#main-content table tr td.date a {
                    color:#fff;
                    font-weight:bold;
                    text-decoration:none;
                }
            div#main-content table tr td.event {
                padding-left:1em;
            }
    div#main-content a {
        background-image:none;
        padding:0;
    }
    div#main-content a:hover {
        text-decoration:underline;
    }
    div#main-content p {
            display:block;
            margin-top:2em;
            width:350px;
        }
            div#main-content p a {
                background-color:#230c2f;
                border:1px solid #57286e;
                display:block;
                padding:0.5em 1em;
                text-align:center;
            }
            div#main-content p a:hover {
                background-color:#2E0C3F;
                text-decoration:underline;
            }
    div#main-content a.feed {
        background-image:url(/images/design/CSSImages/icon-feed-trans.png);
        background-position:top right;
        background-repeat:no-repeat;
        display:block;
        float:right;
        height:16px;
        text-indent:-9999px;
        width:16px;
    }
    div#main-content div#news {
        float:left;
        width:350px;
    }
        div#main-content div#news ul li {
            clear:both;
            display:block;
        }
            div#main-content div#news ul li span.teaser {
                display:block;
                line-height:120%;
                margin:0.25em 0 1em 0;
            }
                div#main-content div#news ul li span.teaser img {
                    border:1px solid #7a7a7a;
                    float:left;
                    margin:0 0.5em 1em 0;
                }
    div#main-content div#events {
        float:right;
        width:350px;
    }
    div#additional-links {
        bottom:40px;
        font-size:85%;
        left:50%;
        position:absolute;
        margin-left:-378px;
        text-align:center;
        width:755px;
        z-index:30;
    }
        div#additional-links ul {}
            div#additional-links ul li {
                color:#fff;
                display:inline;
                padding:0 1em 0 0;
            }
/* ==== footer ==== */
div#main-content {
    padding-bottom:80px;
}
div#footer {
    background-color:#14001F;
    border-top:1px dotted #777;
    bottom:0;
    color:#999;
    font-size:85%;
    height:15px;
    padding:3px;
    position:fixed;
    width:100%;
    z-index:500000;
}
div#footer:hover {}
    div#footer ul {
        float:right;
    }
        div#footer ul li {
            display:inline;
            margin-right:1em;
        }
    div#footer a {}
    div#footer a:hover {
        text-decoration:underline;
    }
