/*

file: main.css
description: Main Application CSS File

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

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

body {
    margin-top: 10px;
}

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

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

#top_cap {
    background: transparent url('top_cap.jpg') no-repeat top left;
    height: 6px;
    width: 950px;
}

#top {
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
    min-height: 250px;
    height: auto !important;
    height: 250px;
    #margin-top: -13px;
    margin-bottom: 10px;
}

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

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

    #left_nav {
        padding-right: 10px;
        width: 200px;
    }

        #left_nav_list {
            list-style: none;
        }

    #mainbox {
        width: 600px;
    }

#bottom {
    background: black;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    border-top: 1px solid #888;
    min-height: 100px;
    height: auto !important;
    height: 100px;
}

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

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

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

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

#xtra_matter {
    margin-top: 4px;
}

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

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

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

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

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

#tabsC {
    float: left;
    width: 600px;
    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("menus/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("menus/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;
}