@charset "utf-8";
/*
Purpose:                    These styles apply to all level-100 pages and templates    
Last Updated/by:    17 April 2008/Jason Johnstone
*/

/*
Begin styles that apply to all level-100 pages, regardless of layout
*/
a {
        color:#c33;
}

/* ==== body ==== */
body {
    background:#fff url(/images/design/CSSImages/level-100-background.png) repeat-x top left;
}
/* ==== global-navigation ==== */
div#global-navigation {
    font-size:75%;
    position:absolute;
    right:0;
    top:2px;
    z-index:20;
}
/* ==== search ==== */
form#search {
    position:absolute;
    right:10px;
    top:30px;
    text-align:right;
    z-index:30;
}
/* ==== nameplate ==== */
div#nameplate {
    border-bottom:1px solid #cfcfcf;
    height:70px;
}
    div#nameplate h1 {
        background-image:url(/images/design/CSSImages/level-100-logo-trans.png);
        background-repeat:no-repeat;
        height:80px;
        left:10px;
        position:absolute;
        text-indent:-9999em;
        top:6px;
        width:322px;
        z-index:10;
    }
        div#nameplate h1 a {
                display:block;
                height:80px;
                width:322px;
        }
/* ==== breadcrumbs ==== */
div#breadcrumbs {
    font-size:90%;
    position:absolute;
    right:10px;
    top:100px;
    display:none;
}
    div#breadcrumbs * {
        display:inline;
    }
    div#breadcrumbs h2 {
        font-weight:bold;
    }
    div#breadcrumbs ul {
        margin-left:0.25em;
    }
/* ==== page-title ==== */
div#page-title {
    left:75px;
    position:absolute;
    top:100px;
    z-index:30;
}
    div#page-title h2 {
        color:#777;
        font-size:170%;
        font-weight:normal;
    }
/* ==== main-content ==== */
div#main-content {
    left:10px;
    padding-right:10px;
    position:absolute;    
    top:150px;
}
    /* photo container */
    div#main-content div.photo-container {
        border:1px solid #ccc;
    }
        div#main-content div.photo-container div {
            background-color:#333;
        }
            div#main-content div.photo-container div img {}
            div#main-content div.photo-container div span {
                color:#fff;
            }
/* ==== main-navigation ==== */
div#main-navigation {
    display:none; /* hidden by default */
    position:absolute;
    top:150px;
}
/* ==== sidebar ==== */
div#sidebar {
    display:none; /* hidden by default */
    position:absolute;
    top:150px;
}
/* ==== footer ==== */
div#main-content,
div#main-navigation,
div#sidebar {
    padding-bottom:40px;
}
div#footer {
    background-color:#e5e5e5;
    border-top:1px dotted #777;
    bottom:0;
    color:#555;
    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 {
        color:#c33 !important;
    }
    div#footer a:hover {
        text-decoration:underline;
    }
/*
End styles that apply to all level-100 pages, regardless of layout
The styles that follow are applied as necessary by class(es) that are declared in the body tag.
All pages are required to have a main-content section.
*/
/* ==== pages that have a navigation region ==== */
body.nav {}
    /* ==== main-content ==== */
    body.nav div#main-content {
        left:220px;
    }
    /* ==== main-navigation ==== */
    body.nav div#main-navigation {
        display:block;
        width:200px;
    }
        body.nav div#main-navigation h5 {
            font-size:95%;
            font-weight:bold;
            margin:0 0 0.5em 10px;
        }
        body.nav div#main-navigation ul {
            font-size:90%;
            margin:0 0 1.25em 0;
        }
            body.nav div#main-navigation ul li {}
                body.nav div#main-navigation ul li a {
                    display:block;
                    padding:4px 0 4px 20px;
                    width:180px;
                }
                body.nav div#main-navigation ul li a:hover {
                    background-color:#e5e5e5;
                }
                body.nav div#main-navigation ul li a.current {
                    background-color:#e5e5e5;
                    border-left:10px solid #306;
                    color:#000;
                    padding-left:10px;
                }
/* ==== pages that have a sidebar region ==== */
body.sidebar {}
    /* ==== main-content ==== */
    body.sidebar div#main-content {
        padding-right:300px;
    }
    /* ==== sidebar ==== */
    body.sidebar div#sidebar {
        background-color:#e5e5e5;
        display:block;
        right:0;    
        width:250px;
    }
        body.sidebar div#sidebar h5 {
            background:#639 url(/images/design/CSSImages/sidebar-header-background.png) repeat-x left bottom;
            color:#fff;
            font-size:110%;
            font-weight:bold;
            padding:3px;
        }
        body.sidebar div#sidebar p,
        body.sidebar div#sidebar ul,
        body.sidebar div#sidebar ol {
            font-size:95%;
            line-height:120%;
            margin:5px 5px 15px 5px;
        }
        body.sidebar div#sidebar li {}
        body.sidebar div#sidebar a{}
        body.sidebar div#sidebar a:hover {
            text-decoration:underline;
        }