
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{background:radial-gradient(circle at 50% 10%,#292929,#111 60%,#090909);font:12px Arial,Helvetica,sans-serif;color:#222}
a{color:inherit}.site{width:980px;margin:30px auto 45px;background:#fff;border:8px solid #fff;box-shadow:0 0 20px #000}
.header{height:116px;display:flex;align-items:center;justify-content:space-between;padding:5px 10px}
.logo{width:680px;height:90px;object-fit:contain;object-position:left center}.contact-mini{width:230px;line-height:1.8}
.icon{display:inline-block;width:19px;height:19px;border-radius:50%;background:#0088a8;color:#fff;text-align:center;line-height:19px;margin-right:6px}
.nav{display:flex;background:#151515;border-bottom:4px solid #2a7181}.nav a{color:#fff;text-decoration:none;font-weight:bold;padding:11px 14px;display:block;white-space:nowrap}
.nav a:hover,.nav a.active{background:#126f8b}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#151515;min-width:190px;z-index:10}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{padding:9px 12px;border-bottom:1px solid #333}
.banner{border-bottom:5px solid #2b6777}.banner img{display:block;width:100%;height:182px;object-fit:cover}
.columns{display:grid;grid-template-columns:1fr 255px;gap:18px;padding:12px 0 0}.main{padding-left:4px}.side{border-left:1px solid #ccc;padding:0 2px 0 14px}
h2{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:normal;color:#4c4c4c;margin:0 0 8px;font-size:20px}
h3{color:#126f8b;margin:9px 0 5px}p{line-height:1.45;margin:7px 0}.rule{height:1px;background:#d2d2d2;margin:8px 0}.section{border-top:1px solid #d4d4d4;padding-top:9px;margin-top:10px}
ol{line-height:1.5}.side-box{margin-bottom:13px}.side-img{display:block;width:100%;height:145px;object-fit:cover;border:1px solid #aaa;margin-bottom:5px}
.contact-details{line-height:1.7}.teal{color:#126f8b}.team-card{display:flex;gap:10px;padding:10px 0;border-bottom:1px dotted #bbb}
.avatar{width:105px;height:80px;background:linear-gradient(135deg,#ddd,#aaa);border:1px solid #999;display:flex;align-items:center;justify-content:center;color:#666;font-weight:bold;text-align:center}
.name{font-size:14px;color:#126f8b}.role{font-style:italic;font-size:11px}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-grid{display:grid;grid-template-columns:1fr 255px;gap:18px}
.news-item{margin:10px 0}.news-item em{color:#777}.form-row{margin-bottom:11px}label{display:block;margin-bottom:5px}
input,textarea{width:100%;border:1px solid #c9c9c9;padding:8px;font:12px Arial}textarea{height:130px}
button{border:1px solid #aaa;background:linear-gradient(#fff,#e8e8e8);padding:7px 14px;border-radius:12px;color:#126f8b;font-weight:bold}
.footer{margin-top:14px;background:#151515;color:#fff;padding:9px 11px;font-size:10px;display:flex;justify-content:space-between}.footer a{text-decoration:none;color:#ddd}.foot-note{text-align:right;color:#aaa;font-size:10px;margin-top:5px}
@media(max-width:1000px){.site{width:96%;margin:10px auto 30px}.nav{overflow-x:auto}}
@media(max-width:700px){.header{height:auto;display:block}.logo{width:100%;height:75px}.contact-mini{width:100%;padding-bottom:8px}.columns,.home-grid{grid-template-columns:1fr}.side{border-left:0;border-top:1px solid #ccc;padding:14px 0 0}.two-up{grid-template-columns:1fr}}
