/*

file: main.css
description: Main Application CSS File

+- CSS TOC --------------------------------------------------------+
| I.   GLOBAL                                                      |
| II.  PAGE ELEMENTS & STRUCTURE                                   |
| III. TYPE                                                        |
+------------------------------------------------------------------+
*/

/* I. GLOBAL -----------------------------------------------------*/

body {
    background: black;
}

label {
    display: block;
}

/* II. PAGE ELEMENTS & STRUCTURE ---------------------------------*/

#container {
    left: 50%;
    margin-left: -475px;
    margin-top: 10px;
    position: relative;
    width: 950px;
}

#top_cap {
    background: transparent url('../img/top_cap2.jpg') no-repeat top left;
    min-height: 6px;
    height: auto !important;
    height: 6px;
    width: 950px;
}

#top {
    background: white url('../img/lg_logo_screened_cropped.jpg') no-repeat center left;
    border: 0;
    min-height: 450px;
    height: auto !important;
    height: 450px;
    #margin-top: -13px;
    margin-bottom: 0px;
    overflow: auto;
    _overflow: none;
}

    #top_nav {
        background: url('../img/top_nav_bg2.jpg') repeat-y;
        height: 50px;
    }

    #top_logo {
        float: left;
        margin: 8px 0 0 15px;
    }

    #left_nav {
        float: left;
        .margin: -20px 0 0 0;
        _margin: -20px 0 0 0;
        padding-right: 10px;
        width: 200px;
    }

        #left_nav_list {
            list-style: none;
        }

    #mainbox {
        float: left;
        .margin: -30px 0 0 0;
        _margin: -20px 0 0 0;
        padding: 10px 0 20px 20px;
        width: 600px;
    }

#happy_people {
    margin: 10px 0 0 -15px;
    _margin: 0 0 0 -15px;
}

#grad_rule {
    .margin-top: -16px;
    _margin-top: -15px;
}

#bottom_top_cap {
    background: transparent url('../img/bottom_cap2.jpg') no-repeat top left;
    height: 40px;
    margin-bottom: -18px;
    width: 950px;
}

#bottom_top_half_cap {
    background: transparent url('../img/top_cap_white.jpg') no-repeat top left;
    height: 40px;
    width: 950px;
}

#bottom_top_half {
    background: white;
    border: 0;
    min-height: 150px;
    height: auto !important;
    height: 110px;
    margin: -32px 0 0 0;
}
    #bt_col_1 {
        float: left;
        margin: 2px 50px 0 10px;
        width: 200px;
    }

    #bt_col_2 {
        float: left;
        margin: 2px 50px 0 0;
        width: 300px;
    }

    #bt_col_3 {
        float: left;
        margin: 2px 0 0 0;
        width: 300px;
    }

#bottom {
    background: #959595 url('../img/vert_gray_grad_bar2.jpg') repeat-x top;
    border: 0;
    min-height: 150px;
    height: auto !important;
    height: 150px;
    overflow: auto;
}

    #b_col_1 {
        float: left;
        margin: 10px 10px 0 10px;
        width: 240px;
    }

    #b_col_2 {
        background: transparent url('../img/pretty_chick.jpg') no-repeat top right;
        float: left;
        min-height: 148px;
        height: auto !important;
        height: 148px;
        margin: 0px 10px 0 0;
        width: 340px;
    }

        #col_2_content {
            margin-top: 10px;
            width: 275px;
        }

    #b_col_3 {
        float: left;
        margin: 10px 0 0 0;
        width: 300px;
    }

#bottom_cap {
    background: transparent url('../img/bottom_cap3.jpg') no-repeat top left;
    height: 40px;
    width: 950px;
}

#xtra_matter {
    margin-top: 4px;
}

#upcoming_training {
    width: 600px;
}

    #upcoming_training td {
        background: #eaffdf;
        border: 1px solid black;
        padding: 5px;
    }

    #upcoming_training td:hover {
        background: #b6df9f;
    }

/* III. TYPE -----------------------------------------------------*/

#left_nav_list {
    color: #666;
    display: block;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    text-align: right;
}

    #left_nav_list a {
        color: #666;
        text-decoration: none;
    }

#mainbox {
    font-family: Verdana;
    font-size: 12px;
    line-height: 1.5em;
}

#bottom_top_half {
    font-family: Verdana;
    font-size: 11px;
}

#bottom {
    color: white;
    font-family: Verdana;
    font-size: 11px;
}

#xtra_matter {
    font-family: Verdana;
    font-size: 12px;
    text-align: center;
}

#bottom_top_half a {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

#bottom a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

#bottom_top_half a:hover, #bottom a:hover {
    text-decoration: underline;
}

#upcoming_training td a {
    color: green;
    font-weight: bold;
}

.training a {
    color: #ac8;
    font-weight: bold;
    text-decoration: none;
}

/* IV. TABS ------------------------------------------------------*/

#tabsC {
    float: right;
    width: 436px;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    line-height: normal;
}
#tabsC ul {
    margin: 0;
    padding: 21px 10px 0 30px;
    _padding: 23px 10px 0 30px;
    list-style: none;
}
#tabsC li {
    display: inline;
    margin: 0;
    padding: 0;
}
#tabsC a {
    float: left;
    background: url("../img/tableftC.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
}
#tabsC a span {
    float: left;
    display: block;
    background: url("../img/tabrightC.gif") no-repeat right top;
    padding: 8px 18px 7px 9px;
    color:#464E42;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsC a span {float: none;}
/* End IE5-Mac hack */
#tabsC a:hover span {
    color:#FFF;
}
#tabsC a:hover {
    background-position: 0% -42px;
}
#tabsC a:hover span {
    background-position: 100% -42px;
}