@media screen
{

    /* Top level/section navigation */
    #section_navigation {
        position: absolute;
        top: 4px;
        left: 0;
        width: 960px;
    }
    #section_navigation li { float: right; }
    #section_navigation li a {
        float: left;
        padding: 4px 12px;
        margin: 0 1px 0 0;
        border: none;
        color: #000;
        background: none;
        font-weight: bold;
    }
    #section_navigation .active a, #section_navigation .active a:link, #section_navigation .active a:visited {
        border: none;
        background: url(Images/tab.section.active.gif) top left repeat-x #e01e2a;
        color: #fff;
        text-decoration: none;
    }
    #section_navigation .active a:hover, #section_navigation .active a:active { text-decoration: underline; }
    #sitemap_nav {
        position: absolute;
        top: -20px;
        right: 0;
    }
    /* Main navigation */
    #primary_navigation {
        position: absolute;
        top: 48px;
        left: 208px;
        width: 752px;
    }
    #primary_navigation li {
        float: left;
        font-size: 1em;
    }
    #primary_navigation li a,
    #primary_navigation li a:link,
    #primary_navigation li a:visited {
        float: left;
        padding: 4px 12px 5px;
        margin: 0 1px 0 0;
        background: url(Images/tab.main.inactive.gif) top left repeat-x #ddd;
        border: 1px solid #eee;
        color: #666;
        font-weight: bold;
        font-size: 1.1em;
        text-decoration: none;
    }
    #primary_navigation li a:hover, #primary_navigation li a:active {
        text-decoration: underline;
        background: #ddd;
    }
    #page #primary_navigation li.active a,
    #page #primary_navigation li.active a:hover,
    #page #primary_navigation li.active a:active {
        background: url(Images/tab.main.active.gif) top left repeat-x #84aebd;
        border-color: #84aebd;
        color: #fff;
    }
    #primary_navigation #login {
        float: right;
        position: relative;
        right: 19px;
    }
    #primary_navigation #login a,
    #primary_navigation #login a:hover,
    #primary_navigation #login a:active {
        width: 110px;
        border-color: #b0d06a;
        color: #fff;
        background: url(Images/tab.login.inactive.gif) top left repeat-x #b0d06a;
        text-align: center;
    }
    /* Left hand navigation */
    #sub_navigation li {
        width: 191px;
        margin: 0;
        background: #fff;
        border: 1px solid #cbd2d6;
        border-top: none;
    }
    #sub_navigation li a {
        display: block;
        padding: 6px;
        width: 179px;
        color: #000;
        background: none;
        font-weight: bold;
    }
    #sub_navigation .open {
        border-left: none;
        border-right: none;
        background: none;
    }
    #sub_navigation li ul {
        position: relative;
        bottom: -1px;
        margin: -1px 0 0 12px;
    }
    #sub_navigation .open li {
        width: 179px;
        background: #fff;
        border: 1px solid #cbd2d6;
        border-top: none;
    }
    #sub_navigation .open a {
        background: #fff;
        border: 1px solid #cbd2d6;
        border-top: none;
    }
    #sub_navigation .open li a {
        width: 167px;
        background: none;
        border: none;
    }
    #sub_navigation .active a {
        border-right: 1px solid #fff;
        color: #690;
    }
    #sub_navigation li.active { border-right-color: #fff; }
    #sub_navigation .active li a {
        border-right: none;
        color: #000;
    }
    /* If the last element is open */
    #page .last-open { background-position: 12px 100%; }
    #page .last-open li.open { border-bottom: none; }

}