@charset "utf-8";
/* Overall Page Styling */
body {
color: #333!important;
background-color: #f4f4f4;
margin: 0 0 2em;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
a:link, a:visited {
color: #3B3C8B;
}
a:hover, a:active {
color: #6769C9;
}
h1 {
font-size: 1rem;
font-weight: bolder;
color: #B08C62!important;
margin: 0 0 .25em!important;
}
h2 {
font-size: .9rem;
font-weight: bolder;
color: #fff;
background-color: #B08C62;
border-radius: .3em;
padding: .5em;
}
h3 {
font-size: .8rem;
font-weight: bolder;
color: #B08C62;
padding: .5em;
text-align: left!important;
}
ul {
margin: 0 0 1em 0!important;
}
ul li {
text-align: left;
margin-bottom: .7em;
}
hr.divider {
border: 0;
height: .1em;
margin: .5em 0;
background: #aaa;
background-image: linear-gradient(to right, #ddd, #aaa, #ddd);
clear: both;
}
.underlined {
text-decoration: underline;
}
/* Page Structures */
header {
position: relative;
margin: 0!important;
padding: .5em!important;
background-color: #F4F4F4;
}
#logoWrapper {
margin: 0 auto 0;
max-width: 10em;
}
#logoWrapper img:hover {
opacity: .85;
filter: alpha(opacity=85); /* For IE8 and earlier */
}
#taglineLeft, #taglineRight {
position: absolute;
top: 1.7em;
font-size: .45rem;
line-height: .4rem;
font-weight: normal;
color: #B08C62!important;
background-color: inherit;
}
#taglineLeft {
right: 79%;
width: auto;
text-align: right;
padding-left: 1em;
}
#taglineRight {
left: 79%;
width: auto;
text-align: left;
padding-right: 1em;
}
nav {
margin: 0;
padding: 1em;
background-color: #dddddd;
border-bottom: .1em solid #E7E7E7;
background-image: -webkit-linear-gradient(270deg,rgba(244,244,244,1.00) 0%,rgba(221,221,221,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(244,244,244,1.00) 0%,rgba(221,221,221,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(244,244,244,1.00) 0%,rgba(221,221,221,1.00) 100%);
background-image: linear-gradient(180deg,rgba(244,244,244,1.00) 0%,rgba(221,221,221,1.00) 100%);
}
main {
background-color: #fff;
margin: 0;
padding: 0;
color: #333;
min-height: 20em;
}
#content {
margin: 0;
padding: 0 2em 1em!important;
color: #333;
}
footer {
padding: .3em;
border-top: .1em solid #e7e7e7;
background-image: -webkit-linear-gradient(90deg,rgba(244,244,244,1.00) 0%,rgba(221,221,221,1.00) 100%);
background-image: -moz-linear-gradient(90deg,rgba(244,244,244,1.00) 0%,rgba(221,221,221,1.00) 100%);
background-image: -o-linear-gradient(90deg,rgba(244,244,244,1.00) 0%,rgba(221,221,221,1.00) 100%);
background-image: linear-gradient(0deg,rgba(244,244,244,1.00) 0%,rgba(221,221,221,1.00) 100%);
}
#footerLinks {
font-size: .9rem;
margin: 0;
text-align: center!important;
color: #fff;
}
#footerLinks a:link, #footerLinks a:visited {
padding: 0 10px 0;
color: #002368;
text-decoration: none;
}
#footerLinks a:hover, #footerLinks a:active {
text-decoration: underline;
}
#bottomLinks {
width: 95%;
margin: 0 auto 0;
padding: 0 .5em .7em;
border-top: .2em solid #fff;
}
#copyright {
text-align: center;
color: #B08C62;
font-size: .65rem;
margin: 1em auto 0!important;
}
#cgd {
color: #999;
font-size: .65rem;
margin: 0 auto!important;
}
.accordionArrow {
color: #B08C62;
}
a:link.topOfPage, a:visited.topOfPage {
text-decoration: underline;
font-weight: bold;
color: #777;
}

/* Media Queries ----------------------------------*/
@media (min-width: 350px) {
#logoWrapper {
max-width: 10em;
}
#taglineLeft, #taglineRight {
top: 1.7em;
font-size: .5rem;
line-height: .4rem;
}
#taglineLeft {
right: 77%;
padding-left: 2em;
}
#taglineRight {
left: 77%;
padding-right: 2em;
}
}

@media (min-width: 400px) {
#logoWrapper {
max-width: 12em;
}
#taglineLeft, #taglineRight {
top: 1.5em;
font-size: .55rem;
line-height: .6rem;
}
#taglineLeft {
right: 77%;
padding-left: 2em;
}
#taglineRight {
left: 77%;
padding-right: 2em;
}
}

@media (min-width: 450px) {
#logoWrapper {
max-width: 12em;
}
#taglineLeft, #taglineRight {
top: 1.7em;
font-size: .55rem;
line-height: .6rem;
}
#taglineLeft {
right: 75%;
padding-left: 1em;
}
#taglineRight {
left: 75%;
padding-right: 1em;
}
}

@media (min-width: 576px) {
#logoWrapper {
max-width: 15em;
}
#taglineLeft, #taglineRight {
top: 2.7em;
font-size: .55rem;
line-height: .6rem;
}
#taglineLeft {
right: 73%;
padding-left: 1em;
}
#taglineRight {
left: 73%;
padding-right: 1em;
}
#content {
padding: .5em 2% 1em!important;
}
ul {
margin: 0 0 0 .25em!important;
}
#copyright {
font-size: .7rem;
}
}

@media (min-width: 768px) {
#logoWrapper {
max-width: 18em;
}
#taglineLeft, #taglineRight {
top: 2.7em;
font-size: .7rem;
line-height: .6rem;
}
#taglineLeft {
right: 72%;
padding-left: 1em;
}
#taglineRight {
left: 72%;
padding-right: 1em;
}
#content {
padding: .5em 5% 1em!important;
}
ul {
margin: 0 0 0 .5em!important;
}
#copyright {
font-size: .7rem;
}
}

@media (min-width: 992px) {
#logoWrapper {
max-width: 20em;
}
#taglineLeft, #taglineRight {
top: 3em;
font-size: .8rem;
line-height: .6rem;
}
#taglineLeft {
right: 68%;
padding-left: 1em;
}
#taglineRight {
left: 68%;
padding-right: 1em;
}
#content {
padding: .5em 10% 1em!important;
}
ul {
margin: 0 0 0 1em!important;
}
#copyright {
font-size: .85rem;
}
}

@media (min-width: 1200px) {
#logoWrapper {
max-width: 22em;
}
#taglineLeft, #taglineRight {
top: 3em;
font-size: .9rem;
line-height: .6rem;
}
#taglineLeft {
right: 67%;
}
#taglineRight {
left: 67%;
}
#content {
padding: 0 15% 1em!important;
}
ul {
margin: 0 0 0 1.5em!important;
}
#copyright {
font-size: .9rem;
}
}

@media (min-width: 1700px) {
#logoWrapper {
max-width: 24em;
}
#taglineLeft, #taglineRight {
top: 3.3em;
font-size: .9rem;
line-height: .6rem;
}
#taglineLeft {
right: 63%;
}
#taglineRight {
left: 63%;
}
#content {
padding: 1em 20% 1.5em!important;
}
ul {
margin: 0 0 0 2em!important;
}
#quoteButton {
font-size: 1.1rem;
padding: .5em 2em;
}
h1 {
font-size: 1.4rem;
font-weight: bolder;
margin: 0 0 .5em;
}
#copyright {
font-size: .7rem;
}
#bottomLinks {
width: 25%;
}
#copyright {
text-align: center;
color: #B08C62;
font-size: .65rem;
margin: 1em auto 0!important;
}
#cgd {
color: #999;
font-size: .65rem;
margin: 0 auto!important;
}
}
@media (min-width: 1850px) {
#taglineLeft, #taglineRight {
top: 3em;
font-size: 1em!important;
text-shadow: .1em .1em #fff;
}
#taglineLeft {
right: 63%;
}
#taglineRight {
left: 63%;
}
}

@media (min-width: 2500px) {
#logoWrapper {
max-width: 13em;
}
#taglineLeft, #taglineRight {
top: 6rem;
font-size: 2em;
text-shadow: .1em .1em #fff;
}
#taglineLeft {
right: 56%;
}
#taglineRight {
left: 56%;
}
#content {
padding: 1.5em 25%!important;
}
ul {
margin: 0 0 0 2em!important;
}
#quoteButton {
font-size: 1.25rem;
padding: 1em 2.5em;
}
h1 {
font-size: 2rem;
font-weight: bolder;
margin: 0 0 .5em;
}
#copyright {
font-size: .7rem;
}
}