body {
    background: #32608a url("../images/system/oceanside/body-background.png") repeat-y 50% 0;
    background: -moz-linear-gradient(left, #32608a 0, #a6c6df 50%, #32608a 100%);
    background: -webkit-linear-gradient(left, #32608a 0, #a6c6df 50%, #32608a 100%);
    background: -o-linear-gradient(left, #32608a 0, #a6c6df 50%, #32608a 100%);
    background: -ms-linear-gradient(left, #32608a 0, #a6c6df 50%, #32608a 100%);
    background: linear-gradient(to right, #32608a 0, #a6c6df 50%, #32608a 100%)
}
@media (max-width: 767px) {
    body {
        background: #32608a
    }
}
.main-content,
.global-header,
.global-footer {
    border-left: 7px solid #32608a;
    border-right: 7px solid #32608a
}
.primary .header-decoration {
    background: url("../images/system/oceanside/ribbon-home.png") no-repeat 66.6667% 0
}
.primary.two-column .header-decoration {
    background: url("../images/system/oceanside/ribbon-two-col.png") no-repeat 66.6667% 0
}
.primary.two-column .main-content {
    background: url("../images/system/oceanside/footer-bg.png") no-repeat 66.6667% 100%, url("../images/system/oceanside/2column-bg.png") repeat-y 66.6667% 0;
    background-color: #fff
}
.primary .main-content {
    background: #fff url("../images/system/oceanside/footer-bg.png") no-repeat 66.6667% 100%
}
.two-column .main-content {
    background: #fff url("../images/system/oceanside/2column-bg.png") repeat-y 66.6667% 0
}
@media (max-width: 991px) {
    .two-column .main-content,
    .two-column.primary .main-content {
        background-image: none !important
    }
}
@media (max-width: 991px) {
    .primary .header-decoration,
    .primary.two-column .header-decoration {
        background-position: 0 0
    }
}
@media (max-width: 767px) {
    .primary .header-decoration,
    .primary.two-column .header-decoration {
        background: none
    }
}

@media (max-width: 767px) {
    .global-header {
        background: #036;
        background: rgba(0, 51, 102, 0.85)
    }
}
.mobile-controls {
    background: #002b57
}
.mobile-control {
    color: #fff
}
.top-level-nav>li {
    background: #002b57
}
.top-level-nav>li .sub-nav .second-level-nav>li {
    background: #00264d
}
.top-level-nav>li .sub-nav .second-level-nav>li .second-level-link {
    color: #fff
}
@media (min-width: 768px) {
    .top-level-nav>li {
        background: none
    }
}
@media (min-width: 768px) {
    .main-navigation.dropdown .sub-nav {
        background: #036;
        background: rgba(0, 51, 102, 0.75);
        border-color: #fbad23
    }
    .main-navigation.dropdown .sub-nav ul>li {
        background: none
    }
}
@media (min-width: 768px) {
    .main-navigation.megadropdown .top-level-nav .sub-nav ul {
        background: #eef3f7
    }
    .main-navigation.megadropdown .top-level-nav .sub-nav ul:before,
    .main-navigation.megadropdown .top-level-nav .sub-nav ul:after {
        content: " ";
        display: table
    }
    .main-navigation.megadropdown .top-level-nav .sub-nav ul:after {
        clear: both
    }
    .main-navigation.megadropdown .top-level-nav .sub-nav li {
        background: none
    }
    .main-navigation.megadropdown .top-level-nav .sub-nav li .second-level-link {
        color: #333
    }
    .main-navigation.megadropdown .top-level-nav .sub-nav li .link-description {
        display: block
    }
    .main-navigation.megadropdown .top-level-nav .sub-nav[class*="with-image-"] .sub-nav-decoration:after {
        background-image: url("../images/system/oceanside/ribbon.png")
    }
}
@media (max-width: 767px) {
    .global-header .navigation-search.oc-menu {
        background: #036
    }
    .navigation-search.oc-menu {
        background: #fff
    }
    .oc-menu .mobile-control.toggle-search {
        display: none
    }
    .top-level-nav .toggle-sub-nav {
        box-shadow: -5px 0 3px #00264d
    }
}
.main-navigation {
    background: #036;
    background: rgba(0, 51, 102, 0.85);
    border-bottom: 3px solid #fbad23
}
.main-navigation>ul>li a.first-level-link {
    color: #fff;
    font-size: 17.4px;
    font-weight: bold
}
.main-navigation>ul>li a.first-level-link:hover {
    text-shadow: 0 0 .2em #fbad23, 0 0 .2em #fbad23;
    text-decoration: none
}
.oldie .main-navigation>ul>li a.first-level-link:hover {
    color: #fddca0
}
.main-navigation>ul>li.active a.first-level-link {
    text-shadow: 0 0 .2em #fbad23, 0 0 .2em #fbad23;
    text-decoration: none
}
.oldie .main-navigation>ul>li.active a.first-level-link {
    color: #fddca0
}
@media (min-width: 768px) {
    .main-navigation>ul>li a.second-level-link {
        color: #333
    }
    .main-navigation>ul>li a.second-level-link:hover {
        color: #4d4d4d
    }
    .main-navigation>ul>li .link-description {
        font-size: 10.5px;
        padding-top: 4px
    }
}
@media (min-width: 768px) {
    .main-navigation .sub-nav {
        background: transparent url("../images/system/oceanside/megadropdown-ribbon.png") no-repeat 70.3125% 100%
    }
}
@media (max-width: 991px) {
    .main-navigation .sub-nav {
        background-position: 0 100%
    }
}
.search-container {
    background: #036;
    background: rgba(0, 51, 102, 0.85)
}
.search-container .search-textfield {
    background-color: rgba(255, 255, 255, 0.8)
}
.search-container .search-textfield:hover,
.search-container .search-textfield:focus {
    border-color: #fbad23
}
.submit-container button {
    color: #fff
}
.submit-container button:hover {
    text-shadow: 0 0 .2em #fbad23, 0 0 .2em #fbad23
}
.global-footer {
    background: #036;
    color: #fff
}
.global-footer ul li a {
    background: rgba(255, 255, 255, 0.15);
    color: #fff
}
h1 span[class^="ca-gov-icon-"]:first-child {
    color: #069
}
.panel-default {
    border-color: #046
}
.panel-default>.panel-heading {
    color: inherit;
    background-color: #a6c6df;
    border-color: #046
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #046
}
.panel-default>.panel-heading .badge {
    color: #a6c6df;
    background-color: inherit
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #046
}
.panel-default .panel-heading h2 span[class^="ca-gov-icon-"],
.panel-default .panel-heading h3 span[class^="ca-gov-icon-"],
.panel-default .panel-heading h4 span[class^="ca-gov-icon-"],
.panel-default .panel-heading h5 span[class^="ca-gov-icon-"] {
    color: #036
}
.panel-default .panel-heading .options .btn-default {
    color: #000;
    background-color: #e4eef5;
    border-color: #046
}
.panel-default .panel-heading .options .btn-default:hover,
.panel-default .panel-heading .options .btn-default:focus,
.panel-default .panel-heading .options .btn-default:active,
.panel-default .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-default .panel-heading .options .btn-default {
    color: #000;
    background-color: #bfd6e8;
    border-color: #001b29
}
.panel-default .panel-heading .options .btn-default:active,
.panel-default .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-default .panel-heading .options .btn-default {
    background-image: none
}
.panel-default .panel-heading .options .btn-default.disabled,
.panel-default .panel-heading .options .btn-default[disabled],
fieldset[disabled] .panel-default .panel-heading .options .btn-default,
.panel-default .panel-heading .options .btn-default.disabled:hover,
.panel-default .panel-heading .options .btn-default[disabled]:hover,
fieldset[disabled] .panel-default .panel-heading .options .btn-default:hover,
.panel-default .panel-heading .options .btn-default.disabled:focus,
.panel-default .panel-heading .options .btn-default[disabled]:focus,
fieldset[disabled] .panel-default .panel-heading .options .btn-default:focus,
.panel-default .panel-heading .options .btn-default.disabled:active,
.panel-default .panel-heading .options .btn-default[disabled]:active,
fieldset[disabled] .panel-default .panel-heading .options .btn-default:active,
.panel-default .panel-heading .options .btn-default.disabled.active,
.panel-default .panel-heading .options .btn-default[disabled].active,
fieldset[disabled] .panel-default .panel-heading .options .btn-default.active {
    background-color: #e4eef5;
    border-color: #046
}
.panel-default .panel-heading .options .btn-default .badge {
    color: #e4eef5;
    background-color: #000
}
.panel-default .panel-heading .options .btn-default:hover,
.panel-default .panel-heading .options .btn-default:focus,
.panel-default .panel-heading .options .btn-default:active,
.panel-default .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-default .panel-heading .options .btn-default {
    color: #000;
    background-color: #bfd6e8;
    border-color: #001b29
}
.panel-default .panel-heading .options .btn-default:active,
.panel-default .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-default .panel-heading .options .btn-default {
    background-image: none
}
.panel-default .panel-heading .options .btn-default.disabled,
.panel-default .panel-heading .options .btn-default[disabled],
fieldset[disabled] .panel-default .panel-heading .options .btn-default,
.panel-default .panel-heading .options .btn-default.disabled:hover,
.panel-default .panel-heading .options .btn-default[disabled]:hover,
fieldset[disabled] .panel-default .panel-heading .options .btn-default:hover,
.panel-default .panel-heading .options .btn-default.disabled:focus,
.panel-default .panel-heading .options .btn-default[disabled]:focus,
fieldset[disabled] .panel-default .panel-heading .options .btn-default:focus,
.panel-default .panel-heading .options .btn-default.disabled:active,
.panel-default .panel-heading .options .btn-default[disabled]:active,
fieldset[disabled] .panel-default .panel-heading .options .btn-default:active,
.panel-default .panel-heading .options .btn-default.disabled.active,
.panel-default .panel-heading .options .btn-default[disabled].active,
fieldset[disabled] .panel-default .panel-heading .options .btn-default.active {
    background-color: #e4eef5;
    border-color: #046
}
.panel-default .panel-body {
    background: #eef3f7
}
.panel-overstated {
    border-color: #046
}
.panel-overstated>.panel-heading {
    color: #fff;
    background-color: #069;
    border-color: #046
}
.panel-overstated>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #046
}
.panel-overstated>.panel-heading .badge {
    color: #069;
    background-color: #fff
}
.panel-overstated>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #046
}
.panel-overstated .panel-heading {
    border-bottom-width: 5px;
    border-bottom-style: solid
}
.panel-overstated .panel-heading h2 span[class^="ca-gov-icon-"],
.panel-overstated .panel-heading h3 span[class^="ca-gov-icon-"],
.panel-overstated .panel-heading h4 span[class^="ca-gov-icon-"],
.panel-overstated .panel-heading h5 span[class^="ca-gov-icon-"] {
    color: #fff
}
.panel-overstated .panel-heading .options .btn-default {
    color: #fff;
    background-color: #4d94b8;
    border-color: #046
}
.panel-overstated .panel-heading .options .btn-default:hover,
.panel-overstated .panel-heading .options .btn-default:focus,
.panel-overstated .panel-heading .options .btn-default:active,
.panel-overstated .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-overstated .panel-heading .options .btn-default {
    color: #fff;
    background-color: #3c7795;
    border-color: #001b29
}
.panel-overstated .panel-heading .options .btn-default:active,
.panel-overstated .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-overstated .panel-heading .options .btn-default {
    background-image: none
}
.panel-overstated .panel-heading .options .btn-default.disabled,
.panel-overstated .panel-heading .options .btn-default[disabled],
fieldset[disabled] .panel-overstated .panel-heading .options .btn-default,
.panel-overstated .panel-heading .options .btn-default.disabled:hover,
.panel-overstated .panel-heading .options .btn-default[disabled]:hover,
fieldset[disabled] .panel-overstated .panel-heading .options .btn-default:hover,
.panel-overstated .panel-heading .options .btn-default.disabled:focus,
.panel-overstated .panel-heading .options .btn-default[disabled]:focus,
fieldset[disabled] .panel-overstated .panel-heading .options .btn-default:focus,
.panel-overstated .panel-heading .options .btn-default.disabled:active,
.panel-overstated .panel-heading .options .btn-default[disabled]:active,
fieldset[disabled] .panel-overstated .panel-heading .options .btn-default:active,
.panel-overstated .panel-heading .options .btn-default.disabled.active,
.panel-overstated .panel-heading .options .btn-default[disabled].active,
fieldset[disabled] .panel-overstated .panel-heading .options .btn-default.active {
    background-color: #4d94b8;
    border-color: #046
}
.panel-overstated .panel-heading .options .btn-default .badge {
    color: #4d94b8;
    background-color: #fff
}
.panel-overstated .panel-heading .options .btn-default:hover,
.panel-overstated .panel-heading .options .btn-default:focus,
.panel-overstated .panel-heading .options .btn-default:active,
.panel-overstated .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-overstated .panel-heading .options .btn-default {
    color: #fff;
    background-color: #3c7795;
    border-color: #001b29
}
.panel-overstated .panel-heading .options .btn-default:active,
.panel-overstated .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-overstated .panel-heading .options .btn-default {
    background-image: none
}
.panel-overstated .panel-heading .options .btn-default.disabled,
.panel-overstated .panel-heading .options .btn-default[disabled],
fieldset[disabled] .panel-overstated .panel-heading .options .btn-default,
.panel-overstated .panel-heading .options .btn-default.disabled:hover,
.panel-overstated .panel-heading .options .btn-default[disabled]:hover,
fieldset[disabled] .panel-overstated .panel-heading .options .btn-default:hover,
.panel-overstated .panel-heading .options .btn-default.disabled:focus,
.panel-overstated .panel-heading .options .btn-default[disabled]:focus,
fieldset[disabled] .panel-overstated .panel-heading .options .btn-default:focus,
.panel-overstated .panel-heading .options .btn-default.disabled:active,
.panel-overstated .panel-heading .options .btn-default[disabled]:active,
fieldset[disabled] .panel-overstated .panel-heading .options .btn-default:active,
.panel-overstated .panel-heading .options .btn-default.disabled.active,
.panel-overstated .panel-heading .options .btn-default[disabled].active,
fieldset[disabled] .panel-overstated .panel-heading .options .btn-default.active {
    background-color: #4d94b8;
    border-color: #046
}
.panel-overstated .panel-body {
    background: #eef3f7
}
.panel-understated {
    border-color: #ccc
}
.panel-understated>.panel-heading {
    color: inherit;
    background-color: #eef3f7;
    border-color: #ccc
}
.panel-understated>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ccc
}
.panel-understated>.panel-heading .badge {
    color: #eef3f7;
    background-color: inherit
}
.panel-understated>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ccc
}
.panel-understated .panel-heading {
    border-bottom-width: 2px;
    border-bottom-style: dotted
}
.panel-understated .panel-heading h2 span[class^="ca-gov-icon-"],
.panel-understated .panel-heading h3 span[class^="ca-gov-icon-"],
.panel-understated .panel-heading h4 span[class^="ca-gov-icon-"],
.panel-understated .panel-heading h5 span[class^="ca-gov-icon-"] {
    color: #036
}
.panel-understated .panel-heading .options .btn-default {
    color: #000;
    background-color: #fafbfd;
    border-color: #ccc
}
.panel-understated .panel-heading .options .btn-default:hover,
.panel-understated .panel-heading .options .btn-default:focus,
.panel-understated .panel-heading .options .btn-default:active,
.panel-understated .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-understated .panel-heading .options .btn-default {
    color: #000;
    background-color: #d7e3ec;
    border-color: #adadad
}
.panel-understated .panel-heading .options .btn-default:active,
.panel-understated .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-understated .panel-heading .options .btn-default {
    background-image: none
}
.panel-understated .panel-heading .options .btn-default.disabled,
.panel-understated .panel-heading .options .btn-default[disabled],
fieldset[disabled] .panel-understated .panel-heading .options .btn-default,
.panel-understated .panel-heading .options .btn-default.disabled:hover,
.panel-understated .panel-heading .options .btn-default[disabled]:hover,
fieldset[disabled] .panel-understated .panel-heading .options .btn-default:hover,
.panel-understated .panel-heading .options .btn-default.disabled:focus,
.panel-understated .panel-heading .options .btn-default[disabled]:focus,
fieldset[disabled] .panel-understated .panel-heading .options .btn-default:focus,
.panel-understated .panel-heading .options .btn-default.disabled:active,
.panel-understated .panel-heading .options .btn-default[disabled]:active,
fieldset[disabled] .panel-understated .panel-heading .options .btn-default:active,
.panel-understated .panel-heading .options .btn-default.disabled.active,
.panel-understated .panel-heading .options .btn-default[disabled].active,
fieldset[disabled] .panel-understated .panel-heading .options .btn-default.active {
    background-color: #fafbfd;
    border-color: #ccc
}
.panel-understated .panel-heading .options .btn-default .badge {
    color: #fafbfd;
    background-color: #000
}
.panel-understated .panel-heading .options .btn-default:hover,
.panel-understated .panel-heading .options .btn-default:focus,
.panel-understated .panel-heading .options .btn-default:active,
.panel-understated .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-understated .panel-heading .options .btn-default {
    color: #000;
    background-color: #d7e3ec;
    border-color: #adadad
}
.panel-understated .panel-heading .options .btn-default:active,
.panel-understated .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-understated .panel-heading .options .btn-default {
    background-image: none
}
.panel-understated .panel-heading .options .btn-default.disabled,
.panel-understated .panel-heading .options .btn-default[disabled],
fieldset[disabled] .panel-understated .panel-heading .options .btn-default,
.panel-understated .panel-heading .options .btn-default.disabled:hover,
.panel-understated .panel-heading .options .btn-default[disabled]:hover,
fieldset[disabled] .panel-understated .panel-heading .options .btn-default:hover,
.panel-understated .panel-heading .options .btn-default.disabled:focus,
.panel-understated .panel-heading .options .btn-default[disabled]:focus,
fieldset[disabled] .panel-understated .panel-heading .options .btn-default:focus,
.panel-understated .panel-heading .options .btn-default.disabled:active,
.panel-understated .panel-heading .options .btn-default[disabled]:active,
fieldset[disabled] .panel-understated .panel-heading .options .btn-default:active,
.panel-understated .panel-heading .options .btn-default.disabled.active,
.panel-understated .panel-heading .options .btn-default[disabled].active,
fieldset[disabled] .panel-understated .panel-heading .options .btn-default.active {
    background-color: #fafbfd;
    border-color: #ccc
}
.panel-understated .panel-body {
    background: #eef3f7
}
.panel-standout {
    border-color: #ccc
}
.panel-standout>.panel-heading {
    color: #fff;
    background-color: #036;
    border-color: #fbad23
}
.panel-standout>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ccc
}
.panel-standout>.panel-heading .badge {
    color: #036;
    background-color: #fff
}
.panel-standout>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ccc
}
.panel-standout .panel-heading {
    border-bottom-width: 5px;
    border-bottom-style: solid
}
.panel-standout .panel-heading h2 span[class^="ca-gov-icon-"],
.panel-standout .panel-heading h3 span[class^="ca-gov-icon-"],
.panel-standout .panel-heading h4 span[class^="ca-gov-icon-"],
.panel-standout .panel-heading h5 span[class^="ca-gov-icon-"] {
    color: #fbad23
}
.panel-standout .panel-heading .options .btn-default {
    color: #fff;
    background-color: #4d7094;
    border-color: #00264d
}
.panel-standout .panel-heading .options .btn-default:hover,
.panel-standout .panel-heading .options .btn-default:focus,
.panel-standout .panel-heading .options .btn-default:active,
.panel-standout .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-standout .panel-heading .options .btn-default {
    color: #fff;
    background-color: #3b5772;
    border-color: #00080f
}
.panel-standout .panel-heading .options .btn-default:active,
.panel-standout .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-standout .panel-heading .options .btn-default {
    background-image: none
}
.panel-standout .panel-heading .options .btn-default.disabled,
.panel-standout .panel-heading .options .btn-default[disabled],
fieldset[disabled] .panel-standout .panel-heading .options .btn-default,
.panel-standout .panel-heading .options .btn-default.disabled:hover,
.panel-standout .panel-heading .options .btn-default[disabled]:hover,
fieldset[disabled] .panel-standout .panel-heading .options .btn-default:hover,
.panel-standout .panel-heading .options .btn-default.disabled:focus,
.panel-standout .panel-heading .options .btn-default[disabled]:focus,
fieldset[disabled] .panel-standout .panel-heading .options .btn-default:focus,
.panel-standout .panel-heading .options .btn-default.disabled:active,
.panel-standout .panel-heading .options .btn-default[disabled]:active,
fieldset[disabled] .panel-standout .panel-heading .options .btn-default:active,
.panel-standout .panel-heading .options .btn-default.disabled.active,
.panel-standout .panel-heading .options .btn-default[disabled].active,
fieldset[disabled] .panel-standout .panel-heading .options .btn-default.active {
    background-color: #4d7094;
    border-color: #00264d
}
.panel-standout .panel-heading .options .btn-default .badge {
    color: #4d7094;
    background-color: #fff
}
.panel-standout .panel-heading .options .btn-default:hover,
.panel-standout .panel-heading .options .btn-default:focus,
.panel-standout .panel-heading .options .btn-default:active,
.panel-standout .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-standout .panel-heading .options .btn-default {
    color: #fff;
    background-color: #3b5772;
    border-color: #00080f
}
.panel-standout .panel-heading .options .btn-default:active,
.panel-standout .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-standout .panel-heading .options .btn-default {
    background-image: none
}
.panel-standout .panel-heading .options .btn-default.disabled,
.panel-standout .panel-heading .options .btn-default[disabled],
fieldset[disabled] .panel-standout .panel-heading .options .btn-default,
.panel-standout .panel-heading .options .btn-default.disabled:hover,
.panel-standout .panel-heading .options .btn-default[disabled]:hover,
fieldset[disabled] .panel-standout .panel-heading .options .btn-default:hover,
.panel-standout .panel-heading .options .btn-default.disabled:focus,
.panel-standout .panel-heading .options .btn-default[disabled]:focus,
fieldset[disabled] .panel-standout .panel-heading .options .btn-default:focus,
.panel-standout .panel-heading .options .btn-default.disabled:active,
.panel-standout .panel-heading .options .btn-default[disabled]:active,
fieldset[disabled] .panel-standout .panel-heading .options .btn-default:active,
.panel-standout .panel-heading .options .btn-default.disabled.active,
.panel-standout .panel-heading .options .btn-default[disabled].active,
fieldset[disabled] .panel-standout .panel-heading .options .btn-default.active {
    background-color: #4d7094;
    border-color: #00264d
}
.panel-standout .panel-body {
    background: #eef3f7
}
.panel-standout.highlight .panel-heading .triangle {
    background: url("../images/system/oceanside/panel-standout-triangle.png") no-repeat
}
.main-secondary .panel-default {
    border-color: #046
}
.main-secondary .panel-default .panel-heading {
    background: #e0edf6;
    border-top: 2px solid #036;
    border-bottom: 2px solid #036;
    color: inherit
}
.main-secondary .panel-default .panel-heading h2,
.main-secondary .panel-default .panel-heading h3,
.main-secondary .panel-default .panel-heading h4,
.main-secondary .panel-default .panel-heading h5 {
    color: inherit
}
.main-secondary .panel-default .panel-heading h2 span[class^="ca-gov-icon-"],
.main-secondary .panel-default .panel-heading h3 span[class^="ca-gov-icon-"],
.main-secondary .panel-default .panel-heading h4 span[class^="ca-gov-icon-"],
.main-secondary .panel-default .panel-heading h5 span[class^="ca-gov-icon-"] {
    color: #036
}
.panel.first .panel-body {
    background: -moz-linear-gradient(top, rgba(224, 237, 246, 0.9) 0, rgba(224, 237, 246, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(224, 237, 246, 0.9) 0, rgba(224, 237, 246, 0) 100%);
    background: -o-linear-gradient(top, rgba(224, 237, 246, 0.9) 0, rgba(224, 237, 246, 0) 100%);
    background: -ms-linear-gradient(top, rgba(224, 237, 246, 0.9) 0, rgba(224, 237, 246, 0) 100%);
    background: linear-gradient(to bottom, rgba(224, 237, 246, 0.9) 0, rgba(224, 237, 246, 0) 100%)
}
.published {
    color: #777
}
figure {
    background-color: #eef3f7;
    border-color: #e0edf6
}
.main-secondary .nav-tabs {
    background: #036;
    border-bottom-color: #fbad23
}
.main-secondary .nav-tabs>li>a {
    color: #fff
}
.main-secondary .nav-tabs>li>a:hover {
    color: #e0edf6
}
.main-secondary .nav-tabs>li.active>a,
.main-secondary .nav-tabs>li.active>a:visited,
.main-secondary .nav-tabs>li.active>a:focus {
    color: #fbad23
}
.main-secondary .nav-tabs>li.active>a:hover,
.main-secondary .nav-tabs>li.active>a:visited:hover,
.main-secondary .nav-tabs>li.active>a:focus:hover {
    color: #fcc96e
}
.main-secondary .nav-tabs>li.active>a:after,
.main-secondary .nav-tabs>li.active>a:visited:after,
.main-secondary .nav-tabs>li.active>a:focus:after {
    background: url("../images/system/oceanside/panel-standout-triangle.png") no-repeat
}
.location.mini [class^="ca-gov-icon"] {
    background: #036;
    color: #fff
}
/* -----------------------------------------
   CARDS New Content Module added in Version 5
   /source/less/colorscheme/cs-cards.less
----------------------------------------- */
.card{
	background-color: #effaf6;
}
.card-default {
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  color: #000000;
}
.card-default .card-header {
  border-bottom: 1px solid #d6d6d6;
  background-color: #f2f2f2;
}
.card-default .card-footer {
  border-top: 1px solid #d6d6d6;
  background-color: #f2f2f2;
}
.card-understated {
  background-color: #fff;
  border: 1px solid #cde9f2;
  color: #000000;
}
.card-understated .card-header {
	background-color: #cde9f2;
  border-color: #cde9f2;
  border-bottom: 1px solid #cde9f2;
}
.card-understated .card-footer {
  border-top: 1px solid #cde9f2;
  background-color: #cde9f2;
  border-color: #ccc;
}
.card-overstated {
  background-color: #fff;
	border: 1px solid #029ebf;
  color: #000000;
}
.card-overstated a:not(.btn) {
  color: #fff;
  text-decoration: none;
  transition: all 0.25s;
}
.card-overstated a:not(.btn):hover,
.card-overstated a:not(.btn):focus {
  color: #FDB81E;
  text-decoration: underline;
}
.card-overstated a:not(.btn):focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.card-overstated .card-header {
  border-bottom: 1px solid #029ebf;
  background-color: #02aace;
}
.card-overstated .card-footer {
  border-top: 1px solid #029ebf;
  background-color: #02aace;
}
.card-standout {
  background-color: #fff;
  border: 1px solid #21262d;
  color: initial;
}
.card-standout .card-title,
.card-standout .card-footer{
	color: #fff;
}
.card-standout a:not(.btn) {
  color: #f5f5f5;
  text-decoration: none;
  transition: all 0.25s;
}
.card-standout a:not(.btn):hover,
.card-standout a:not(.btn):focus {
  color: #FDB81E;
  text-decoration: underline;
}
.card-standout a:not(.btn):focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.card-standout .card-header {
  border-bottom: 1px solid #21262d;
  background-color: #272e36;
}
.card-standout .card-footer {
  border-top: 1px solid #21262d;
  background-color: #272e36;
}