body { background-color: #fff; font-family: 'Rubik', sans-serif; font-size: 1em; line-height: 1.8; margin: 0; padding: 0; font-weight: 400; }
img { vertical-align: bottom; }
img.scalable { height: auto !important; width: auto !important; max-width: 100%; vertical-align: bottom; }
img, embed, object, video { max-width: 100%; }
/*Top*/
#topnav { width: 100%; margin: 0 auto 0 auto; padding: 0; height: 10px; background-color: #a52b31; }
/*Logo-Banner*/
#logo { padding: 5px 0px; position: relative; z-index: 10; background-color: #2c2c2c; }
#banner { max-width: 100%; background-color: #2c2c2c; }
.bgblack { background-color: #2c2c2c; }
.fancy { border: 1px solid rgba(0,0,0,.2); box-shadow: 0px 0px 20px rgba(0,0,0,.5); }
.accented { border-radius: 5px; border: 1px solid #222; }
.ctr { text-align: center; }
.circlebox { margin: 10px auto; padding: 10px; box-shadow: 0px 2px 7px rgba(0,0,0,.6); border-radius: 4em; background-color: #FFFCF0; width: 50%; }
img.circle { margin: 10px auto; padding: 10px; border-radius: 4em; width: 50%; }
/*Layout*/
#layout { max-width: 100%; margin: 0 auto; padding: 0; background-color: #fff; }
.affinity-row { padding: 0px; }
.affinity-row:after { visibility: hidden; display: block; content: "\0020"; clear: both; height: 0; }
.affinity-row .column-half { width: 50%; float: left; }
.affinity-row .column-third { width: 33.3333333%; float: left; }
.affinity-row .column-fourth { width: 25%; float: left; }
.affinity-row .column-fifth { width: 20%; float: left; }
.affinity-row.sidebar-left .column-1 { width: 66%; float: right; }
.affinity-row.sidebar-left .column-2 { width: 34%; float: right; }
.affinity-row.sidebar-left .column-content { line-height: 1.8; }
.affinity-row.sidebar-left .column-2 .column-content { font-size: 1em; }
.affinity-row.sidebar-right .column-1 { width: 64%; float: left; }
.affinity-row.sidebar-right .column-2 { width: 36%; float: left; }
.affinity-row.sidebar-right .column-content { line-height: 1.8; }
.affinity-row.sidebar-right .column-2 .column-content { font-size: 1em; }
.left-border { border-left: 1px solid #000; }
.right-border { border-right: 1px solid #000; }
.left-right-border { border-left: 1px solid #000; border-right: 1px solid #000; }
/*Column Content*/
.column-content { padding: 15px 24px; }
.affinity-row.sidebar-right .column-content, .affinity-row.sidebar-left .column-content, .affinity-row.thirds.full-height .column-content { padding: 30px; }
.wid40 { margin: 0 auto 0 auto; max-width: 40%; }
.wid50, p.wid50 { margin: 0 auto 0 auto; max-width: 50%; }
.wid70 { margin: 0 auto 0 auto; max-width: 70%; }
.wid80 { margin: 0 auto 0 auto; max-width: 80%; }
.spacer { display: block; height: 1em; }
.spacerlg { display: block; height: 5em; }
/*Padding*/
.no-pad-left-top-bottom { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.no-pad-right-top-bottom { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; }
.no-pad-top-bottom { padding-top: 0px !important; padding-bottom: 0px !important; }
/*Headings*/
h1, h2, h3, h4 { line-height: normal; margin: 30px 0px 0px 0px; color: #a52b31; font-weight: 600; }
h1 { font-size: 2em; text-align: center; }
h1.home { margin: 10px 0px 0px 0px; padding: 0; color: #a52b31; font-size: 2em; text-align: center; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
p { font-size: 1.1em; }
.column-content h1:first-child, .column-content h2:first-child, .column-content h3:first-child, .column-content h4:first-child { margin-top: 10px; }
a:link, a:visited, a:active { color: #2c2c2c; text-decoration: underline; font-weight: 600; }
a:hover { color: #a62c31; }
ul { margin-left: 0; padding-left: 0; line-height: 2.5; }
ul li { margin-left: .25em; padding-left: 0; list-style: none; font-size: .9em; }
ul.disc { margin-left: 1em; padding-left: 0; line-height: 2.5; }
ul.disc li { margin-left: .5em; padding-left: .125em; list-style: disc; font-size: 1em; }
.spacersm { height: 25px; }
.spacerlg { height: 200px; }
/*News*/
div.news { margin: 1em auto 1em auto; padding: 1em 0; max-width: 100%; background-color: #fff; line-height: 1.5; }
article { margin: 1em 0 1em 0; text-align: left; line-height: 1.5; }
article header { color: #000; margin-top: 1em; }
article header h1 { padding: .5em .5em; font-size: 160%; font-weight: bold; font-style: italic; text-align: center; }
article header h2 { padding: .5em .5em; font-size: 140%; font-weight: bold; font-style: italic; text-align: center; }
article header h3 { padding: .5em .5em; font-size: 120%; font-weight: bold; font-style: italic; text-align: center; }
article header h1 a, article header h2 a { text-decoration: none; color: #006; }
article header p { padding: .25em .5em; font-style: italic; text-align: center; color: #333; font-size: 1em; }
article p { padding: .5em 1.5em 0 .5em; text-align: left; font-size: 1.1em; color: #000; }
article p a { font-style: italic; }
article p.date, article p.byline { margin: 0; padding: 0; font-size: .9em; color: #333; }
article ul, article ul.bullets { margin: 0 3em 0 3em; line-height: 1.5; }
article ul li { list-style: none; padding: 2em 1em 1em 1em; }
article ul.bullets li { list-style: disc; padding: 1em 1em 0 1em; font-size: 1em; }
article p.line { margin: .5em 0 .5em 0; padding: 0; height: 1px; background: #ccc; text-align: center; }
article footer { color: #000; padding: 0; margin: 0; }
article footer p { font-style: italic; font-size: .9em; }
article footer ul { margin: 0 auto; padding: 0; list-style-type: disc; }
article footer li { margin: .25em; padding-left: 1em; font-size: 1em; color: #333; }
article footer a.back { color: #000; text-decoration: none; padding: 0 3px 1px 4px; }
article footer a.back:hover { color: #ff0000; }
article footer a:link, article footer a:visited, article footer a:active { color: #2c2c2c; text-decoration: none; font-weight: 600; }
.bluebdr { border: 2px solid #006; border-radius: 2em 1em 2em 1em; }
.note { font-size: .8em; }
figure { margin: 1em 1% 1em 1%; padding: .5em 2%; max-width: 96%; }
figcaption { padding: .25em 2%; font-size: .9em; max-width: 96%; font-style: italic; color: #333; }
/*Footer and Copyright*/
#footerwrap { max-width: 100%; background-color: #2c2c2c; }
.footer { max-width: 80%; margin: 0 auto 0 auto; color: #fff; font-size: 1em; line-height: 2; background-color: #2c2c2c; }
.footer ul { margin: 0px; padding: 0px; margin-top: 10px; }
.footer li { list-style-type: none; line-height: 2; }
.footer a { color: #fff; text-decoration: none; }
.footer a:hover, .footer a:focus { color: #FF9; }
p.copyright, p.webdesigner { margin-bottom: 0; clear: both; font-size: .8em; color: #fff; padding: 1em 0 .25em 0; text-align: center; line-height: 1.8; }
#slide-top { position: fixed; bottom: 50px; right: 5px; margin-right: 0px; display: block; z-index: 100; }
/*Tables*/
table { margin: 0; line-height: normal; width: 100%; border-collapse: collapse; text-align: center; }
th { font-size: 1.2em; background-color: #a52b31; color: #fff; padding: .5em; }
td { text-align: left; font-size: 1em; padding: 1em; border: 1px solid #ccc; line-height: 1.8; }
td:first-child { vertical-align: top; }
em { font-size: 1.2em; }
span.date { font-size: 1.4em; color: #a52b31; }
@media only screen and (min-width: 0px) and (max-width: 700px) {
body { margin: 0px; }
#layout { max-width: none; padding: 0px; }
h1 { font-size: 1.2em; text-align: center; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }
h4 { font-size: .9em; }
p { font-size: .9em; }
.wid40, .wid50, .wid70, .wid80, .footer { max-width: 100%; }
.footer { text-align: center; font-size: .9em; }
.column, .column-1, .column-2, .column-3, .column-half, .column-third, .column-fourth, .column-fifth { float: none !important; width: auto !important; }
.column-content { height: auto !important; max-height: 888678px; border: none !important; }
em { font-size: 1em; }
span.date { font-size: 1.2em; }
article p { padding: .25em; font-size: .9em; color: #000; }
article ul.bullets { margin: 0 1em 0 1em; line-height: 1.5; }
article ul li { list-style: none; padding: 1em 0 1em 0; font-size: .9em; }
article ul.bullets li { list-style: disc; padding: 1em 0 .75em 0; font-size: .9em; }
figure { margin: 1em 0 1em 0; padding: .5em 0; max-width: 100%; }
figcaption { padding: .25em 1%; font-size: .8em; max-width: 98%; font-style: italic; color: #333; }
}
 @media only screen and (min-width: 700px) and (max-width: 1380px) {
#layout { max-width: none; }
h1 { font-size: 1.4em; text-align: center; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
p { font-size: 1em; }
.wid40, .wid50, .wid70, .footer { max-width: 100%; }
.wid80 { max-width: 98%; }
.footer { font-size: .9em; }
.footer .column-content { padding: 15px 20px; }
}
@media (min-width: 2000px) {
body { font-size: 2em; line-height: 1.8; }
}
