.banner {
    position: relative;
    display: block;
    height: 76px;
    width: 100%;
    left: 0;
    padding-right: 10px;
    background: #1F4973;
    color:white;
}
.draugr_banner {
    position: relative;
    display: block;
    height:76px;
    width: 100%;
    top: -20px;
    left: 0;
    margin-bottom: -20px;
    background: #7A2C27;
    color:#F0DEC9;
}
.draugr_brown {
    color:#7A2C27;
}
.draugr_background {
    background: #F0DEC9;
}
.draugrTagline {
    color:#F0DEC9;
    font-size:50%;
}

.live-banner {
    position: relative;
    display: block;
    height:116px;
    width: 100%;
    top: 0;
    left: 0;
    /*background: #3c8ee7; */
    background: white;
    color:white;
}
.navbar {
    border-radius: 0;
    border: none
}
.navbar-default {
    background-color: #1F4973;
    border-color: #78ade7;
}
.navbar-default .navbar-brand {
    color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #00007f;
}
.navbar-default .navbar-text {
    color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
    color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: white;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
    background-color: #3c8ee7;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
    color: #ecf0f1;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
    color: #00007f;
    background-color: #78ade7;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
    background-color: #78ade7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #00007f;
    background-color: #78ade7;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #00007f;
    background-color: #83bcfb;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #00007f;
    background-color: #83bcfb;
}
.navbar-default .navbar-toggle {
    border-color: #78ade7;
}
.navbar-default .navbar-toggle span {
    color: white;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #83bcfb;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #ecf0f1;
}
.navbar-default .navbar-link {
    color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
    color: #00007f;
}
.navbar-title {
    color: white;
    margin-top: -6px;
}
.nav > li {
    font-size:80%;
    vertical-align: bottom;
}
a.nav-selected {
    background-color: #83bcfb;
    color: #003f70 !important;
}
a.nav-selected:hover {
    background-color: #83bcfb;
    color: white !important;
}

.brand-border {
    border: solid thin #00007f;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ecf0f1;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #00007f;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #00007f;
        background-color: #78ade7;
    }
}

.pale {
    color: #8ae;
}
h1, h2, h3, h4, h5, h6, strong, .branded {
    color: #1F4973;
}

.top-text {
    color: #1F4973;
    font-size: 150%;
}


.navbar-title {
    color: white;
    margin-top: -6px;
}