html, body { margin: 0; }
body { background: #fff; color: #333; font: 14px/1.45 Arial, Helvetica, sans-serif; }
body::before { content: ''; position: absolute; top: 171px; left: 0; width: 100%; height: 87px; background: #f9b534; }
a { color: #004280; }
a:hover, a:focus { color: #0076b4; }
img { max-width: 100%; }
#wrapper { position: relative; z-index: 1; }
#branding_header { margin-top: 11px; }
#secnav, #footerlinks { font-size: 12px; }
#secnav a, #footerlinks a { color: #666; text-decoration: none; }
#secnav a.on { font-weight: bold; }
#secnav a:hover, #footerlinks a:hover { text-decoration: underline; }
#secnav span, #footerlinks span { color: #999; }
ul#topnav { background: url('/images/sprite_topnav.jpg') 0 0 no-repeat; }
ul#topnav li:nth-child(1) { width: 282px; }
ul#topnav li:nth-child(2) { width: 114px; }
ul#topnav li:nth-child(3) { width: 115px; }
ul#topnav li:nth-child(4) { width: 160px; }
ul#topnav li:nth-child(5) { width: 119px; }
ul#topnav li:nth-child(6) { width: 170px; }
ul#topnav a { display: block; height: 47px; overflow: hidden; text-indent: -9999px; }
ul#topnav a:hover, ul#topnav a:focus, ul#topnav a[aria-current="page"] { background: rgba(255, 255, 255, .15); }
#we-are { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
#pageid h4 { float: left; margin: 7px 0 0 12px; color: #fff; font-size: 13px; font-weight: bold; text-transform: uppercase; }
#pageid #h4_ukhome { width: 70px; height: 16px; margin-top: 8px; background: url('/images/h4_bg_ukhome.gif') no-repeat; text-indent: -9999px; overflow: hidden; }
body#basic #crumbs { clear: none; float: right; width: auto; padding: 7px 12px 0 0; color: #fff; }
body#basic #crumbs a { color: #fff; }
#content_inner_wrapper { padding-bottom: 25px; }
#wrapper_subnav { margin: 15px 0 0; }
ul#subnav { width: 220px; background: #087bb6 url('/images/bg_subnav_btmcap.gif') bottom center no-repeat; }
ul#subnav a { display: block; padding: 9px 11px; border-bottom: 1px solid #8bb6cf; background: #00558e; color: #fff; font-weight: bold; text-decoration: none; }
ul#subnav a:hover, ul#subnav a:focus, ul#subnav a[aria-current="page"] { background: #0076b4; }
#midcol { padding-top: 14px; }
#midcol h1 { margin: 0 0 15px; color: #004280; font-size: 26px; line-height: 1.2; }
#midcol h2 { margin: 20px 0 8px; color: #004280; font-size: 18px; }
#midcol h3 { margin: 18px 0 6px; color: #004280; font-size: 16px; }
#midcol p { margin: 0 0 13px; }
#midcol ul, #midcol ol { padding-left: 22px; }
#midcol li { margin-bottom: 5px; }
#midcol table { max-width: 100%; border-collapse: collapse; }
#midcol td, #midcol th { border: 1px solid #ced6df; padding: 5px; }
#rightcol form#quicklinks { margin-top: 0; height: 115px; background: url('/images/bg_selects.gif') top left no-repeat; }
#quicklinks label#rgn, #quicklinks label#ima { display: block; width: 220px; height: 29px; padding: 0; overflow: hidden; text-indent: -9999px; }
#quicklinks label#ima { height: 25px; }
#quicklinks .select-floatwrap { height: 28px; }
#quicklinks select#region, #quicklinks select#iama { box-sizing: border-box; width: 155px; height: 21px; margin: 2px 0 0 5px; padding: 0; font-size: 11px; }
#quicklinks input[type="submit"] { box-sizing: border-box; width: 28px; height: 21px; margin-top: 2px; padding: 0; font-size: 11px; }
#quicklinks br.clearing { line-height: 0; }
.reconstruction-note, .missing-document { padding: 8px 10px; border-left: 3px solid #0098db; background: #eef6ff; color: #354857; font-size: 12px; }
.unavailable-image { display: inline-block; padding: 3px 5px; border: 1px solid #ccd6dd; color: #666; font-size: 12px; }
.search-result { border-bottom: 1px solid #d9e2ea; padding-bottom: 10px; margin-bottom: 10px; }
body#four-col .sliderwrapper ul { list-style: none; margin: 0; padding: 0; }
body#four-col .sliderwrapper li:not(:first-child), body#four-col #button-back { display: none; }
body#four-col .anythingSlider, body#four-col .sliderwrapper li > div { position: relative; }
body#four-col .sliderwrapper .caption { position: absolute; bottom: 0; left: 0; box-sizing: border-box; width: 100%; margin: 0; padding: 8px 10px; background: rgba(255, 255, 255, .67); color: #222; font-size: 12px; }
body#four-col .sliderwrapper .caption p { margin: 0; }
body#four-col .sliderwrapper .caption a { color: #004280; }
.slider-controls { position: absolute; top: 8px; right: 8px; z-index: 2; display: flex; gap: 5px; }
.slider-controls button { width: 17px; height: 17px; padding: 0; border: 1px solid #aaa; background: #e8eef2; color: #004280; font-size: 10px; font-weight: bold; cursor: pointer; }
.slider-controls button[aria-pressed="true"] { background: #f9b534; }
body#four-col #leftcol_row-two h2, body#four-col #press-releases h2 { color: #004280; font-size: 18px; margin: 0; }
body#four-col #quicklinks { margin-top: 14px; }
#stickyfooter { z-index: 2; }
#stickyfooter #footerlinks a { color: #fff; }
#stickyfooter #footerlinks span { color: #d5e5ef; }
#backto { display: block; float: left; width: 205px; height: 42px; margin: 17px 0 0 24px; background: url('/images/branding_footer.gif') no-repeat; text-indent: -9999px; overflow: hidden; }
@media (max-width: 760px) {
  body::before { display: none; }
  #wrapper, #content, #header, #wrapper_topnav, #row_submast, #pageid, #content_inner_wrapper, #content_left, #wrapper_leftcol, #midcol, #rightcol, #stickyfooter { width: auto; height: auto; min-height: 0; float: none; }
  #wrapper { overflow: hidden; }
  #header { padding: 10px; }
  #branding_header { float: none; margin: 0; height: auto; }
  #wrapper_secnav, #wrapper_search { float: none; clear: both; width: auto; margin: 8px 0; }
  #wrapper_topnav { margin: 10px 0 0; }
  ul#topnav { display: flex; flex-wrap: wrap; width: auto; height: auto; background: #004280; }
  ul#topnav li:nth-child(n) { flex: 1 1 140px; width: auto; border: 1px solid #3977a5; }
  ul#topnav a { height: auto; min-height: 30px; padding: 8px; color: #fff; text-indent: 0; font-size: 12px; font-weight: bold; text-decoration: none; }
  #row_submast { min-height: 87px; background-size: cover; }
  #pageid { min-height: 32px; }
  body#basic #crumbs { float: none; clear: both; padding: 5px 10px; }
  #content_inner_wrapper { padding: 0 12px 25px; }
  #content_left { display: flex; flex-direction: column; }
  #wrapper_leftcol { order: 2; }
  #midcol { order: 1; }
  ul#subnav { width: auto; }
  #rightcol #quicklinks { max-width: 220px; }
  #content { padding-bottom: 0; }
  #stickyfooter { margin: 0; }
}
