.custom-font {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: -0.5px;
}
body {
  background: url(ws-new-grey.jpg) fixed center top no-repeat rgba(217, 217, 215, 0.5) !important;
}
@media screen and (max-width: 960px) {
  html,
  body {
    background: none !important;
  }
}
a:link,
a:visited {
  color: #123e5a;
}
#main-content a:visited {
  color: #5a123d;
}
a:hover,
#main-content a:hover {
  color: #3588bc;
}
#search-container ul.index-section li.active {
  background-color: #0072b8;
  color: #ffffff;
}
#page-header #site-header-container {
  color: transparent;
}
#page-header #site-header-container a:link,
#page-header #site-header-container a:visited {
  color: transparent;
}
#page-header #site-header-container a:hover {
  color: transparent;
}
#page-header #site-header-container #strapline {
  color: transparent;
}
#primary-navigation-wrapper {
  background: #08466d;
}
#primary-navigation-wrapper li.rendered-link .rendered-link-content {
  color: #ffffff;
}
#primary-navigation-wrapper li.rendered-link .rendered-link-content a:link,
#primary-navigation-wrapper li.rendered-link .rendered-link-content a:visited {
  color: #ffffff;
}
#primary-navigation-wrapper li.rendered-link .rendered-link-content a:hover {
  color: #ffffff;
}
#primary-navigation-wrapper li.rendered-link:hover {
  background-color: #0172b8;
}
#primary-navigation-wrapper li.rendered-link:hover .rendered-link-content {
  color: #ffffff;
}
#primary-navigation-wrapper li.rendered-link:hover .rendered-link-content a:link,
#primary-navigation-wrapper li.rendered-link:hover .rendered-link-content a:visited {
  color: #ffffff;
}
#primary-navigation-wrapper li.rendered-link:hover .rendered-link-content a:hover {
  color: #ffffff;
}
#primary-navigation-wrapper li.rendered-link.selected-section {
  background: #0172b8;
}
#primary-navigation-wrapper li.rendered-link.selected-section .rendered-link-content {
  color: #ffffff;
}
#primary-navigation-wrapper li.rendered-link.selected-section .rendered-link-content a:link,
#primary-navigation-wrapper li.rendered-link.selected-section .rendered-link-content a:visited {
  color: #ffffff;
}
#primary-navigation-wrapper li.rendered-link.selected-section .rendered-link-content a:hover {
  color: #ffffff;
}
#primary-navigation-wrapper li.rendered-link.selected-section:hover {
  background: #0172b8;
}
.site-root #primary-navigation-wrapper {
  background-color: #08466d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#08466d), color-stop(100%, #08466d));
  /* Saf4+, Chrome */

  background-image: -webkit-linear-gradient(top, #08466d, #08466d 100%);
  /* Chrome 10+, Saf5.1+ */

  background-image: -moz-linear-gradient(top, #08466d, #08466d 100%);
  /* FF3.6 */

  background-image: -ms-linear-gradient(top, #08466d, #08466d 100%);
  /* IE10 */

  background-image: -o-linear-gradient(top, #08466d, #08466d 100%);
  /* Opera 11.10+ */

  background-image: linear-gradient(to bottom, #08466d, #08466d 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#08466d', endColorstr='#08466d')";
  /* IE8-9 */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08466d', endColorstr='#08466d');
  /* IE5.5-7 */

  background-repeat: no-repeat;
}
.site-root #primary-navigation-wrapper li.rendered-link .rendered-link-content {
  color: #ffffff;
}
.site-root #primary-navigation-wrapper li.rendered-link .rendered-link-content a:link,
.site-root #primary-navigation-wrapper li.rendered-link .rendered-link-content a:visited {
  color: #ffffff;
}
.site-root #primary-navigation-wrapper li.rendered-link .rendered-link-content a:hover {
  color: #ffffff;
}
.site-root #primary-navigation-wrapper li.rendered-link .rendered-link-content.description {
  color: #ffffff;
}
.site-root #primary-navigation-wrapper li.rendered-link .rendered-link-content.description a:link,
.site-root #primary-navigation-wrapper li.rendered-link .rendered-link-content.description a:visited {
  color: #ffffff;
}
.site-root #primary-navigation-wrapper li.rendered-link .rendered-link-content.description a:hover {
  color: #efefef;
}
.site-root #primary-navigation-wrapper li.rendered-link:hover {
  background-color: #0172b8;
}
.site-root #primary-navigation-wrapper li.rendered-link:hover .rendered-link-content {
  color: #ffffff;
}
.site-root #primary-navigation-wrapper li.rendered-link:hover .rendered-link-content a:link,
.site-root #primary-navigation-wrapper li.rendered-link:hover .rendered-link-content a:visited {
  color: #ffffff;
}
.site-root #primary-navigation-wrapper li.rendered-link:hover .rendered-link-content a:hover {
  color: #ffffff;
}
.site-root #primary-navigation-wrapper li.rendered-link:hover .rendered-link-content.description {
  color: #efefef;
}
.site-root #primary-navigation-wrapper li.rendered-link:hover .rendered-link-content.description a:link,
.site-root #primary-navigation-wrapper li.rendered-link:hover .rendered-link-content.description a:visited {
  color: #efefef;
}
.site-root #primary-navigation-wrapper li.rendered-link:hover .rendered-link-content.description a:hover {
  color: #efefef;
}
.site-root #primary-navigation-wrapper li.rendered-link.selected-section {
  background: #0172b8;
}
.site-root #primary-navigation-wrapper li.rendered-link.selected-section .rendered-link-content {
  color: #ffffff;
}
.site-root #primary-navigation-wrapper li.rendered-link.selected-section .rendered-link-content a:link,
.site-root #primary-navigation-wrapper li.rendered-link.selected-section .rendered-link-content a:visited {
  color: #ffffff;
}
.site-root #primary-navigation-wrapper li.rendered-link.selected-section .rendered-link-content a:hover {
  color: #ffffff;
}
#secondary-navigation-wrapper {
  background: #0172b8;
}
#secondary-navigation-wrapper li.rendered-link .rendered-link-content {
  color: #ffffff;
}
#secondary-navigation-wrapper li.rendered-link .rendered-link-content a:link,
#secondary-navigation-wrapper li.rendered-link .rendered-link-content a:visited {
  color: #ffffff;
}
#secondary-navigation-wrapper li.rendered-link .rendered-link-content a:hover {
  color: #ffffff;
}
#secondary-navigation-wrapper li.rendered-link:hover {
  background-color: #1b9cd6;
}
#secondary-navigation-wrapper li.rendered-link:hover .rendered-link-content {
  color: #ffffff;
}
#secondary-navigation-wrapper li.rendered-link:hover .rendered-link-content a:link,
#secondary-navigation-wrapper li.rendered-link:hover .rendered-link-content a:visited {
  color: #ffffff;
}
#secondary-navigation-wrapper li.rendered-link:hover .rendered-link-content a:hover {
  color: #ffffff;
}
#secondary-navigation-wrapper li.rendered-link.current-page {
  background: #ffffff;
}
#secondary-navigation-wrapper li.rendered-link.current-page .rendered-link-content {
  color: #000000;
}
#navigation.horizontal #primary-navigation ul.children-list {
  position: absolute;
  z-index: 100;
  _display: none !important;
  /* The reason we do background and then change the colour 
     is for browsers that don't handle rgba() (e.g. IE lt 8); 
     they will ignore the -color statements */

  background: #0169a9;
  background: rgba(1, 105, 169, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
  -moz-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.5);
  /* FF3.5+ */

  -webkit-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.5);
  /* Saf3.0+, Chrome */

  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.5);
  /* Opera 10.5, FF4, IE9, Chrome 10+ */

  font-size: 12px;
}
#navigation.horizontal #primary-navigation ul.children-list li {
  text-align: left;
  display: block;
}
#navigation.horizontal #primary-navigation ul.children-list li.hover {
  background: #1b9bd8;
  background-color: rgba(27, 155, 216, 0.9);
}
#navigation.horizontal #primary-navigation ul.children-list li.hover a {
  color: #ffffff;
}
#navigation.horizontal #primary-navigation ul.children-list li.hover.current-page {
  background: transparent;
}
#navigation.horizontal #primary-navigation ul.children-list li a {
  -webkit-transition: none;
  /* Saf3.1+, Chrome */

  -moz-transition: none;
  /* FF4 */

  -ms-transition: none;
  /* IE10 */

  -o-transition: none;
  /* Opera 10.5x */

  transition: none;
  color: #ffffff;
  display: block;
}
#navigation.horizontal #secondary-navigation ul.children-list {
  position: absolute;
  z-index: 100;
  _display: none !important;
  /* The reason we do background and then change the colour 
     is for browsers that don't handle rgba() (e.g. IE lt 8); 
     they will ignore the -color statements */

  background: #0169a9;
  background: rgba(1, 105, 169, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
  -moz-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.5);
  /* FF3.5+ */

  -webkit-box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.5);
  /* Saf3.0+, Chrome */

  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.5);
  /* Opera 10.5, FF4, IE9, Chrome 10+ */

  font-size: 12px;
}
#navigation.horizontal #secondary-navigation ul.children-list li {
  text-align: left;
  display: block;
}
#navigation.horizontal #secondary-navigation ul.children-list li.hover {
  background: #1b9bd8;
  background-color: rgba(27, 155, 216, 0.9);
}
#navigation.horizontal #secondary-navigation ul.children-list li.hover a {
  color: #ffffff;
}
#navigation.horizontal #secondary-navigation ul.children-list li.hover.current-page {
  background: transparent;
}
#navigation.horizontal #secondary-navigation ul.children-list li a {
  -webkit-transition: none;
  /* Saf3.1+, Chrome */

  -moz-transition: none;
  /* FF4 */

  -ms-transition: none;
  /* IE10 */

  -o-transition: none;
  /* Opera 10.5x */

  transition: none;
  color: #ffffff;
  display: block;
}
#main-content h1,
.mceContentBody h1 {
  color: #3c3c3c;
}
#main-content h1 a:link,
.mceContentBody h1 a:link,
#main-content h1 a:visited,
.mceContentBody h1 a:visited {
  color: #123e5a;
}
#main-content h1 a:hover,
.mceContentBody h1 a:hover {
  color: #3588bc;
}
#main-content h2,
.mceContentBody h2 {
  color: #0373b5;
}
#main-content h2 a:link,
.mceContentBody h2 a:link,
#main-content h2 a:visited,
.mceContentBody h2 a:visited {
  color: #123e5a;
}
#main-content h2 a:hover,
.mceContentBody h2 a:hover {
  color: #3588bc;
}
#main-content h3,
.mceContentBody h3 {
  color: #0373b5;
}
#main-content h3 a:link,
.mceContentBody h3 a:link,
#main-content h3 a:visited,
.mceContentBody h3 a:visited {
  color: #123e5a;
}
#main-content h3 a:hover,
.mceContentBody h3 a:hover {
  color: #3588bc;
}
#main-content h4,
.mceContentBody h4 {
  color: #0373b5;
}
#main-content h4 a:link,
.mceContentBody h4 a:link,
#main-content h4 a:visited,
.mceContentBody h4 a:visited {
  color: #123e5a;
}
#main-content h4 a:hover,
.mceContentBody h4 a:hover {
  color: #3588bc;
}
#main-content h5,
.mceContentBody h5 {
  color: #0373b5;
}
#main-content h5 a:link,
.mceContentBody h5 a:link,
#main-content h5 a:visited,
.mceContentBody h5 a:visited {
  color: #123e5a;
}
#main-content h5 a:hover,
.mceContentBody h5 a:hover {
  color: #3588bc;
}
#main-content h6,
.mceContentBody h6 {
  color: #0373b5;
}
#main-content h6 a:link,
.mceContentBody h6 a:link,
#main-content h6 a:visited,
.mceContentBody h6 a:visited {
  color: #123e5a;
}
#main-content h6 a:hover,
.mceContentBody h6 a:hover {
  color: #3588bc;
}
#main-content hr,
.mceContentBody hr {
  background: #888888;
}
#main-content .boxstyle_.box1,
.mceContentBody .boxstyle_.box1 {
  background: #0374ba;
  border: 0px solid transparent;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  /* FF1-3.6 */

  -webkit-border-radius: 0px;
  /* Saf3-4, iOS 1-3.2, Android <1.6 */

  border-radius: 0px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -ms-background-clip: padding-box;
  background-clip: padding-box;
  color: #ffffff;
}
#main-content .boxstyle_.box1 h2,
.mceContentBody .boxstyle_.box1 h2,
#main-content .boxstyle_.box1 h3,
.mceContentBody .boxstyle_.box1 h3,
#main-content .boxstyle_.box1 h4,
.mceContentBody .boxstyle_.box1 h4,
#main-content .boxstyle_.box1 h5,
.mceContentBody .boxstyle_.box1 h5,
#main-content .boxstyle_.box1 h6,
.mceContentBody .boxstyle_.box1 h6 {
  color: #ffffff;
}
#main-content .boxstyle_.box1 a,
.mceContentBody .boxstyle_.box1 a {
  color: #ffffff;
}
#main-content .boxstyle_.box1 a:hover,
.mceContentBody .boxstyle_.box1 a:hover {
  color: lightGrey;
}
#main-content .boxstyle_.box1 blockquote.quotes,
.mceContentBody .boxstyle_.box1 blockquote.quotes {
  color: #ffffff;
}
#main-content .boxstyle_.box1 pre,
.mceContentBody .boxstyle_.box1 pre {
  color: black;
}
#main-content .boxstyle_.box2,
.mceContentBody .boxstyle_.box2 {
  background: #3c3c3c;
  border: 0px solid transparent;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  /* FF1-3.6 */

  -webkit-border-radius: 0px;
  /* Saf3-4, iOS 1-3.2, Android <1.6 */

  border-radius: 0px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -ms-background-clip: padding-box;
  background-clip: padding-box;
  color: #ffffff;
}
#main-content .boxstyle_.box2 h2,
.mceContentBody .boxstyle_.box2 h2,
#main-content .boxstyle_.box2 h3,
.mceContentBody .boxstyle_.box2 h3,
#main-content .boxstyle_.box2 h4,
.mceContentBody .boxstyle_.box2 h4,
#main-content .boxstyle_.box2 h5,
.mceContentBody .boxstyle_.box2 h5,
#main-content .boxstyle_.box2 h6,
.mceContentBody .boxstyle_.box2 h6 {
  color: #ffffff;
}
#main-content .boxstyle_.box2 a,
.mceContentBody .boxstyle_.box2 a {
  color: #ffffff;
}
#main-content .boxstyle_.box2 a:hover,
.mceContentBody .boxstyle_.box2 a:hover {
  color: lightGrey;
}
#main-content .boxstyle_.box2 blockquote.quotes,
.mceContentBody .boxstyle_.box2 blockquote.quotes {
  color: #ffffff;
}
#main-content .boxstyle_.box2 pre,
.mceContentBody .boxstyle_.box2 pre {
  color: black;
}
#main-content .boxstyle_.box3,
.mceContentBody .boxstyle_.box3 {
  background: transparent;
  border: 1px solid #08466d;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  /* FF1-3.6 */

  -webkit-border-radius: 0px;
  /* Saf3-4, iOS 1-3.2, Android <1.6 */

  border-radius: 0px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -ms-background-clip: padding-box;
  background-clip: padding-box;
  color: inherit;
}
#main-content .boxstyle_.box4,
.mceContentBody .boxstyle_.box4 {
  background: #6d6d6d;
  border: 0px solid transparent;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  /* FF1-3.6 */

  -webkit-border-radius: 0px;
  /* Saf3-4, iOS 1-3.2, Android <1.6 */

  border-radius: 0px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -ms-background-clip: padding-box;
  background-clip: padding-box;
  color: #ffffff;
}
#main-content .boxstyle_.box4 h2,
.mceContentBody .boxstyle_.box4 h2,
#main-content .boxstyle_.box4 h3,
.mceContentBody .boxstyle_.box4 h3,
#main-content .boxstyle_.box4 h4,
.mceContentBody .boxstyle_.box4 h4,
#main-content .boxstyle_.box4 h5,
.mceContentBody .boxstyle_.box4 h5,
#main-content .boxstyle_.box4 h6,
.mceContentBody .boxstyle_.box4 h6 {
  color: #ffffff;
}
#main-content .boxstyle_.box4 a,
.mceContentBody .boxstyle_.box4 a {
  color: #ffffff;
}
#main-content .boxstyle_.box4 a:hover,
.mceContentBody .boxstyle_.box4 a:hover {
  color: lightGrey;
}
#main-content .boxstyle_.box4 blockquote.quotes,
.mceContentBody .boxstyle_.box4 blockquote.quotes {
  color: inherit;
}
#main-content .boxstyle_.box4 pre,
.mceContentBody .boxstyle_.box4 pre {
  color: black;
}
#footer {
  background-color: #3d3d3d;
}
#header {
  background-color: white;
}
#header #page-header #site-header-container {
  width: 100%;
}
#header #page-header #site-header-container h1#site-header,
#header #page-header #site-header-container h2#strapline {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: -0.5px;
  text-shadow: none;
}
#header #page-header #site-header-container h1#site-header {
  background: url(logo.jpg) no-repeat left 50%;
  font-size: 2.3rem;
}
#navigation.horizontal .fixed-width ul#primary-navigation.cols-6 li.section {
  position: relative;
  width: 159px;
  border-right: 1px solid #c1d1db;
}
#navigation.horizontal .fixed-width ul#primary-navigation.cols-6 li.section:last-child {
  border-right: none;
  width: 160px;
}
#navigation.horizontal .fixed-width ul#primary-navigation.cols-6 li.section:first-child {
  width: 159px;
}
#navigation.horizontal .fixed-width ul#primary-navigation.cols-6 li.section:before,
#navigation.horizontal .fixed-width ul#primary-navigation.cols-6 li.section:after {
  content: "";
  width: 1px;
  height: 5px;
  background-color: #08466d;
  position: absolute;
  right: -1px;
  z-index: 1;
}
#navigation.horizontal .fixed-width ul#primary-navigation.cols-6 li.section:before {
  top: 0;
}
#navigation.horizontal .fixed-width ul#primary-navigation.cols-6 li.section:after {
  bottom: 0;
}
#navigation.horizontal .fixed-width ul#primary-navigation.cols-6 li.section ul.children-list {
  left: 0!important;
}
#footer {
  color: white;
}
#footer a:link {
  color: white;
}
#footer a:visited {
  color: lightGrey;
}
#footer a:hover {
  color: #94d5f3;
}
#footer .social-media-icons {
  padding-top: 10px;
  margin-right: 2px;
}
#footer .social-media-icons a img {
  width: 39px;
  height: 39px;
}
#footer .social-media-icons a.facebook img {
  background-image: url(facebook.png);
}
#footer .social-media-icons a.twitter img {
  background-image: url(twitter.png);
}
#footer .social-media-icons a.vimeo img {
  background-image: url("vimeo.png");
}
#footer .footer-buttons {
  background-color: #303030;
  margin: -16px -16px 16px;
  padding: 10px 10px 10px 20px;
}
#footer .footer-buttons a.button {
  background-color: #0072b8;
  display: inline-block;
  padding: 6px 8px;
  margin: 5px 10px 5px 0;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}
#footer .footer-links {
  float: left;
  width: 216px;
  margin-bottom: 16px;
  margin-left: 16px;
  font-size: 13px;
  line-height: 1.6em;
}
#footer .footer-links:nth-child(5) {
  margin-left: 0;
}
#footer .footer-links h5 {
  border-bottom: 1px solid #d9d9d7;
  width: 62%;
  font-weight: normal;
  padding-bottom: 2px;
  margin-bottom: 2px;
}
#footer .footer-links h6 {
  margin-bottom: 6px;
}
#footer .footer-links ul {
  padding-left: 0;
  list-style-type: none;
  margin: 0;
}
#footer .footer-links ul li {
  margin-bottom: 4px;
}
#footer .footer-links a:link {
  text-decoration: none;
}
#footer .footer-links a:hover {
  text-decoration: underline;
}
#footer .footer-contact {
  list-style: none;
  padding-left: 0;
}
#footer .partner-logos {
  float: left;
  display: inline-block;
  padding: 0 18px;
  width: 100%;
  box-sizing: border-box;
}
#footer .partner-logos img {
  margin-left: 22px;
}
#footer .partner-logos h5 {
  display: inline;
  vertical-align: top;
}
#footer .footer-logo {
  float: right;
  clear: left;
}
#footer .footer-logo img.logo {
  background: url(ws-logo-footer-sml.png) no-repeat left top;
  height: 48px;
  width: 198px;
  margin-bottom: -4px;
  margin-right: 18px;
}
#footer .intranet-link {
  float: none;
  margin-right: 0;
}
.is-smallscreen #header {
  background-color: white;
}
.is-smallscreen #page-header #site-header-container,
.is-smallscreen #page-header #site-header-container a:link,
.is-smallscreen #page-header #site-header-container a:visited,
.is-smallscreen #page-header #site-header-container a:hover {
  color: #0072b8;
}
.is-smallscreen #header #page-header #site-header-container h1#site-header {
  margin-bottom: 0;
  background-image: none;
}
.is-smallscreen #footer .partner-logos span.external {
  display: none;
}
.is-smallscreen #footer .footer-buttons {
  margin-top: -30px;
  padding-top: 36px;
}
.is-smallscreen #footer .footer-links,
.is-smallscreen #footer .footer-contact,
.is-smallscreen #footer footer-logo {
  float: none;
  width: auto;
  margin-bottom: 12px;
}
.is-smallscreen #footer .intranet-link {
  float: left;
  display: block;
  margin-right: 0;
}
.is-smallscreen #footer .footer-logo {
  float: none;
}
.is-smallscreen #footer .footer-logo img.logo {
  background-size: contain;
  margin-right: none;
}
.is-tablet #page-header #site-header-container {
  width: 100%;
}