/*===== GENERAL =====*/
html, body { border:0px; margin:0px; padding:0px; }
.hide { display:none; }
div.content { background-color:white; border:1px black solid; margin-bottom:15px; padding:20px; text-align:left; width:600px; margin:0 auto; }
.logged-in-text { color:#eeeeee; font:10pt Verdana; position:absolute; right:10px; top:5px; z-index:6; }
.logged-in-text a { color:white; }


/*===== TOP BANNER BACKGROUND =====*/
.top-left-background {
    background: #77aaee;
    border-bottom: 1px black solid;
    height: 75px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 50%;
    z-index: -1;
}
.top-right-background {
    background: #3355aa;
    border-bottom: 1px black solid;
    height: 75px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    z-index: -1;
}
.jdspad-header {
    background: #77aaee url('/pictures/backgrounds/blue_gradient2.jpg');
    background-position: center center;
    background-repeat: repeat-y;
    position: relative;
    height: 75px;
    margin: 0 auto;
    width: 600px;
}

.top-left-background p { z-index:1; }
.top-right-background p { z-index:1; }


/*===== JDSPAD LOGO =====*/
.jdspad-header a { color: white; text-decoration: none; }
.jdspad-header a:hover { color: yellow; }

.jdspad-header h1 {
    height: 45px;
    font: 36pt Times New Roman;
    font-style: italic;
    margin: -4px 0 0 0;
    padding: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
}
h1.logo1 { color:white; text-decoration:none; }
h1.logo1 { z-index:5; margin-left:-4px; margin-top:-4px; color:white; }
h1.logo2 { z-index:4; margin-left:-3px; margin-top:-3px; color:#0000aa; }
h1.logo3 { z-index:3; margin-left:-2px; margin-top:-2px; color:#0000aa; }
h1.logo4 { z-index:2; margin-left:-1px; margin-top:-1px; color:#0000aa; }
h1.logo5 { z-index:1; margin-left: 0px; margin-top: 0px; color:#cc0000; }


/*===== TOP NAV LINKS =====*/
.top-nav-link-container {
    font: 16pt Times New Roman;
    font-style: italic;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    padding-top: 50px;
    text-align: center;
}
.top-nav-link-container a { color:#f8f8f8; text-decoration: none; }
.top-nav-link-container a:hover { color:yellow; }


/*===== BREAD CRUMBS =====*/
div.bread_crumbs, div.bread-crumbs { background-color:white; color:#444444; font:10pt Verdana; margin:14px auto; padding:2px; width:350px; text-align:center; }
div.bread_crumbs a, div.bread-crumbs a { text-decoration:none; }
div.bread_crumbs a:hover, bread-crumbs a:hover { color:purple; }


/*===== FOOTER =====*/
div.bottom_nav { background-color:white; color:#888888; margin:14px 0; padding:2px; text-align:center; vertical-align:middle; width:580px;}
div.bottom_nav a { color:blue; font:10pt Verdana; text-decoration:none; vertical-align:middle; }
div.bottom_nav a:hover { color:purple; }