a {text-decoration:none;color:#087883}
a:hover, a:focus, a:hover div, a:focus div {color:#00a8b8;text-decoration:underline}
body {max-width:1280px;min-height:100%;margin:0 auto;font-family:'Open Sans', Verdana, Geneva, sans-serif;font-size:16px;}
header {background:#000 url("/assets/ttac/banner.jpg");height:300px;position:relative}
header nav {background-color:#063;height:68px;color:#fff;float:right;z-index:2;position:relative}
header nav::before {position:absolute;top:0;left:-40px;content:"";border-left:40px transparent solid;border-bottom:68.4px solid #063;width:40px;z-index:-1}
header nav a, header nav span {display:inline-block;padding:20px;line-height:28px;color:#fff;cursor:pointer}
header nav ul, header nav li {list-style-type:none;padding:0;margin:0;display:inline-block;position:relative}
header nav a:hover, header nav a:focus, header nav span:hover {color:#fff;text-decoration:underline}
header nav ul li ul {position:absolute;background-color:#063;height:0;left:0;top:68px;overflow:hidden;min-width:max-content}
header nav ul #connect-menu ul {left:auto;right:0}
header nav ul li:hover ul, header nav ul li:focus-within ul, header nav ul li.active ul {height:auto}
header nav ul li ul li {display:block}
header nav ul li ul li a {padding:5px 10px}
header nav ul li ul li:first-child a {padding-top:10px}
header nav ul li ul li:last-child a {padding-bottom:10px}
header nav #menu-button-container {display:none;height:100%;width:35px;cursor:pointer;float:right;margin:0 20px}
#menu-button, #menu-button::before, #menu-button::after {display:block;background-color:#fff;position:absolute;height:4px;width:35px;border-radius:2px;margin-top: 32px}
#menu-button::before {content: '';margin-top: -12px}
#menu-button::after {content: '';margin-top: 12px}
@media (max-width: 550px){
 header nav {width:100%}
 header nav #menu-button-container {display:block}
 #menu-button-container.active #menu-button::before {margin-top:0px;transform: rotate(45deg)}
 #menu-button-container.active #menu-button {background: rgba(255, 255, 255, 0)}
 #menu-button-container.active #menu-button::after{margin-top:0px;transform: rotate(-45deg)}
 header nav ul {display:none;background-color:#063;width:100%;position:absolute;top:68px}
 header nav li {display:block;border-top:1px solid #009948}
 header nav a, header nav span {width:calc(100% - 20px);padding:9px}
 header nav #menu-button-container.active + ul {display:block}
 header nav ul li.active span {height:auto}
 header nav ul li.active ul, #connect-submenu {display:block;position:static;height:auto;min-width:auto}
 header nav ul li.active ul li, #connect-submenu li {display:block;position:static;padding-left:30px;width:calc(100% - 30px)}
}
#header-logo {position:absolute;top:20px;left:30px;z-index:1;width:200px;height:200px}
#header-logo-bg {position:absolute;top:20px;left:30px;height:203px;width:203px;background-color:rgba(255,255,255,.8);border-radius:50%;z-index:0}
#header-tag {position:absolute;bottom:0;left:0;padding:9px 24px;max-width:698px;line-height:23px;text-shadow:0px 3px 2px rgba(0,0,0,.8);background-color:rgba(30,98,56,.85);color:#fff;font-weight:bold;min-height:65px;box-sizing:border-box}
#header-tag::before {position:absolute;top:0;right:-38px;content:"";border-right:38px transparent solid;border-top:65px solid rgba(30,98,56,.85);width:0}
#header-tag .top-line {font-size:19px;line-height:24px}
#header-tag-img {position:absolute;bottom:0;left:0;max-width:calc(100% - 60px)}
@media (max-width: 800px){
 #header-logo-bg, #header-logo {width:100px;height:100px;top:80px}
}
@media (max-width: 736px){
 #header-tag {width:100%;max-width:none}
 #header-tag::before {border:none}
}
@media (max-width: 400px){
 #header-tag {font-size:13px;line-height:17px;text-shadow:0px 1px 1px rgba(0,0,0,.8);font-weight:normal}
 #header-tag .top-line {font-size:15px;line-height:19px;font-weight:bold;margin-bottom:5px;display:inline-block}
}
main, footer {background-color:#fff;padding:0 20px;margin:0 auto}
footer {background-color:#063;min-height:300px;color:#fff;padding:40px 0;box-sizing:border-box;margin-top:40px;clear:both}
footer #footer-wrapper {max-width:1160px;margin:0 auto;width:91%}
footer #footer-info {float:left;width:calc(86% - 200px)}
footer #footer-info p {margin-top:0}
footer #social-media {float:right}
footer #social-media p {text-transform:uppercase;margin:40px 0 30px}
footer #social-media ul {list-style-type:none;display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:10px;margin:0;padding:0;float:right}
footer #social-media li {margin:0;padding:0;background-color:#373737}
footer #social-media a {display:block;background-color:#4b4b4b;height:66px;width:66px;border-radius:33px;color:#b7b7b7;text-align:center;line-height:66px}
footer #social-media img {vertical-align:middle}
@media (max-width: 780px){
 footer #footer-wrapper {margin:0 20px;width:auto}
 footer #footer-info {float:none;width:100%}
 footer #social-media {float:none;margin:20px auto;max-width:218px}
 footer #social-media ul {float:none;grid-template-columns:repeat(auto-fill, 66px);grid-row-gap:10px}
}
.element-invisible, .screenreader {position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);overflow: hidden;height: 1px}
.element-focusable.skip-to-main:active, .element-focusable.skip-to-main:focus {position: absolute !important;clip: auto;overflow: visible;height: auto;top: 0;left: 0;z-index: 10000;background: #eee;font-weight: bold;padding: 9px;border: 1px solid #999;margin: 3px;border-radius: 5px}
.highlight-box {border-left:20px solid #c9c9c9;border-right:20px solid #c9c9c9;padding:0 40px;text-align:center;margin:80px auto}
.tagline, blockquote {border:10px solid #febe10;background-color:#e6f4f6;padding:30px;border-top:0;border-bottom:0;font-weight:bold}
.clear {clear:both}
.expandable-content-wrapper {padding-bottom:1em}
.expandable-content-wrapper .header {color: #42413f;font-size: 16px;/*font-family: "Roboto Slab",Palatino Linotype,Palatino,serif;letter-spacing: .025em;*/font-weight: 500;line-height: 26px;border-bottom: 1px solid #cdd5d4;padding: 22px 72px 3px 1px;position: relative;background-color: white;margin-bottom:10px}
.expandable-content-wrapper .header h2 {margin:0}
.expandable-content-wrapper .header a {display: block;color: #42413f}
.expandable-content-wrapper .header.open .more, .expandable-content-wrapper .header .less {display:none}
.expandable-content-wrapper .header.open .less, .expandable-content-wrapper .header .more {display:block}
.expandable-content-wrapper .header a > span {color: #097984;font-size: 12px;font-family: "Open Sans",Verdana,Geneva,sans-serif;font-weight: 600;position: absolute;right: 0;text-transform: uppercase;bottom: 4px}
.expandable-content-wrapper .header span .fa {font-size: 18px !important;padding-left: 3px;position: relative;top: 1px}
.expandable-content-wrapper .expanded-content {background-color: #fefefe !important;padding: 22px;font-size: 16px !important;line-height: 28px !important;border: 1px solid #efefef}

.events li + li {margin-top:10px}
#contact-form label {font-size:24px;display:block;margin:0 0 25px}
#contact-form input[type="text"],#contact-form textarea,#contact-form select {border:1px solid #ccc;background-color:#fff;border-radius:5px;padding:10px 20px;width:100%;margin-top:5px;font-size:18px;box-sizing:border-box}
#contact-form textarea {height:300px}
#contact-form input[type="submit"],#contact-form .button,#contact-form .button:hover {border:none;border-radius:5px;background-color:#00909e;color:#fff;font-weight:bold;padding:16px 30px;font-size:22px;float:right;box-shadow:0px 5px 5px 0px #ccc;cursor:pointer}

/*For pages with tabs in the main content*/
#main-content .tab-header {font-size:16px;font-family:"Open Sans",Verdana,Geneva,sans-serif}
#main-content .tab-header:focus {background-color:#fff}
#main-content .tab-header.selected {background-color:#063;color:#fff}
#main-content .tab-header.selected:focus {background-color:#fefefe;color:#000}
#main-content .tab-header, #main-content .tab-container, #main-content .tab-content {margin-top:0}
#main-content .tab-container {margin-bottom:20px}
.tab-group {overflow-y:hidden;overflow-x:auto;position:relative;top:1px}
.tab-navigation {display: grid;grid-template-columns: repeat(5, 1fr);grid-column-gap:2px}
.tab-navigation .tab-header {cursor:pointer;border:1px solid #666;border-radius: 3px 3px 0 0;float:left;padding:5px;background-color:#eee;text-align:center;color:#666;font-size:16px;font-family:"Open Sans",Verdana,Geneva,sans-serif}
.tab-navigation .tab-header.selected {border-bottom:1px solid #fff;background-color:#fff;z-index:10}
.tab-navigation .tab-header:focus {background-color:#fff}
.tab-navigation .tab-header.selected:focus {background-color:#f9f9f9}
.tab-container {border:1px solid #666;padding:10px 20px}
.tab-container > div {outline:none}
.tab-content {display:none}
.tab-content.selected {display:block}