/*
Nav bar
Some CSS kung-fu here - each button shares a separator line and
that separator line changes color on the rollover.

To accomodate this, each button is overlapping the previous one by 1px.

- The separator is really a repeating background image on the first layer (.nav).

- Next, the off state of the buttons have a 1px transparency on both ends
to show through the separator.

- Then with :hover, the off images are replaced with the on images, which
have the 1px area filled in.	  

Amazingly, works in FF, Safari & IE 6.
*/
.nav-preload { display: none; } /* purpose: so the browser pre-caches them to prevent a flicker upon first rollover */
.nav-container2 { background-image: url(/images/nav_shared/nav_fill_02.gif); padding-left: 20px; padding-right: 57px; height: 20px; background-color: #005892;   vertical-align:bottom;}

.nav div { position: relative; float: left; clear: right;}

.nav-sub  {
    width:100%;
    text-align: center;
    font-size: 12px; font-family: Arial, Helvetica, sans-serif;
    color:white;
    width:100%;
    vertical-align:bottom;
}

.nav-sub a  {
    text-decoration: none;
    color:white;
}

.tab {
    height:33px;
    margin: 0;
    border:none;
}

.top-shadow {
        height:1px;
        width:100%;
        font-size:1px;
        line-height:0;
        background-color:#d4f0ef;
}


#flash_notice, .flash_notice {
    position: relative;
    display: table;
    vertical-align: middle;
    color:#514721;
    border:solid;
    border-width:1px;
    background:#FFF6BF;
    border-color:#FFD324;
    text-align:center;
    width:800px;
    margin-left: 50px;
    margin-right: 30px;
    height: 50px;
    margin-top: 25px;
    margin-bottom: 50px;
}

#flash_notice p {
    margin-top:13px;
    font-weight:bold;
}

#admin {
    position: relative;
    display: table;
    vertical-align: middle;
    color:#514721;
    border:solid;
    border-width:2px;
    background:#01457a;
    border-color: #236FA1;
    text-align:center;
    color: white;
    width:950px;
    font-family:arial;
    font-weight:bold;
}

#admin p {
    height: 35px;margin-top:10px; margin-bottom: -10px; vertical-align:middle; 
}

#admin span {
    height: 15px;margin-top:-25px; vertical-align:middle;margin-right:-10px;
}

#admin a {
    color: white;
    text-decoration:none;
}

#admin a:hover {
    color: white;
    text-decoration:underline;
}