﻿

ul#side-menu-list {
    list-style: none;
    background-color: #DDD;
    padding: 5px 5px;
    border: 1px solid #999;
    border-radius: 8px;
}

    ul#side-menu-list li {
        list-style: none;
        padding: 2px;
    }

        ul#side-menu-list li a {
            font: 14px 'Trebuchet MS', Verdana;
            color: #999;
            text-decoration: none;
            padding: 4px 6px;
            border-radius: 6px;
        }

            ul#side-menu-list li a:hover {
                background-color: #FFF;
                color: #F33;
            }

    ul#side-menu-list > li {
        display: inline-block;
        vertical-align: top;
        margin: 0px 4px;
    }

        ul#side-menu-list > li > a {
            display: inline;
            font: bold 20px 'Segoe UI';
            color: #222;
            padding: 2px 6px 6px;
        }

            ul#side-menu-list > li > a:hover {
                background-color: #FFF;
                color: #F33;
            }

        ul#side-menu-list > li > ul {
            margin: 5px 0px;
        }

            ul#side-menu-list > li > ul > li {
                margin-left: 10px;
            }



ul#top-menu-list {
    z-index: 50;
    position: relative;
    width: 100%;
    background-color: #eee;
    margin-top: 32px;
    height: 50px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

ul#top-menu-list {
    background-image: url('/Content/images/background.png');
    background-position: bottom;
    background-repeat: repeat-x;
}

    ul#top-menu-list li {
        list-style: none;
        padding: 5px;
        text-align: left;
        color: #555;
    }

    ul#top-menu-list > li {
        display: inline-block;
        text-align: left;
        padding: 2px 18px;
        vertical-align: top;
        margin-top: 2px;
    }

    ul#top-menu-list li a {
        font: 14px 'Zurich Condensed', Helvetica, Arial, sans-serif;
        padding: 2px 8px;
        color: inherit;
    }

    ul#top-menu-list > li > a {
        text-decoration: none;
        display: inline-block;
        color: #333;
        height: 30px;
    }

    ul#top-menu-list > li > a {
        font: bold 1.7em 'Roboto', 'Zurich Condensed', 'Roboto Condensed', Helvetica, Arial, sans-serif;
    }

    ul#top-menu-list > li > ul > li:hover {
        cursor: pointer;
        color: #fff;
        background-color: #104087;
    }

    ul#top-menu-list > li > ul > li a:hover {
        text-decoration: none;
    }

.top-menu-popup {
    position: absolute;
    width: 220px;
    top: 54px;
    padding: 0px;
}

.top-menu-popup {
    list-style: none;
    background-color: #fff;
    border-bottom: 1px solid #2060C7;
}

ul#top-menu-list > li > a.top-menu-tab {
    position: relative;
    z-index: 60;
    color: #2060C7;
    border-bottom: 12px solid #fcd116;
    opacity: 1.0;
}

ul#top-menu-list a.top-menu-section {
    border-bottom: 12px solid rgba(252, 209, 22, .6);
}



ul#home-menu-list {
    float: left;
    list-style: none;
    text-align: left;
}

    ul#home-menu-list > li {
        display: inline;
        text-transform: capitalize;
        padding: 0 0;
        letter-spacing: 0px;
    }

        ul#home-menu-list > li > a {
            padding: 5px;
            display: block;
            text-decoration: none;
        }

        ul#home-menu-list > li > a {
            color: #104087;
            border-bottom: 1px solid rgba(0, 173, 198, .3);
            font: 16px 'Segoe UI', 'Verdana', Arial;
        }

            ul#home-menu-list > li > a:hover {
                text-decoration: none;
                background: #ddd;
            }



ul#formal-horizontal-list {
    float: left;
    list-style: none;
    text-align: center;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

    ul#formal-horizontal-list li {
        display: inline;
        text-transform: uppercase;
        padding: 0 15px;
        letter-spacing: 3px;
    }

        ul#formal-horizontal-list li a {
            text-decoration: none;
            color: #999;
        }

            ul#formal-horizontal-list li a:hover {
                text-decoration: underline;
            }



ul#blue-button {
    float: left;
    width: 20em;
    border-right: 1px solid #000;
    padding: 0 0 1em 0;
    margin-bottom: 1em;
    background-color: #90bade;
    color: #333;
}

ul#blue-button {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana;
}

    ul#blue-button li {
        border-bottom: 1px solid #90bade;
        margin: 0;
    }

        ul#blue-button li a {
            display: block;
            padding: 15px 15px 15px 0.5em;
            border-left: 10px solid #1958b7;
            border-right: 10px solid #508fc4;
            background-color: #2175bc;
            color: #fff;
            text-decoration: none;
            width: 100%;
        }

        html > body ul#blue-button li a {
            width: auto;
        }

            ul#blue-button li a:hover {
                border-left: 10px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;
                color: #fff;
            }



ul#navlist {
    float: right;
}

    ul#navlist li {
        display: inline;
    }

        ul#navlist li a {
            border-left: 1px dotted #8A8575;
            padding: 10px;
            margin-top: 10px;
            color: #8A8575;
            text-decoration: none;
            float: left;
        }

        ul#navlist li:first-child a {
            border: none;
        }

        ul#navlist li a:hover {
            color: #F6855E;
        }


.nested-numbers ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
}

    .nested-numbers ol > li {
        display: table;
        counter-increment: item;
        margin-bottom: 0.6em;
    }

        .nested-numbers ol > li:before {
            content: counters(item, ".") ". ";
            display: table-cell;
            padding-right: 0.6em;
        }

.nested-numbers li ol > li {
    margin: 0;
}

    .nested-numbers li ol > li:before {
        content: counters(item, ".") " ";
    }
