@charset "utf-8";
html {} /* Browser bug causes 1st rule to be ignored, so add this dummy rule */

.pageExplanation {
    font-size: 130%;
    text-align: center;
    padding-bottom: 28px;
}

.researchAidsCard {
    border-radius: 10px;
}

.researchAidsCard a, .researchAidsCard a:hover, .researchAidsCard p {
    color: black !important;
}

.researchAidsCard h2 {
    color: black;
    text-transform: uppercase;
    font-size: 130%;
}

.ancGrid a:focus, .ancGrid a:hover {
    color: #002F3D;
}

div.researchAidsCardImage {
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

div.researchAidsCardImage img {
    width: 100%;
}

.researchAidsCardText {
    padding: 12px;
}

.researchAidsLinkDiv {
    line-height: 100%;
    margin-bottom: 8px;
    padding: 6px;
    border-radius: 6px;
}

.researchAidsCard.bgColor1, .researchAidsCard .researchAidsCardContent .bgColor1 {
    background-color: #6B7780 !important;
}

.researchAidsCard.bgColor2, .researchAidsCard .researchAidsCardContent .bgColor2 {
    background-color: #7870A4 !important;
}

.researchAidsCard.bgColor3, .researchAidsCard .researchAidsCardContent .bgColor3 {
    background-color: #007EA8 !important;
}

.researchAidsCard.bgColor4, .researchAidsCard .researchAidsCardContent .bgColor4 {
    background-color: #6ba410 !important;
}

.researchAidsCard.bgColor5, .researchAidsCard .researchAidsCardContent .bgColor5 {
    background-color: #489b9b !important;
}

.researchAidsCard.bgColor6, .researchAidsCard .researchAidsCardContent .bgColor6 {
    background-color: #f06158 !important;
}

.researchAidsCard a:focus-visible {
    outline: 2px solid #FFFFFF;
    outline-offset: 2px;
}

.tabs a:focus-visible {
    outline: 2px solid #0000FF;
    outline-offset: -2px;
}