body { background-color: #dde0f3; }
header { background-color: #5640a1; color: #fff; border-bottom: solid 3px #fff; }
header .headertitle h1 { font-family: "Fredericka the Great"; font-size: 48pt; }

nav .navbar-brand { font-family: "Fredericka the Great"; font-size: 20pt; }
@media(max-width:480px) { nav .navbar-brand { font-size: 14pt; } }

.navbar-custom { background-color: #5640a1; border-bottom: solid 1px #fff; }
.navbar-custom .navbar-nav > li > a { color: #fff; font-weight: bold; }
.navbar-custom .navbar-nav > a:hover {
    background-color: #886DE3;
    color: #fff;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .active > a:hover {
    background-color: #886DE3;
    color: #fff;
}

.navbar-custom .navbar-nav > li > a:hover {
    background-color: #886DE3;
    color: #fff;
}

.well { background-color: #dde0f3; }
.label-default { background-color: #5640a1; }
.btn-primary {  background-color: #5640a1; border-color: #438; }

.side  li:before { color: #5640a1; }

.cmspage { background-color: #dde0f3;}

.cmsfooter { background-color: #5640a1; color: #fff; border-top: solid 3px #fff; }
.cmslogin { background-color: #5640a1; color: #fff; }

.cmsmain h1 { color: #5640a1; }
.cmsmain a { color: #5640a1; }
.cmsmain strong { color: #5640a1; }
.cmsmain hr { border: solid 3px #5640a1; }

.cmsmain .main { background-color: #bac5f5; color: #000; }
.cmsmain .main h1 { color: #5640a1; }

.cmsmain .side { background-color: #cdd2f0; color: #000; }
.cmsmain .side h2 { background-color: #5640a1; color: #fff; }
.cmsmain .side h3 { color: #5640a1; }



/*EXTRA*/