html {background:#336;   overflow-x: hidden}
body {background:#336; min-height:100vh;   overflow-x: hidden}
a    {text-decoration: underline; color:#336;}

nav     {background:#000;  margin-bottom:10px; position:sticky; 
        padding-left:140px;  top:0; z-index:5000; margin-top:16px; min-height:30px;}
nav ul  {display:block; list-style: none; background: #000; padding-right: 300px;; 
        padding-left:0px; margin-left:0px;}
nav li  {display: inline-block; min-height:25px; margin-top:-10px;}
nav li:first-child {width:0px; height:0%} 

nav a       {display:block; padding:5px; background:#001; color:#fff; 
             padding:7px 12px; height:100%; text-decoration: none;}
nav a:hover {background-color: yellow; color:#000; text-decoration: none; }

nav li:first-child a       {background-color:#000;}
nav li:first-child a:hover {background-color:#000;}

nav form {position:absolute; display:block; right:60px; top:6px;}

#navbar-collapse {padding-top:2px; background:#000;}

.navbar-collapse {padding-right:200px; outline:#ccc solid 0px}

.navlogo {position:absolute; height:60px; left:-100px; top: -8px;}





.content {padding:0px 10px;  position:relative; max-width: 1500px;  margin:auto;}
header, main {display:block; margin:auto; background:#fff;  border:10px solid #fff;}



header {display:block; height:400px; position:relative;
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}

.headertext {display:inline-block; width:400px; position:absolute; left:400px; top:50px;}
.headertext h3 {color:#fff; font-weight: 700; text-shadow: 2px 2px 4px #000000;
                font-size:40px; }
.headertext p  {color:#fff; font-weight: 600; text-shadow: 1px 1px 4px #000000; font-size:20px}

.headercta  {display:block; background:#fff; color:#000; text-decoration: none;  
             position:absolute; right:10px; padding:5px; padding-left:10px;}


.headercta:hover {background-color: yellow; color:#000; text-decoration: none; }

.grad1 {background-image: linear-gradient(to right, rgba(0,0,0,0.9), rgba(0,0,0,0)); height:100%; width:100%}


.uk-card {display:inline-block; vertical-align: top;}

.sitelinks {margin-top:20px;}
.sitelinks a {color:#000}
.sitelinks .uk-card-body {height:350px; min-width:250px; width:25%; padding:5px; 
        margin:0px;
        border:5px solid #fff;
        border-width: 5px 10px 60px;
        box-sizing:border-box;
        position:relative;
        background-color:#eee; background-position: center; background-repeat: no-repeat; background-size: cover;}
.sitelinks .card-slider-title 
        {display:inline-block; background: rgba(0,0,0,0.7); color:#fff; 
        padding:5px 10px ; font-weight:bold; font-size:130%}
.sitelinks p {background: rgba(256,256,256,0.7); position:absolute; bottom:-15px; left:5px; right:5px; padding:5px;}
.sitelinks .card-slider-link  
        {display:inline-block; background:#fff; color:#000; text-decoration: none;  
        position:absolute; right:0px; padding:5px; padding-left:10px; bottom:-40px}
.sitelinks .card-slider-link :hover 
        {background-color: yellow; color:#000; text-decoration: none; }      

.fullcontact       {background:#eee; padding:15px; margin:10px;
        background-position: right; 
        background-repeat: no-repeat; 
        background-size: contain;}
.fullcontact h3    {display:inline-block; background:#eee; clear:both;}
.fullcontact p     { text-shadow: 2px 2px 2px #eee, -2px -2px 2px #eee;}
.fullcontact ul    {display:block; list-style: none; }
.fullcontact label {display:inline-block; width:100px; text-align:right; vertical-align:top; background:#eee;}
.fullcontact textarea {width:400px; height:130px;}
.fullcontact input {width:400px;}

.stand----ardcontact       {padding:20px 0px 40px; margin:auto; max-width:580px; position:relative;}

.standardcontact       {display:block;  position:relative;  margin: 20px; padding: 10px;    background-color: #fff; clear:both;}
.standardcontact ul    {display:block; list-style: none; }
.standardcontact label {display:inline-block; width:100px; text-align:right; vertical-align:top; }
.standardcontact textarea {width:400px; height:130px;}
.standardcontact input {width:400px;}
.standardcontact button {position:absolute; right:10px; margin:20px;}




.fs_footer         {background:#f1c443; width:100%; margin-top:60px; position:relative; padding:50px 0px; }
.fs_footer hr      {border-top: 1px solid #000; width:100%; padding:20px;}
.fs_footlogos      {margin-top:70px; clear:both; text-align:center; background:#fff; padding:10px 0px; margin-bottom:20px;}
.fs_footlogos img  {margin:10px;}
.fs_footpad        {max-width: 1500px; margin:auto; padding: 0px 20px;}
.fs_footer P       {width:100%; text-align:left; margin:auto; color:#051935}
.fs_footer a       {color:#051935;}

.standardhead h2   {font-weight: 700; font-size:40px; color:#333;}
.standardhead p    {padding-left: 20px;}

.fig_gallery       {max-width:240px; text-align:center; display:inline-block; padding:0px 10px;}
.fig_gallery a     {text-decoration:none; color:#000;}

.contentlist     {justify-content:stretch; padding:50px;} 
.contentlist h4  {margin:-18px 0px 8px; padding:0px; font-weight:700; font-size:100%} 
.contentlist h3  {margin:5px 0px; padding:0px; font-weight:700; font-size:120%} 
.contentlist p   {margin:10px -10px 20px 10px; padding:0px; color:#333;} 
.contentlist div {align-self:stretch; position:relative;}
.contentlist img {display:block; margin:auto;}
.contentlist a   {display:block; width:100%; text-decoration:none; color:#000;}
.contentlist .uk-icon {position:absolute; width:auto; bottom:15px; right:15px; left:15px;
                 text-align:right}
                 
.contentlist .uk-card {padding:25px}

#searchlist {
  display: block;
  visibility: hidden;
  position: fixed;         /* Use fixed for overlay */
  z-index: 5000;
  right: 30px;
  top: 60px;
  left: 30px;              /* Add left for centering overlay */
  width: auto;             /* Allow width to be set by left/right */
  max-width: 800px;        /* Optional: limit max width */
  margin: auto;
  background: #eee;
  padding: 20px 50px;
  border: 3px solid #ddd;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.7);
  border-radius: 8px;
  max-height: 80vh;  
  overflow-y: auto;  
}

#searchlist a    {color:#000;}
#searchlist div  {width:180px; display:inline-block; border:1px solid #fff; vertical-align: top;
                  text-align:center; background:#fff; margin:0px 5px 10px; padding:10px}
#searchlist span {display:inline-block; border: 2px solid #ccc; width:fit-content; text-align:left;
                  background:#fff; padding:15px; margin:0px 15px 15px; min-height:290px}
#searchlist img  {width:100%; display:block; }
#searchlist h3   {text-transform:uppercase; font-weight:700; color:#333; margin:0px; padding:0px; 
                  font-size:100%; text-align:left;}
.closesearch     {display:block; position:absolute; top:10px; right:10px;}

.home-card      {width:33.3%; min-width:200px;}
.home-wide-card {width:66.6%; background-color:#d0d6fc;}
.home-wide-card .headercta {display: block; margin:10px; margin-right:280px}
.home-wide-title {display: block; margin-right:250px}

.standardpad {padding:50px 100px 0px;}
.galouter    {background:#eee; padding:40px 90px; margin-top:40px;}
.galinner    {max-width:800px; padding-bottom:20px; margin:auto;}

.hidden-up-to-s {display: none}
#searchbox     {margin-right:-150px; margin-left:-150px}

.downloads     {width:100%; margin-top:60px;}
.downloads h4  {margin:0px; padding:0px}
.downloads ul  {margin:0px; padding:0px; margin-left:20px;}

.fs-consent-actions {text-align: center; margin-top: 20px;}
.fs-consent-actions button {font-size:110%; text-transform: uppercase;}



/*---------------------------------------------------------------------*/
/*******************    code for mobile below    ***********************/
/*---------------------------------------------------------------------*/


@media (max-width: 640px) { 
nav           {padding:0px; text-align:center; margin:0px; 
               padding-top:0px; padding-bottom:16px; overflow:auto}
nav ul        {padding:40px 0px 10px}
nav button    {position:absolute; left:10px; top:-20px;}
nav form      {right:170px}

nav .content  {min-height:10px; outline:0px solid #ff0000}
nav .content ul {display:block; list-style: none; background: #000; padding-right: 0px; 
                  padding-left:0px; margin:20px; margin-top:10px;}
nav .content li { display:inline-block; min-height:25px;  min-width:48%;
                  outline:0px solid #fff; margin-top:0px}

nav .content li:first-child {width:0px; height:0%; visibility:hidden; display:none}
nav .content li a {display:block; padding:5px; background:#369; color:#fff; font-weight:bold;
                   padding:7px 12px; height:100%; text-decoration: none; margin:8px; border-radius: 15px;
                   font-size:110%  }


.content      {padding:0px}
#searchbox    {right:0px; top:-20px; position:sticky; margin-right:-150px; margin-left:0px}



.navbar-collapse {display:none;} 
#navbar-collapse {display:none;} 

.home-card           {width:initial}
.home-wide-card      {width:initial}
.home-wide-card img  {width:100%}
.home-wide-title     {margin-right:0px; background-color:#d0d6fc; display:inline-block; 
                      width:100%; padding-bottom:20px; margin-top:-20px;}
.home-wide-card .headercta       {margin-right:0px; margin-top:-10px;}
.sitelinks .uk-card-body {width:100%}
.fullcontact             {background-size: 0px;}
.fullcontact ul          {padding: 0px;}
.fullcontact label       {padding: 0px; display:inline;}
.fullcontact input       {width:100%}
.fullcontact textarea    {width:100%}
.fs_footpad              {padding:0px 20px;}

.standardcontact ul          {padding: 10px;}
.standardcontact label       {padding: 0px; display:inline;}
.standardcontact input       {width:100%}
.standardcontact textarea    {width:100%}

.uk-grid        {margin-left:0px;}
.uk-grid-small {padding: 0px 0px 0px 16px;}
.uk-first-column {width:100%; padding:2% 10%}

.standardhead  {margin-left:0px;}
.standardpad   {padding:0px 10px;}
.standardpad p {padding:0px; margin:0px;}

.galouter     {padding:20px;}
.fig_gallery  {padding:0px; width:100%; max-width:none; text-align:center;}

.headertext   {display:block; position:static; padding: 10px 10px 40px; width:auto}

.hidden-up-to-s {display: block}

#searchlist {width:auto; right:10px; left:10px;}

}






/*---------------------------------------------------------------------*/
/*******************    code for tablet below    ***********************/

@media (max-width: 1024px) {
  .headercta {right:50px}
  .navbar-collapse {padding-right:200px}
  .homebutton   {display: none}
  .homebutton a {display: none}
  .home-wide-card {padding-bottom:70px;}
  .home-wide-card .headercta {margin-right:0px; right:20px;}
  .fullcontact {background-size: 0px;}
  
  nav     {padding-top:16px}
  nav img {margin-top:13px;}
}