/*** body styling overrides ***/
    html {
        overflow-y:             scroll;
    }
    html, body {
        height:                 100%;
        margin:                 0px;
        padding:                0px;
    }

    body {    
        background-image:       url('../images/body_background_fade.jpg'); 
        background-repeat:      repeat-x; 
        background-color:       #0d465a;
    }

/*** links and text ***/
    .font-veranda , .link-veranda {
        font-family:            Verdana, Arial, Helvetica, sans-serif;
        line-height:            1.3em;
    }

    .font-veranda {
        color:                  #DDD;
    }

    .link-veranda {
        color:                  #FFCC99;
        text-decoration:        none;
        font-weight:            bold;
    }

    :hover.link-veranda {
        color:                  #FFFF99;
    }

/*** template styling and positioning ***/
    #wrapper {
        z-index:                2;
        margin:                 0px auto;
        padding:                0px;
        width:                  951px;
        min-height:             100%;
        position:               relative;
        background-image:       url('../img/global/wrapper_background.jpg');
        background-position:    top;
        background-repeat:      repeat-y;
        background-color:       #0f465a;
        display:                block;
    }

    #header {
        position:               absolute;
        top:                    0px;
        width:                  951px;
        height:                 106px;
        background-image:       url('../img/global/header_background.jpg');
        margin:                 0px;
    }

    #left_navigation_wrapper {
        position:               relative;
        top:                    0px;
        left:                   0px;
        width:                  244px;
        height:                 100%;
        background-image:       url('../img/global/left_navigation_background.jpg');
        background-position:    1px 106px;
        background-repeat:      no-repeat;
    }

    #content_wrapper {
        position:               relative;
        top:                    0px;
        right:                  0px;
        width:                  707px;
        height:                 900px;
        background-image:       url('../img/global/content_background.jpg');
        background-position:    0px 106px;
        background-repeat:      no-repeat;
    }

    #background_wrapper_right, #background_wrapper_left {
        z-index:                0;
        width:                  50%;
        0height:                100%;
        top:                    0px; 
        bottom:                 0px;
        position:               absolute;
        padding:                0px;
        margin:                 0px;
        display:                block;
        background-color:       #0f465a;
        background-image:       url('../img/global/top_background_fade.jpg');
        background-position:    top;
        background-repeat:      repeat-x;
    }

    #background_wrapper_right {
        right:                  0px;
    }

    #background_wrapper_left {
        left:                   0px;
    }

    #background_shadow_column_1, #background_shadow_column_2, #background_shadow_column_3, #background_shadow_column_4 {
        position:               absolute;
        width:                  108px;
        height:                 100%;
    }

    #background_shadow_column_1, #background_shadow_column_3 {
        background-image:       url('../img/global/left_dropshadow.png');
    }

    #background_shadow_column_2, #background_shadow_column_4 {
        background-image:       url('../img/global/right_dropshadow.png');
    }

    #background_shadow_column_1 {
        left:                   0px;
    }

    #background_shadow_column_2 {
        right:                  475px;
    }

    #background_shadow_column_3 {
        left:                   475px;
    }

    #background_shadow_column_4 {
        right:                  0px;
    }

    #background_lensflare {
        position:               absolute;
        height:                 471px;
        right:                  475px;
        left:                   0px;
        top:                    105px;
        background-image:       url('../img/global/left_solarflare.jpg');
        background-position:    top right;
        background-repeat:      no-repeat;
    }

    #stripe_left {
        position:               absolute;
        height:                 27px;
        right:                  475px;
        left:                   0px;
        top:                    78px;
        background-image:       url('../img/global/stripe_left.png');
        background-position:    top right;
        background-repeat:      no-repeat;
    }

    #stripe_right {
        position:               absolute;
        height:                 27px;
        left:                   475px;
        right:                  0px;
        top:                    78px;
        background-image:       url('../img/global/stripe_right.png');
        background-position:    top left;
        background-repeat:      no-repeat;
    }

    #page_header {
        position:               relative;
        border:                 none;
        height:                 130px;
        margin:                 0px 0px 40px 0px;
    }

    #page_header_img {
        position:               absolute;
        bottom:                 0px;
        right:                  0px;
    }

    #nav_top_spacer {
        height:                 170px;
    }

    #viewFrame  {
        border:                 #90a9b2 solid 1px;
        -moz-border-radius:     15px;
        border-radius:          15px;
    }

    #viewFrame {
        position:               relative;
        top:                    0px;
        left:                   8px;
        width:                  688px;
        margin:                 5px 0px 0px 0px;
        padding:                0px;
    }

    a.nav_tier_1 {
        background-image:       url('../img/global/navigation/tier_1_background.png');
        background-position:    top right;
        background-repeat:      no-repeat;
        width:                  230px;
        height:                 23px;
        display:                block;
        text-align:             right;
        margin:                 0px 0px 4px 0px;
        padding:                0px 0px 0px 0px;
    }

    img.nav_tier_1_img {
        margin:                 2px 20px 0px 0px;
        padding:                0px 0px 0px 0px;
        border:                 none;
    }

/*** navigation classes ***/
    .nav_tier_2a {
                    width: 215px;
                    height: 18px;
                    text-align: right;
                    background: top right no-repeat;
                    cursor: pointer;
    }

    .v-examples             { background-image: url('/img/global/navigation/nav_tier_2_examples.png') ; }
    .o-examples             { background-image: url('/img/global/navigation/nav_tier_2_examples_on.png') ; }
    :hover.v-examples       { background-image: url('/img/global/navigation/nav_tier_2_examples_over.png') ; }
    .v-print                { background-image: url('/img/global/navigation/nav_tier_2_print.png') ; }
    .o-print                { background-image: url('/img/global/navigation/nav_tier_2_print_on.png') ; }
    :hover.v-print          { background-image: url('/img/global/navigation/nav_tier_2_print_over.png') ; }
    .v-sites                { background-image: url('/img/global/navigation/nav_tier_2_sites.png') ; }
    .o-sites                { background-image: url('/img/global/navigation/nav_tier_2_sites_on.png') ; }
    :hover.v-sites          { background-image: url('/img/global/navigation/nav_tier_2_sites_over.png') ; }
    .v-comps                { background-image: url('/img/global/navigation/nav_tier_2_comps.png') ; }
    .o-comps                { background-image: url('/img/global/navigation/nav_tier_2_comps_on.png') ; }
    :hover.v-comps          { background-image: url('/img/global/navigation/nav_tier_2_comps_over.png') ; }
    .v-illustration         { background-image: url('/img/global/navigation/nav_tier_2_illustration.png') ; }
    .o-illustration         { background-image: url('/img/global/navigation/nav_tier_2_illustration_on.png') ; }
    :hover.v-illustration   { background-image: url('/img/global/navigation/nav_tier_2_illustration_over.png') ; }

/*** oo styled classes ***/
    /* fonts and text */
        .f11px    { font-size: 11px; }
        .f9px     { font-size: 9px; }
        .ctr      { text-align: center;}
    /* margins, padding, borders */
        .pd-0     { padding: 0px; }
        .mr-0     { margin: 0px; }
        .mrT-5    { margin-top: 5px; }
        .mrT-10   { margin-top: 10px; }
        .mrL-10   { margin-left: 10px; }
        .bdr-0    { border: none; outline: none; }
    /* positioning */
        .fLeft    { float: left; }
        .fRight   { float: right; }
        .inline-block { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }
        .d-blk    { display: block; }
    /* decorators */
        .crsPnt   {cursor: pointer;}