address { font-style: normal; }

figure { margin: 0 auto; padding: 0; }

html { background: #1e2731 url(/images/page_bg.png) 0 0 repeat-x; padding: 0; font-family: Helvetica, sans-serif; color: #333; font-size: 16px; line-height: 1.125; }

body { max-width: 960px; margin: 0 auto; padding: 15px; background-color: white; }

.siteHead { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; font-size: 1.125rem; margin-bottom: 15px; margin-top: -15px; }
.siteHead > * { margin-top: 15px; }
.siteHead > h1 { margin: 15px 15px 0 0; }
.siteHead > h1 img { vertical-align: middle; }

.siteNav { width: 100%; border: 1px solid #ccc; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); background-color: #f5f5f5; background-image: linear-gradient(to bottom, white, #ddd); clear: left; }
.siteNav > ul { margin: 0; padding: 0; padding-left: 1em; display: flex; flex-wrap: wrap; align-items: center; }
.siteNav > ul > li { margin: 0; padding: 0; }
.siteNav a { color: inherit; display: block; padding: 0.5em 15px; margin: 0.25em 2px; border: 1px solid transparent; border-radius: 4.8px; }
.siteNav .current a, .siteNav .current a:hover { color: white; background-color: #333; border-color: black; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2); background-image: linear-gradient(to top, #333 50%, #555); }
.siteNav a:hover, .siteNav .current a[href]:hover { text-decoration: none; background-color: #00a8ff; border-color: #2276c2; color: black; box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75); background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75) 80%); }
.siteNav .current a[href]:hover { border-color: black; }
.siteNav li:last-child { margin-left: auto; align-self: stretch; display: flex; align-items: center; padding: 15px; background-color: #333; border-left: 1px solid black; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2); background-image: linear-gradient(to top, #333 50%, #555); }
.siteNav li:last-child button { display: none; }
.siteNav > ul > li { display: inline-block; }
.siteNav li:last-child { float: right; min-height: 1.125em; padding-top: 0.75em; padding-bottom: 0.75em; }

.subMenu { box-sizing: border-box; background-color: #333; border: 1px solid black; border-radius: 6px; font-size: 0.8rem; line-height: 1.6; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2); background-image: linear-gradient(to bottom, #555, #333 20px); margin: 15px 0; }
.subMenu ul, .subMenu li { list-style: none; margin: 0; padding: 0; }
.subMenu > ul { padding: 15px 0; }
.subMenu a { display: block; color: #ddd; padding: 0 15px; }
.subMenu a[href]:hover { background-color: #2276c2; background-image: linear-gradient(to top, #2276c2, #00a8ff 90%); color: white; text-decoration: none; }
.subMenu ul ul a { padding-left: 30px; }
.subMenu .current > a { background-color: #f5f5f5; background-image: linear-gradient(to bottom, white, #ddd 40%); color: #333; text-decoration: none; }
@media (min-width: 600px) { .subMenu { width: 200px; float: left; margin-top: 0; margin-bottom: 30px; }
  .subMenu + .siteMain { margin-left: 215px; } }

.siteMain { border: 1px solid #ccc; border-radius: 6px; padding: 15px; margin: 15px 0; overflow: hidden; }

.float { float: left; margin: 15px; }

.siteFoot { clear: both; font-size: 0.75rem; color: #666; text-align: center; margin-top: 30px; }
.siteFoot > p { margin: 0; }

dl.compact { margin: 0; }

.compact dt, .compact dd { display: inline-block; margin: 0; }

.hero { display: none; }

@media (min-width: 600px) { .hero { display: block; margin: 15px; }
  .hero img { width: 100%; height: auto; } }
.icon-phone::before, .icon-email::before { content: ""; display: inline-block; height: 1.125em; width: 1.125em; background: transparent center / contain no-repeat; vertical-align: middle; }
.replace.icon-phone, .replace.icon-email { white-space: pre; width: 1.125em; overflow: hidden; color: transparent; }

.icon-phone::before { background-image: url("/images/phone1.jpg"); }

.icon-email::before { background-image: url("/images/mail1.jpg"); }

a { text-decoration: none; color: #2276c2; }
a:hover { text-decoration: underline; color: #00a8ff; }

.defer { color: #333; }
.defer:hover { text-decoration: none; color: #333; }
.defer .link { color: #2276c2; }
.defer:hover .link { text-decoration: underline; color: #00a8ff; }