.main-menu-white li {
        background-color: #316297
    }

.blue-links a.logo {
    color: #102E58
}

.btn-primary {
    background-color: #316297;
    border-color: #316297;
}

/* Square border around an oval button looked terrible.
 * just change background color instead.
 */
.btn-primary:focus {
    background-color: #2c598a;
}

.link-box-blue h3 {
    background-color: #1F5CAF;
}

.link-box-blue ol,
.link-box-blue ul {
    color: #1F5CAF
}

.link-box-green h3 {
    background-color: #254475;
}

.this-one h3 {
    background-color: #6B9DD9;
}


/* Whitepapers are in link-box-green, so don't style the lists in them. */
.link-box-green:not(.no-style-lists) ol,
.link-box-green:not(.no-style-lists) ul {
    color: #254475;
}


.primary-color,
.primary-color-links a {
    color: #316297;
}

.secondary-color,
.secondary-color-links a {
    color: #316297 !important
}

.primary-color-bg {
    background-color: #316297;
}

.secondary-color-bg {
    background-color: #316297;
}

/* Less saturated */
.soft-primary-color-bg {
    background-color: #3a5a7d;
}

.primary-color-border {
    border-color: #316297;
}

.secondary-color-border {
    border-color: #316297
}

.dark-primary-color,
.dark-primary-color-links a {
    color: #254475 !important
}

.main #footer-nav {
    background-color: #316297
}

.main #footer-logo h3 {
    color: #316297
}

/* Gradient Styles */
.primary-gradient {
    background: white; /* Old browsers */
    background: -moz-linear-gradient( white, rgb(216, 224, 227) ); /* FF3.6-15 */
    background: -webkit-linear-gradient( white, rgb(216, 224, 227) ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient( white, rgb(216, 224, 227) ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#00002050',GradientType=0 ); /* IE6-9 */

}

a:link,
a:visited,
a{
    color: #316297;
}


.this-one a:link,
.this-one a:visited,
.this-one a {
    color: #6B9DD9;
}

/* Colors of the words 'This or That' below the stories. */
.this-color,
a.this-color {
    color: #6B9DD9
}

.that-color,
a.that-color:visited,
a.that-color:hover {
    color: #254475
}

.this-background {
    background-color: #6B9DD9;
    border-color: #6B9DD9;
}

.that-background {
    background-color: #254475;
    border-color: #254475;
}

/* Hover for the rounded box "button" near the bottom. */
.button-box {
    transition-duration: 300ms;
    transition-property: background-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

    .button-box:hover {
        background-color: #293951;
    }


/* Font-scaling buttons */
span.scalefont {
	background-color: #316297;
	border-color: #316297;
}