/* ---------- Color Module Styles ----------- */
/* Use ONLY rules with properties that have hex colors as values. */
/* Use lowercaps hex values. */

/* Header */

.html .zone-branding-wrapper {
    border-top-color: #363E69;
}

/* Main menu */

#zone-menu-wrapper {
    background: #363E69;
    background: -moz-linear-gradient(top, #363E69 0%, #232d61 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #363E69), color-stop(100%, #232d61));
    background: -webkit-linear-gradient(top, #363E69 0%, #232d61 100%);
    background: -o-linear-gradient(top, #363E69 0%, #232d61 100%);
    background: -ms-linear-gradient(top, #363E69 0%, #232d61 100%);
    background: linear-gradient(to bottom, #363E69 0%, #232d61 100%);
}

#zone-menu-wrapper .menu li.active a,
#zone-menu-wrapper .menu li a:hover {
    background: #232d61;
    background: -moz-linear-gradient(top, #232d61 0%, #5a689a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #232d61), color-stop(100%, #5a689a));
    background: -webkit-linear-gradient(top, #232d61 0%, #5a689a 100%);
    background: -o-linear-gradient(top, #232d61 0%, #5a689a 100%);
    background: -ms-linear-gradient(top, #232d61 0%, #5a689a 100%);
    background: linear-gradient(to bottom, #232d61 0%, #5a689a 100%);
}

#zone-menu-wrapper .menu li ul,
#zone-menu-wrapper .menu li.active li a,
#zone-menu-wrapper .menu li li a:hover {
    background: #232d61;
}

#zone-menu-wrapper  .menu li li.active a,
#zone-menu-wrapper  .menu li li a:hover {
    background: #4f5990;
}

#zone-branding .site-name a,
#zone-branding .block-accessbility-text,
#zone-branding .block-language li.active {
    color: #4453A1;
}

/* Base: BaBackground / Text / Link */

.html .center-wrapper {
    background-color: #ffffff;
}

.html .zone-branding,
.html .zone-content-wrapper {
    background-color: #ffffff;
}

.html #section-content a,
.html #page .view-header h2,
.html #page .pane-title,
.not-logged-in.page-user #page .title,
.html #page h1.title,
.html .controls .button,
.html #page label {
    color: #4453A1;
}

.html p {
    color: #3b3b3b;
}

.html p a {
    color: #4453A1;
}

.html .agenda .fancy-month,
.html .agenda .fancy-date {
    background: #00678c;
}

/* Footer bg */

#section-footer {
    background: #232d61;
}