/*  ---------------------------------------------------------------------
        main sections
    --------------------------------------------------------------------- */

    div#siteHeader {
    background-image:           url( ../../images/_new/ssbLIVE_pageHeader.jpg );
    background-position:        top left;
    background-repeat:          no-repeat;
    }

    div#siteHeader span#siteHeader_bottom {
    background-image:           url( ../../images/_new/ssbLIVE_pageHeader_bottom.gif );
    background-position:        top left;
    background-repeat:          no-repeat;
    }

    div#siteHeader span#siteHeader_productLink1 a:hover {
    background:                 url( ../../images/_new/ssb_pageHeader_GT_MO.gif );
    background-position:        top left;
    background-repeat:          no-repeat;
    }

    div#siteHeader span#siteHeader_productLink2 a:hover {
    background:                 url( ../../images/_new/ssb_pageHeader_TTP_MO.gif );
    background-position:        top left;
    background-repeat:          no-repeat;
    }
    
    div#siteHeader span#siteHeader_productLink3 a:hover {
    background:                 url( ../../images/_new/ssb_pageHeader_PPG_MO.gif );
    background-position:        top left;
    background-repeat:          no-repeat;
    }

    div#siteFooter {
    background-image:           url( ../../images/_new/ssbLIVE_pageFooter.gif );
    background-position:        top left;
    background-repeat:          no-repeat;
    }

    div#siteBodyWrapper {
    background-image:           url( ../../images/_new/ssbLIVE_navigation.gif );
    background-position:        bottom left;
    background-repeat:          no-repeat;
    }

    div#siteBodyWrapper_rightCol_header {
    background-image:           url( ../../images/_new/ssbLIVE_bodyHeader_white.gif );
    background-position:        top left;
    background-repeat:          no-repeat;
    }

    div#siteBodyWrapper_rightCol_footer {
    background-image:           url( ../../images/_new/ssbLIVE_bodyFooter_gradient.gif );
    background-position:        top left;
    background-repeat:          no-repeat;
    }

    #login_form {
    /*width:                    390px;
    height:                     316px;*/
    position:                   absolute;
    margin-left:                300px;
    margin-top:                 27px;
    color:                      #eeeeee;
    }

    #login_form div {
    color:                      #eeeeee;
    }


    #login_divider {
    width:                      1px;
    height:                     316px;
    position:                   absolute;
    margin-left:                500px;
    margin-top:                 27px;
    } 

    #login_extras {
    width:                      282px;
    height:                     316px;
    position:                   absolute;
    margin-left:                550px;
    margin-top:                 27px;
    color:                      #eeeeee;
    }

    #login_extras div {
    color:                      #eeeeee;
    }

    #newsTicker {
    background-image:           url( ../../images/_new/ssb_newsTicker.gif );
    background-position:        top left;
    background-repeat:          no-repeat;
    }

    #marqueeHeadline {
    background-image:           url( ../../images/_new/ssb_news_headline.gif );
    background-position:        top left;
    background-repeat:          no-repeat;
    }

    #marqueeNumber_0 {
    background-image:           url( ../../images/_new/ssb_news_numbers_1.gif );
    }
    
    #marqueeNumber_1 {
    background-image:           url( ../../images/_new/ssb_news_numbers_2.gif );
    }
    
    #marqueeNumber_2 {
    background-image:           url( ../../images/_new/ssb_news_numbers_3.gif );
    }
    
    #marqueeNumber_3 {
    background-image:           url( ../../images/_new/ssb_news_numbers_4.gif );
    }
    
    #marqueeNumber_4 {
    background-image:           url( ../../images/_new/ssb_news_numbers_5.gif );
    }  

/*  ---------------------------------------------------------------------
        extras
    --------------------------------------------------------------------- */

/* for "did you know" and "pro tip" and "note" */
   .tip {
    font-weight:                bold;
    color:                      #000080;
    }

   .didYouKnow {
    font-weight:                bold;
    color:                      #000080;
    }

    .sectionHeader {
     color:                      #003399;
     }


    .title {
    font: 			14pt Arial, Verdana, Helvetica, sans-serif;
    font-weight:                bold;
    margin-bottom:              5px;
    color:                      #000000;
    }

    .subtitle {
    font: 			12pt Arial, Verdana, Helvetica, sans-serif;
    font-weight:                bold;
    margin-bottom:              5px;
    color:                      #5C553B;
    }

    .box1 {
    border-width: thin;
    border-color: #99FF99 #003300 #003300 #99FF99;
    border-style: double;
    }