/* CSS Document */
.hiddenPic {display:none;}
body {
	padding:0px;
	margin:0px;
	border: 0px solid #000000;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;   /* "Trebuchet MS", */
	font-size: 14px;
	color: #ffffff;
	background-color: #1130c8;
	background-image:url(repeatback.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}

.hiddenPic {display:none;}
img {border:0px;}
div { padding:0px; margin:0px; border:0px solid;}
a { padding:0px; margin:0px; border:0px;}
p { padding:0px; margin:0px; }
ul {margin:0px; padding:0px;}
.verttop {vertical-align:top;}

p { line-height: 1.2em;}

.subtext {font-size: 11px}

.myh {
padding:0px;
margin:0px;
font-size: 17px;
text-decoration: none;
font-style: normal;
font-weight:bold;
}

.myheader {
position:relative;
margin-left: auto ;
margin-right: auto ;
width:914px;
height: 158px;
}


/*///////SUBNAV start//////////////////////////////////////////////*/
.subnav {
position:absolute;
top:124px;
left:0px;
height:34px;
border: 0px solid #000000;
}
.subnavleft {
float:left;
 height:34px;
 width:6px;
}
.subnavleft { background-image:url(subnavleft.png); }

.subnav1 {
float:left;
line-height:41px;
cursor: pointer;
height:34px;
padding-left:20px;
padding-right:20px;
}
.subnav1 { background-image:url(subnav.png); }

.subnavover {
float:left;
height:34px;
line-height:41px;
cursor: pointer;
padding-left:20px;
padding-right:20px;
}
.subnavover { background-image:url(subnavover.png); }

.subnavright {
float:left;
 height:34px;
 width:6px;
}
.subnavright { background-image:url(subnavright.png); }

A.subnavlink:link,A.subnavlink:visited,A.subnavlink:active,A.subnavlink:hover {
padding:0px; 
margin:0px;
color:#0b1e7f;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration: none;font-weight: normal;
}
/*///////SUBNAV end///////////////////////////////////////////////////*/

.mycenter {
margin-left: auto ;
margin-right: auto ;
width:914px;
}


.aprbar {
clear: both;
height: 39px;
line-height: 30px;
padding-left:25px;
background-image:url(approvals/bar.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

.aprbar2 {
clear: both;
height: 44px;
line-height: 39px;
padding-left:25px;
background-image:url(approvals/bar2.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}


/* ////////////////////////////////aprLINK start/////////////////////////////////////////////*/
.aprlink1,.aprlink1over {
float: left; 
cursor: pointer;
width:183px;
height:132px;
background-repeat:no-repeat;
background-position:center top;
}
.aprlink1 {background-image:url(approvals/aprlink1.jpg); }
.aprlink1over {background-image:url(approvals/aprlink1over.jpg); }

.aprlink2,.aprlink2over {
float: left; 
cursor: pointer;
width:183px;
height:132px;
background-repeat:no-repeat;
background-position:center top;
}
.aprlink2 {background-image:url(approvals/aprlink2.jpg); }
.aprlink2over {background-image:url(approvals/aprlink2over.jpg); }


.aprlink4,.aprlink4over {
float: left; 
cursor: pointer;
width:183px;
height:132px;
background-repeat:no-repeat;
background-position:center top;
}
.aprlink4 {background-image:url(approvals/aprlink4.jpg); }
.aprlink4over {background-image:url(approvals/aprlink4over.jpg); }

.aprlink5,.aprlink5over {
float: left; 
cursor: pointer;
width:183px;
height:132px;
background-repeat:no-repeat;
background-position:center top;
}
.aprlink5 {background-image:url(approvals/aprlink5.jpg); }
.aprlink5over {background-image:url(approvals/aprlink5over.jpg); }

.aprlink6,.aprlink6over {
float: left; 
cursor: pointer;
width:182px;
height:132px;
background-repeat:no-repeat;
background-position:center top;
}
.aprlink6 {background-image:url(approvals/aprlink6.jpg); }
.aprlink6over {background-image:url(approvals/aprlink6over.jpg); }

/* ////////////////////////////////aprLINK end/////////////////////////////////////////////*/

/* ////////////////////////////////vdrLINK start/////////////////////////////////////////////*/
.vdrlink1,.vdrlink1over {
float: left; 
cursor: pointer;
width:305px;
height:132px;
background-repeat:no-repeat;
background-position:center top;
}
.vdrlink1 {background-image:url(approvals/vdr/vdrlink1.jpg); }
.vdrlink1over {background-image:url(approvals/vdr/vdrlink1over.jpg); }

.vdrlink2,.vdrlink2over {
float: left; 
cursor: pointer;
width:305px;
height:132px;
background-repeat:no-repeat;
background-position:center top;
}
.vdrlink2 {background-image:url(approvals/vdr/vdrlink2.jpg); }
.vdrlink2over {background-image:url(approvals/vdr/vdrlink2over.jpg); }

.vdrlink3,.vdrlink3over {
float: left; 
cursor: pointer;
width:304px;
height:132px;
background-repeat:no-repeat;
background-position:center top;
}
.vdrlink3 {background-image:url(approvals/vdr/vdrlink3.jpg); }
.vdrlink3over {background-image:url(approvals/vdr/vdrlink3over.jpg); }


/* ////////////////////////////////vdrLINK end/////////////////////////////////////////////*/

/* ////////////////////////////////EMAIL start/////////////////////////////////////////////*/
.mailerror,.mailsent ,.mail3{
padding:0px;
margin:0px;
padding-left:10px;
width:550px;
height:76px;
background-repeat:no-repeat;
background-position:left top;
}
.mailsent { background-image:url(mailsent3.jpg); }
.mailerror { background-image:url(mailerror3.jpg); }
.mail3 { padding-left:0px;background-image:url(mail3.jpg); }
.email  {
background-color: #d0d5ed;
border: 0px;
margin:0px;
padding:2px;
padding-left: 8px;
padding-right: 8px;
font-family:Verdana, Arial, Helvetica, sans-serif;   /* "Trebuchet MS", */
font-size: 13px;
background-image:url(emailfield.gif);
background-repeat:no-repeat;
background-position: left top;
}
.mailtext{
padding:0px;
margin:0px;
padding-left:5px;
line-height:1.6em; /*1.5em*/
font-size: 13px;
}
.emailmain {
padding:0px;
margin:0px;
margin-top:10px;
width:100%;
}
.emailcontainer,.emailcontainer2 {  /* contaner2 is used for the right side of a 2 columnt layout */
margin:0px;
margin-bottom: 10px;
float:left;
}
.emailcontainer { padding-right:28px; }
.emailcontainer2 { }
.emailcontainer3 {
margin:0px;
margin-bottom: 10px;
float:left;
width:100%;
}
/* ////////////////////////////////EMAIL end/////////////////////////////////////////////*/




.myapprovals {
background-image:url(centerwide.jpg);
background-repeat:repeat-y;
background-position:center top;
text-align:center;
}


.myleft {
float:left;
background-image:url(leftback.jpg);
background-repeat:repeat-y;
background-position:center top;
width:611px;
text-align:center;
}

.myleft {height:446px;}

.myright {
float:left;
background-image:url(rightback.jpg);
background-repeat:repeat-y;
background-position:center top;
width:303px;
}

.myright1 {
background-image:url(rightbig1.jpg);  /* righttop.jpg */
background-repeat:no-repeat;
background-position:left top;
height: 203px;
text-align:left;

}

.myright11 {
padding-top:35px;
padding-bottom:5px;
padding-left: 30px;
padding-right: 10px;
background-image:url(righttop.jpg);  /* righttop.jpg */
background-repeat:no-repeat;
background-position:left top;
text-align:left;

}

.myright2 {
padding-top:28px;
padding-bottom:5px;
padding-left: 30px;
padding-right: 10px;
background-image:url(rightbig2.jpg);  /* righttop.jpg */
background-repeat:no-repeat;
background-position:left top;
height: 210px;
text-align:left;
}

.rightbottom {
height:12px;
background-color:#1130c8;
background-image:url(rightbottom.jpg);  /* righttop.jpg */
background-repeat:no-repeat;
background-position:left top;

}
.myright22 {
background-image:url(map.jpg);  /* righttop.jpg */
background-repeat:no-repeat;
background-position:left top;
height: 203px;
text-align:left;
}

.google1,.google1over {
cursor: pointer;
position:absolute;
float:left;
left:68px;
top:30px;
width:73px;
height:80px;
background-repeat:no-repeat;
background-position:left top;
}
.google1over {background-image:url(google.gif); }  

.google2 ,.google2over{
cursor: pointer;
position:absolute;
float:left;
left:170px;
top:18px;
width:73px;
height:80px;
background-repeat:no-repeat;
background-position:left top;
}
.google2over {background-image:url(google.gif); } 
 
.myleft2,.myleft22 {
padding-top:35px;
padding-bottom:5px;
padding-left: 35px;
padding-right: 55px;
background-repeat:no-repeat;
background-position:left top;
text-align:left;
}
.myleft2 {
background-image:url(lefttop.jpg);
}
.myleft22 {
background-image:url(lefttop2.jpg);
}
.myleft222 {
padding-top:0px;
padding-bottom:5px;
padding-left: 35px;
padding-right: 50px;
background-repeat:no-repeat;
background-position:left top;
text-align:left;
background-image:url(logosmall2.jpg);

}

.myleft3 {
padding:0px;
text-align:center;
}

.bservices, .bservicesover { 
margin-left: 110px;
cursor: pointer;
width:135px;
height:30px;
}



.bservices { background-image:url(bservices.jpg); }
.bservicesover { background-image:url(bservicesover.jpg); } 


/*////////////////////////////////////footer START/////////////////////////////////////////////////*/
.mybottom {
position:relative;
clear:both;
margin-left: auto ;
margin-right: auto ;
padding-top:0px; /* 9 */
line-height: 1em;
background-image:url(footerlinktop.jpg); /* centerbottom */
background-repeat:no-repeat;
background-position:center top;
width:914px;
height:26px; /* 33 */
}

.mybottomwide {
position:relative;
clear:both;
margin-left: auto ;
margin-right: auto ;
padding-top:0px; /* 9 */

background-image:url(footerlinktop2.jpg); /* centerbottom2 */
background-repeat:no-repeat;
background-position:center top;
width:914px;
height:26px; /* 33 */
}





.footer2 {
clear:both;
margin-left: auto ;
margin-right: auto ;
padding-top:20px;  /* 20px  */
padding-bottom:20px;
width:914px;
}

.minus { background-image:url(minus.jpg); }
/*////////////TEMP start////////////////////////////*/

.footersublinkbottom {
background-image:url(footersublinkbottom.jpg); 
background-position: center top;
background-repeat:no-repeat;
margin-left: auto; 
margin-right: auto;
width:914px; 
}

A.footer22:link,A.footer22:visited,A.footer22:active,A.footer22:hover  {
margin:0px;
padding:0px; padding-left:45px; padding-right:45px;
color:#1130c8;
line-height: 26px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration: none;font-weight: normal;
}
A.footer22:hover { color:#000000; }

.footersubtext {
padding:0px; 
margin:0px;
color:#ffffff;
line-height: 1.35em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration: none;font-weight: normal;
}

A.footersublink:link,A.footersublink:visited,A.footersublink:active,A.footersublink:hover  {
padding:0px; 
margin:0px;
color:#ffffff;
line-height: 1.35em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration: none;font-weight: normal;
}
A.footersublink:hover { text-decoration: underline;  }

A.subsub:link,A.subsub:visited,A.subsub:active,A.subsub:hover  {
padding:0px; 
margin:0px;
color: #aeb8ec;
line-height: 1.35em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;font-weight: normal;
}
A.subsub:hover {  text-decoration: underline;  }
/*////////////TEMP end//////////////////////////////*/


A.footer:link,A.footer:visited,A.footer:active,A.footer:hover,A.footersub:link,A.footersub:visited,A.footersub:active,A.footersub:hover  {
padding:0px; padding-left:25px; padding-right:25px;
margin:0px;
color:#1130c8;
line-height: 1em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration: none;font-weight: normal;
}
A.footer:hover { color:#000000; }
A.footersub:link,A.footersub:visited,A.footersub:active,A.footersub:hover { 
color:#ffffff;
padding:0px; 
font-size:12px;
line-height: 1.3em;
}
A.footersub:hover { 
color: #aeb8ec; 
}


/*////////////////////////////////////footer END/////////////////////////////////////////////////*/


A.mailto:link,A.mailto:visited,A.mailto:active,A.mailto:hover {
color:#002d69;
line-height: 1.2em;
text-decoration: none;font-weight: normal;
font-weight:bold;
}
A.mailto:hover {
color:#ffffff;
text-decoration: underline;
}


ul { 
margin-left:17px;
list-style-image: url(list1.jpg);
list-style-position:outside;
}
ul li { 
vertical-align:top;
margin-bottom:8px;
}

ul.contact { 
margin-left:0px;
list-style-image: url(list1.jpg);
list-style-position:outside;
}
ul li.contact { 
vertical-align:top;
margin-bottom:8px;
}




/* ===== Added Oct 2026: Flash replacement and fixes ===== */
.myheader { background-image:url(header.jpg); background-repeat:no-repeat; }
.logolink { position:absolute; left:0; top:20px; width:340px; height:85px; display:block; }
.mainnav a { position:absolute; top:52px; height:30px; display:block; font-size:0; color:transparent; border-radius:8px; }
.mainnav a:hover, .mainnav a:focus { background-color:rgba(255,255,255,0.18); }
.mainnav .nav1 { left:396px; width:109px; }
.mainnav .nav2 { left:505px; width:135px; }
.mainnav .nav3 { left:640px; width:137px; }
.mainnav .nav4 { left:777px; width:124px; }
.mainnav a.navactive { }
.subnav a.subnav1, .subnav a.subnavover {
  display:block; color:#0b1e7f; font-family:"Trebuchet MS", Arial, sans-serif;
  font-size:14px; text-decoration:none; background-repeat:repeat-x; }
.subnav a.subnav1:hover { background-image:url(subnavover.png); }
.subnavleft, .subnavright { background-repeat:no-repeat; }

.slideshow { position:relative; width:303px; height:203px; background-image:url(slideframe.jpg); overflow:hidden; }
.slideshow img { position:absolute; left:7px; top:3px; width:289px; height:196px; opacity:0; transition:opacity 1.2s ease; }
.slideshow img.show { opacity:1; }

#mydiv2 { position:absolute; top:9px; left:15px; width:180px; color:#ffffff; line-height:1em;
  font-family:"Trebuchet MS", Arial, sans-serif; font-size:14px; text-align:left;
  background-image:url(plus.jpg); background-repeat:no-repeat; background-position:left center; }
#mydiv { overflow:hidden; margin-left:auto; margin-right:auto; width:914px;
  background-image:url(footersublinkcenter.jpg); background-position:center top; background-repeat:repeat-y;
  background-color:#00CC00; text-align:left; }
.sitemaptop { background-image:url(footersublinktop.jpg); background-position:center top; background-repeat:no-repeat; height:7px; }
.footer2 { text-align:center; }
.copyright { text-align:center; color:#ffffff; font-size:12px; padding-bottom:20px; }

.email.wide { width:95%; }
.hp { position:absolute; left:-5000px; }
.approvals-note { color:#ffffff; font-size:12px; padding:6px 25px; text-align:left; }
h1.myh { display:inline; margin:0; font-size:17px; }
a.bservices { display:block; }
a.bservices:hover { background-image:url(bservicesover.jpg); }
.aprlink1:hover { background-image:url(approvals/aprlink1over.jpg); }
.aprlink2:hover { background-image:url(approvals/aprlink2over.jpg); }
.aprlink4:hover { background-image:url(approvals/aprlink4over.jpg); }
.aprlink5:hover { background-image:url(approvals/aprlink5over.jpg); }
.aprlink6:hover { background-image:url(approvals/aprlink6over.jpg); }
.vdrlink1:hover { background-image:url(approvals/vdr/vdrlink1over.jpg); }
.vdrlink2:hover { background-image:url(approvals/vdr/vdrlink2over.jpg); }
.vdrlink3:hover { background-image:url(approvals/vdr/vdrlink3over.jpg); }
.google1:hover, .google2:hover { background-image:url(google.gif); }
label.mailtext { display:inline; }
.mybottom, .mybottomwide { text-align:center; line-height:26px; }
#mydiv2 { line-height:1em; }

.radar { position:absolute; top:6px; width:110px; height:124px; background:url(radar.png) no-repeat; pointer-events:none; }
.navbar { position:absolute; left:391px; top:49px; width:518px; height:37px; background:url(navbar.png) no-repeat; pointer-events:none; }
.mainnav a { z-index:2; }
.vdrinfo { text-align:left; padding:22px 40px 30px 40px; }
.vdrinfo p { line-height:1.5em; margin-bottom:16px; }
.vdrinfo ul { margin:4px 0 18px 17px; }
.maplink { position:absolute; left:0; top:0; width:303px; height:200px; display:block; }
.maplink:hover { box-shadow: inset 0 0 0 2px rgba(255,255,255,0.6); }

/* ===================================================================
   MOBILE / TABLET (added Oct 2026). Desktop layout above is unchanged.
   =================================================================== */
@media (max-width: 940px) {
  html, body { -webkit-text-size-adjust:100%; }
  body { font-size:15px; background-size:auto 245px; }
  img { max-width:100%; height:auto; }

  /* header: logo on top, orange menu as real buttons */
  .myheader { width:100%; height:auto; background:url(header.jpg) left top no-repeat; background-size:100% auto;
              padding-top:12.5vw; }
  .logolink { top:0; width:100%; height:12.5vw; }
  .radar, .navbar { display:none; }
  .mainnav { display:flex; margin:0 8px; border-radius:9px; overflow:hidden;
             background:linear-gradient(#ff7a12, #ff4d00 45%, #e81c00); box-shadow:0 2px 4px rgba(0,0,40,.35); }
  .mainnav a { position:static; flex:1; width:auto !important; height:auto; border-radius:0;
               font:16px "Trebuchet MS", Arial, sans-serif; color:#fff; text-align:center; text-decoration:none;
               padding:12px 2px; text-shadow:0 1px 2px rgba(120,20,0,.6); }
  .mainnav a.navactive { background:rgba(255,255,255,.22); box-shadow:inset 0 -3px 0 #fff; }
  .subnav { position:static; display:grid; grid-template-columns:repeat(4,1fr); gap:1px; height:auto; margin:8px 8px 0;
             background:#c9d1f3; border-radius:7px 7px 0 0; overflow:hidden; }
  .subnavleft, .subnavright { display:none; }
  .subnav a.subnav1, .subnav a.subnavover { float:none; height:auto; line-height:1.2;
               padding:11px 4px; text-align:center; font-size:14px; background-image:none; }
  .subnav a.subnav1 { background:#e6eaf9; }
  .subnav a.subnavover { background:#fff; font-weight:bold; }

  /* content columns stack */
  .mycenter { width:auto; margin:8px 8px 0; }
  .myleft, .myright { float:none; width:auto; height:auto !important; background:#495fd6; }
  .myright { margin-top:8px; }
  .myleft2, .myleft22, .myleft222, .myright11, .myright2 {
      background:none !important; height:auto !important; padding:18px 18px 14px; }
  .myright1 { background:none; height:auto; padding-top:12px; }
  .slideshow { margin:0 auto; }
  .myleft3 { padding:0 8px 10px; }
  .bservices { margin:8px 0 0; }
  p { line-height:1.45em; }

  /* approvals tiles: see TILES block */
  .aprbar, .aprbar2 { height:auto; line-height:1.35; padding:10px 14px; background:#7286df; }
  .myapprovals { background:#495fd6; padding:0 8px; }
  .myapprovals br { display:none; }
  .myapprovals img { margin:10px 0; }
  .vdrinfo { padding:16px 16px 20px; }

  /* contact */
  .emailcontainer, .emailcontainer2, .emailcontainer3 { float:none; width:auto !important; height:auto !important; padding-right:0; }
  .email { width:100%; box-sizing:border-box; font-size:16px; padding:8px; }
  .mailerror, .mailsent, .mail3 { width:auto; height:auto; padding-bottom:8px; background-size:auto 100%; }
  .mail3 img, .mailerror img, .mailsent img { display:none; }
  .rightbottom { display:none; }
  .myright22 { width:303px; max-width:100%; margin:0 auto; }
  .myright { padding-bottom:12px; }

  /* footer */
  .mybottom, .mybottomwide { width:auto; margin:0 8px; height:auto; line-height:1; padding:12px 0;
      background:#e9ecf9; display:flex; justify-content:space-around; }
  #mydiv2, #mydiv, .footersublinkbottom { display:none !important; }
  A.footer22:link, A.footer22:visited { padding:4px 6px; line-height:1.2; }
  .footer2 { width:auto; padding:18px 8px 8px; }
  .copyright { padding:0 12px 24px; line-height:1.5; }
}

/* ---- TILES (approval logos) on mobile/tablet ---- */
.mlogo { display:none; }
@media (max-width: 940px) {
  .tiles { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; padding:8px; background:#3d53c9; }
  .tiles a[class^="aprlink"], .tiles a[class^="vdrlink"] {
      float:none; display:flex; align-items:center; justify-content:center; box-sizing:border-box;
      width:auto !important; height:92px !important; padding:10px !important; border-radius:7px;
      background:#4f66d8 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18); }
  .tiles5 a { flex:0 0 calc(20% - 5px); }
  .tiles3 a { flex:0 0 calc(33.333% - 4px); }
  .tiles a[class$="over"] { background:#8095e6 !important; box-shadow:inset 0 -4px 0 #fff; }
  .mlogo { display:block; max-width:100%; max-height:66px; width:auto; height:auto; }
  .aprlink4 .mlogo, .aprlink4over .mlogo { max-height:30px; }
}
@media (max-width: 600px) {
  .mainnav a { font-size:14px; }
  .subnav { grid-template-columns:1fr 1fr; }
  .tiles5 a { flex:0 0 calc(33.333% - 4px); height:84px !important; }
  .tiles3 a { height:76px !important; }
  .mlogo { max-height:56px; }
  .aprlink4 .mlogo, .aprlink4over .mlogo { max-height:22px; }
}
@media (max-width: 580px) {
  .myheader { background-size:auto 96px; padding-top:92px; }
  .logolink { height:92px; }
}
@media (max-width: 940px) {
  .myleft2 p br, .myleft22 p br { display:none; }
  .myleft2 p .myh { display:block; margin-top:20px; }
  h1.myh { display:block; margin-bottom:10px; }
}