.js-nav {
    background-color: rgb(87,127,47);
    border-color: rgb(89, 114, 65);
    box-shadow: 0 0px 2px rgb(175, 175, 175);
}
.js-nav .navbar-brand {
    color: white;
    float: none;
    display: block;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.js-nav .navbar-nav > li > a {
    color: rgb(212,231,166);
}
.js-nav .navbar-collapse {
    border-color: rgb(79, 102, 56);
}
.js-nav .navbar-toggle {
    border-color: rgb(87,127,47);
}
.js-nav .navbar-nav > li.js-active > a {
    color: white;
    background-color: rgb(89, 114, 65);
}


#jumboContent {
    margin-top: 120px;
    margin-bottom: 80px;
}
#jumboContent h1, #jumboContent p {
    margin-bottom: 15px;
}


#sidebar > .nav > li {
    margin-bottom: 15px;
}
#sidebar > .nav > li > a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#sidebar > .nav > li > a {
    color: #FFF;
    background-color: #428bca;
}
#sidebar .nav .nav li a {
    padding-left: 25px;
    padding-right: 9px;
}
#sidebar .nav .nav li a span.glyphicon {
    float: right;
}
#sidebar .nav .nav li a {
    background-color: #EEE;
    border-bottom: 1px solid #DDD;
}
#sidebar .nav .nav li:last-child a {
    border-bottom: none;
}
#sidebar .nav .nav li a:hover span.glyphicon, #sidebar .nav .nav li.active a span.glyphicon {
    display: inline;
}


.courseSection {
    margin-bottom: 80px;
}
.courseSection h1, .courseSection h3 {
    /* Padding counts as the top of our anchor, sliding under the affixed navbar */
    padding-top: 80px;
    /* Negative margin move our header up, back to align with the sidenav */
    margin-top: -60px;
}
.courseSection:first-child h1 {
    margin-top: -85px;
}
.courseSection h1 {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.courseSection .artifact {
    margin-top: 40px;
    margin-left: 25px;
    margin-bottom: 40px;
}
.courseSection .artifact h4 {
    font-size: 20px;
    color: rgb(255, 122, 0);
}
.courseSection .artifact p {
    margin-top: 15px;
}
.courseSection .artifact .videoWrapper {
    text-align: center;
}
.courseSection .col-md-6 {
    margin-top: 15px;
}
.courseSection .col-md-6 img {
    width: 100%;
    box-shadow: 0 0 3px #333;
}
.courseSection .col-md-6 p {
    text-align: center;
    margin-top: 5px;
    color: #777;
}
.courseSection:last-child {
    margin-bottom: 160px;
}

#uReportVideo {
    max-width: 100%;
}


#footerWrapper p {
    margin-bottom: 5px;
    text-align: center;
    color: #777;
}
#footerWrapper p:first-child {
    border-top: 1px solid #eee;
    padding-top: 11px;
}


@media screen and (min-width: 992px) {
    #sidebar > .nav > li {
        margin-bottom: 2px;
    }
    #sidebar > .nav > li > a {
        color: #428bca;
        background: transparent;
    }
    #sidebar > .nav > li.active > a {
        color: #FFF;
        background-color: #428bca;
    }
    #sidebar .nav li .nav {
        display: none;
    }
    #sidebar .nav li.active .nav {
        display: block;
    }
    #sidebar .nav .nav li a {
        background: transparent;
    }
    #sidebar .nav .nav li.active a {
        background-color: #EEE;
    }
    #sidebar .nav .nav li a span.glyphicon {
        display: none;
    }
    #sidebar .nav .nav li a {
        border-bottom: none;
    }
}

/* Sticky Footer CSS */
html, body {
    height: 100%;
}
#pageWrapper {
    min-height: 100%;
    height: auto;
    margin: 0 auto -70px;
    padding: 0 0 70px;
}
#footerWrapper {
    height: 70px;
}



@media (min-width: 992px) {
    #sidebar.affix {
        position: fixed;
        top: 85px;
    }
    #sidebar {
        width: 220px;
    }
}

.affix-top, .affix {
    position: static;
    margin-bottom: 80px;
}