/* ------------------------------------------------------------

  * Secure World
  * Coded by Bruce Clark of Imulus

  screen.css
  - Site wide style, layout, and function

------------------------------------------------------------ */
/* =LESS Vars and Functions 
------------------------------------------------------------ */
.fontPrimary {
  font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
/* =Fonts
------------------------------------------------------------ */
@font-face {
  font-family: 'PTSansRegular';
  src: url('/css/fonts/pts55f-webfont.eot');
  src: local('☺'), url('/css/fonts/pts55f-webfont.woff') format('woff'), url('/css/fonts/pts55f-webfont.ttf') format('truetype'), url('/css/fonts/pts55f-webfont.svg#webfontVcwoZCFu') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PTSansNarrowRegular';
  src: url('/css/fonts/ptn57f-webfont.eot');
  src: local('☺'), url('/css/fonts/ptn57f-webfont.woff') format('woff'), url('/css/fonts/ptn57f-webfont.ttf') format('truetype'), url('/css/fonts/ptn57f-webfont.svg#webfontz2jOFhc4') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans Mono';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/NotoSansMono-Regular.eot');
  /* IE9 Compat Modes */
  src: local(''), url('/css/fonts/NotoSansMono-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/css/fonts/NotoSansMono-Regular.woff') format('woff'), /* Modern Browsers */ url('/css/fonts/NotoSansMono-Regular.tff') format('truetype') /* Safari, Android, iOS */;
}
/* =Initial Page Structure
------------------------------------------------------------ */
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  list-style: none;
}
html {
  font: 12px/1.5 Arial, Helvetica, sans-serif;
  color: #333;
}
body {
  position: relative;
  background-color: #C9D3DF;
}
#upper {
  background-color: #0A3B60;
  width: 920px;
  height: 194px;
  margin: 0 auto;
  position: relative;
}
.home #upper {
  height: 146px;
}
.wrapper {
  width: 920px;
  margin: 0 auto;
}
.home #lower .wrapper {
  position: relative;
  background: #fff;
  padding-bottom: 0;
}
#header {
  position: relative;
  float: left;
  z-index: 100;
  height: 146px;
  width: 100%;
}
#hero-background {
  position: absolute;
  background-image: url('/images/layout/header/website-texture.jpg');
  background-size: contain;
  background-repeat: repeat-x;
  top: 0;
  left: 0;
  height: 491px;
  width: 100%;
}
#content {
  position: relative;
  z-index: 50;
}
#footer {
  clear: both;
  position: relative;
  font-size: 11px;
}
/* =Basic Element Styles
------------------------------------------------------------ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#main h2,
#main h3,
#main h4,
#main h5 {
  padding-top: 5px;
}
h1 {
  font-size: 25px;
  padding-bottom: 6px;
  color: #0A3B60;
  font-weight: bold;
}
h2 {
  font-size: 20px;
  color: #0A3B60;
}
h3 {
  font-size: 18px;
  color: #0A3B60;
}
.home h3 {
  font-size: 20px;
  padding: 0 0 10px 0;
  font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
h4,
h5,
h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #333;
}
p {
  padding-bottom: 15px;
}
sup {
  vertical-align: top;
  font-size: 10px;
}
sub {
  font-size: 10px;
  vertical-align: bottom;
}
#main ul,
#main ol {
  padding: 0 0 10px 25px;
}
#main ul ul,
#main ol ol {
  padding: 5px 0 0 21px;
}
#main ul li {
  list-style-type: square;
  padding: 0 0 3px 0;
}
#main ul ul li {
  list-style: disc;
}
#main ol li {
  padding: 0 0 3px 0;
  list-style: decimal;
}
.spacer {
  padding-top: 5px;
  padding-right: 10px;
}
input,
textarea {
  padding: 2px;
  border: 1px solid #999;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
input.submit {
  border: 0 !important;
  padding: 0 0 0 3px !important;
  background: transparent !important;
  width: auto !important;
}
input.button-submit {
  background: #3da8d1;
  padding: 6px 15px;
  border: 1px solid #0C789E;
  color: #fff;
  float: left;
  width: 100px !important;
  font-weight: bold;
}
select {
  padding: 0;
  border: 1px solid #999;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
img,
a img {
  border: 0;
  vertical-align: middle;
}
a {
  color: #386489;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  font-weight: bold;
}
a:hover {
  border-bottom: 1px solid #0A3B60;
}
a.button img {
  margin-top: 15px;
}
.update-date {
  display: block;
  clear: both;
  color: #386489;
  margin-top: 10px;
}
/* =Custom Elements
------------------------------------------------------------ */
span.gray {
  color: #777777;
  font-size: 12px;
}
.lmumblabel {
  padding-bottom: 0;
}
.lmumbinput input {
  width: 200px;
  padding: 5px 2px;
}
.lmumbsubmit,
a.button-blue {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #386489;
  border: 1px solid #0A3B60;
  padding: 2px 10px;
  color: #fff;
  font: 12px/1.5 "Noto Sans Mono", sans-serif;
}
.lmumbsubmit,
a.button-blue:hover {
  background-color: #0A3B60;
}
a.button-blue {
  margin-top: 8px;
}
.share-nav {
  float: right;
  margin-right: 5px;
}
.share-nav img {
  margin-top: -1px;
}
.share-nav a {
  margin-top: 2px;
  color: #669431;
  text-decoration: none;
}
/* =Utilities
------------------------------------------------------------ */
.left {
  float: left;
  padding: 5px 16px 10px 0;
}
.right {
  float: right;
  padding: 5px 0 10px 16px;
}
.clear {
  clear: both;
}
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}
.clear-none {
  clear: none;
}
.center {
  text-align: center;
}
.autoclear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.autoclear {
  display: inline-block;
}
.autoclear {
  display: block;
}
.gray {
  color: #565656;
}
.green {
  color: #669431;
}
.purple {
  color: #946d9f;
}
/* =Custom Utilities
------------------------------------------------------------ */
.bgwhite {
  background-color: #fff;
}
.topspace {
  padding-top: 9px;
}
.reset {
  margin: 0;
  padding: 0;
}
/* =Forms
------------------------------------------------------------ */
.forms p {
  position: relative;
  float: left;
  clear: left;
  padding: 0 0 15px 150px;
}
.forms p sup {
  padding-left: 10px;
  font-size: 20px;
  color: #99281F;
}
.forms p label.name {
  position: relative;
  float: left;
  width: 140px;
  padding-right: 10px;
  margin-left: -150px;
  text-align: right;
}
.forms span.error {
  display: block;
  position: absolute;
  right: 0;
  width: 240px;
  color: #999;
  font-size: .9em;
  background: #eee;
  padding: 3px 5px 4px 5px;
  border: 1px solid #ccc;
  line-height: 1em;
}
.forms p input {
  width: 300px;
}
.forms p input.small {
  width: 70px;
}
.forms p input.medium {
  width: 200px;
}
.forms p input.large {
  width: 300px;
}
.forms p input.submit {
  border: 1px solid #ccc;
  background: #eee;
  width: auto;
  height: auto;
  padding: 2px 5px;
}
.forms p textarea {
  width: 300px;
}
.forms p textarea.short {
  height: 70px;
}
.forms p textarea.tall {
  height: 180px;
}
.forms p span.radcheck input {
  border: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 5px;
}
.forms p select {
  border: 1px solid #ccc;
  width: 306px;
}
/* =Layout and Function
------------------------------------------------------------ */
/* =Header
------------------------------------------------------------ */
#header div.logo {
  display: block;
  float: left;
  width: 196px;
  height: 70px;
  padding-left: 20px;
  transform: translateY(30%);
}
#header div.logo a {
  display: block;
  height: 100%;
  width: 100%;
}
#header div.logo a img {
  height: 100%;
}
#header span.tagline {
  position: relative;
  float: left;
  margin: 67px 0px 10px 20px;
  color: #fff;
  font-family: "Noto Sans Mono", sans-serif;
  font-size: 11px;
}
#search {
  position: absolute;
  right: 12px;
  padding-right: 170px;
}
#search .search-links {
  position: relative;
  float: left;
  margin-left: 152px;
  margin-top: 66px;
}
#search .search-links a {
  text-decoration: none;
  margin-left: 10px;
  color: #fff ;
  font-weight: normal;
  border-bottom: 1px solid transparent;
}
#search .search-links a:hover {
  border-bottom: 1px solid white;
}
#search .searcher {
  position: absolute;
  right: 0;
  bottom: -5px;
}
#search .searcher p {
  padding: 0;
}
#google-searchbar {
  width: 155px;
}
#search .searcher input.gsc-input {
  font-size: 12px;
  background-image: none !important;
}
#search .searcher .gsc-input .gsc-input-box {
  height: auto;
  border: none;
}
#search .searcher .gsc-input .gsib_a {
  padding-right: 0;
  padding-left: 6px;
  padding-top: 0;
}
#search .searcher .gsc-input .gsib_b {
  display: none;
}
#search .searcher button.gsc-search-button,
#search .searcher button.gsc-search-button:hover,
#search .searcher button.gsc-search-button:focus {
  border-color: #197099;
  background-color: #306388;
  padding: 7.5px 13px;
  margin-top: 0;
  margin-left: -12px;
  border: none;
  border-radius: 0;
}
#content #main #google-search-results table th,
#content #main #google-search-results table td {
  padding: 0;
  border: none;
}
/* =Navigation
------------------------------------------------------------ */
#navigation {
  position: absolute;
  clear: both;
  background-color: #386489;
  border-radius: 4px;
  width: 100%;
  height: 38px;
  margin: 0;
  zoom: 1;
  z-index: 10;
  bottom: 0;
}
.home #navigation {
  border-radius: 4px 4px 0 0;
}
#navigation ul#nav {
  position: relative;
  float: left;
}
#navigation ul#nav li {
  position: relative;
  float: left;
}
#navigation ul#nav li.item1 {
  width: 105px;
}
#navigation ul#nav li.item2 {
  width: 135px;
}
#navigation ul#nav li.item3 {
  width: 139px;
}
#navigation ul#nav li.item4 {
  width: 237px;
}
#navigation ul#nav li.item5 {
  width: 180px;
}
#navigation ul#nav li.item6 {
  width: 124px;
}
#navigation ul#nav li a {
  border-width: 0 1px;
  text-align: center;
  display: block;
  color: #fff;
  text-transform: uppercase;
  line-height: 38px;
  height: 38px;
  font-size: 12px;
  font-weight: bold;
  background-color: #386489;
  border-right: 1px solid #0A3B60;
  border-left: 1px solid #0A3B60;
  font-family: "Noto Sans", sans-serif;
}
#navigation ul#nav li.first a {
  border-left: 0;
}
#navigation ul#nav li.last a {
  border-right: 1px solid #333;
}
#navigation ul#nav li a:hover,
#navigation ul#nav li:hover a,
#navigation ul#nav li#active a {
  text-decoration: none;
  background-color: #FDB527;
  color: #0A3B60;
}
#navigation ul#nav li#active a {
  background-color: #FDB527;
}
#navigation ul#nav li#active:hover a {
  background-color: #FDB527;
}
/* =DropDown Navigation
------------------------------------------------------------ */
#navigation ul#nav li ul {
  display: block;
  position: absolute;
  left: -999em;
  background: #F6F8F9;
  border: 1px solid #3296CA;
  border-top: 0;
  border-radius: 0 0 6px 6px;
  z-index: 60;
}
#header #navigation ul#nav li.item1 ul {
  width: 180px;
}
#navigation ul#nav li:hover ul {
  display: block;
  width: 240px;
  left: 0;
  top: 38px;
  padding: 0;
  position: absolute;
  margin: 0;
  opacity: 1;
}
#navigation ul#nav li.last:hover ul {
  left: auto;
  right: 0;
}
#navigation ul#nav li ul li {
  width: 95%;
  margin-left: 3%;
  background: transparent;
  border: 0;
  font-size: 12px;
  background: #F6F8F9;
  height: auto;
}
#header #navigation ul#nav li:hover ul li a,
#header #navigation ul#nav li#active ul li a {
  display: block;
  background: transparent;
  height: auto;
  line-height: 16px;
  text-decoration: none;
  padding: 6px 5px;
  margin: 0;
  cursor: pointer;
  text-align: left;
  color: #386489;
  border: none;
  border-bottom: 1px solid #0A3B60;
  text-transform: none;
  font-weight: normal;
}
ul#nav li ul li:hover a {
  background-color: #E4EAF0 !important;
  color: #0A3B60;
}
#header #navigation ul#nav li:hover ul li:last-child a,
#header #navigation ul#nav li#active ul li:last-child a {
  border-bottom: 0;
}
#header #navigation ul#nav li:hover ul li a:hover,
#header #navigation ul#nav li#active ul li a:hover {
  color: #0A3B60;
}
/* =Slideshow
------------------------------------------------------------ */
#slideshow {
  position: relative;
  height: 345px;
  overflow: hidden;
  background: #195f81;
  z-index: 1;
  width: 920px;
  margin: 0 auto;
}
#slideshow .slide {
  height: 345px;
  width: 100%;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
#slideshow .slide .holder {
  display: table;
  width: 100%;
}
#slideshow .slide .edge {
  display: table-cell;
  background: url(/images/layout/global/blue-trans.png);
}
#slideshow .slide .wrapper {
  display: table-cell;
  height: 345px;
  width: 920px;
}
#slideshow .slide h2 {
  color: #fff;
  font-size: 32px;
  padding: 55px 175px 25px 35px;
  line-height: 1.2;
}
#slideshow .slide a.button {
  margin: 0 0 0 35px;
  float: left;
  display: block;
  padding: 18px 35px 18px 25px;
  color: #0A3B60;
  font-size: 13px;
  font-family: "Noto Sans Mono", sans-serif;
  background-color: #FDB527;
  text-transform: uppercase;
  border: none;
  position: relative;
}
#slideshow .slide a.button::after {
  content: "›››";
  color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  font-family: "Noto Sans Mono", sans-serif;
  transform: translateY(-51%);
}
#slideshow .slide a.button:hover {
  border: none;
}
#content .pager {
  position: absolute;
  right: 35px;
  top: -35px;
  z-index: 20;
}
#content .pager span {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 9px;
  text-indent: -9999px;
  background: #fff;
  margin: 0 5px;
  background: #3785c3;
  border: 2px solid #fff;
  cursor: pointer;
}
#content .pager span.cycle-pager-active {
  background: #fff;
}
/* =Content
------------------------------------------------------------ */
/* =Homepage
------------------------------------------------------------ */
.home #lower #right-column h1 {
  padding-bottom: 0;
}
.home #left-column {
  width: 400px;
  float: left;
  margin: 30px 0px 30px 30px;
  padding-right: 32px;
  border-right: 1px solid #ddd;
}
.home #left-column h3.view-all,
.home #right-column h3.view-all {
  padding-top: 2px;
}
.home #left-column h3.view-all a,
.home #right-column h3.view-all a {
  font-weight: normal;
  color: #386489;
  font-size: 17px;
}
.home #left-column h3.view-all a:hover,
.home #right-column h3.view-all a:hover {
  color: #0A3B60;
}
.home #left-column h2,
.home #right-column h2 {
  font-size: 24px;
  font-weight: bold;
  color: #0A3B60;
  line-height: 1.2;
}
.home #left-column .action-button.white {
  display: none;
}
.home #left-column .news-item {
  border-top: 1px solid #FDB527;
  padding: 12px 0;
}
.home #left-column .news-item.first {
  border-top: 0;
}
.home #left-column .news-item h3 {
  font: 12px/1.5 Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
}
.home #left-column .news-item h3 a {
  color: #0A3B60;
  font-weight: normal;
}
.home #left-column .news-item > p {
  padding-bottom: 0;
}
.home #left-column .date {
  font-weight: bold;
  color: #0A3B60;
  padding: 0;
}
.home #left-column .date em {
  font-style: normal;
  font-family: "Noto Sans", sans-serif;
  color: #0A3B60;
}
.home #right-column .newslist li {
  border-bottom: 1px solid #FDB527;
  padding: 12px 0;
  margin: 0;
}
.home #right-column .newslist li:last-child {
  border-bottom: 0;
}
.home #right-column .spaced {
  margin-top: 12px;
}
.home #right-column .newslist li a,
.home #right-column .newslist li span.engagement {
  display: block;
}
.home #right-column .newslist li a strong,
.home #right-column .newslist li span.engagement strong {
  display: block;
  color: #0A3B60;
}
.home #right-column .newslist li a span,
.home #right-column .newslist li span.engagement span {
  display: block;
  color: #386489;
}
.home #right-column .newslist li a:hover span {
  color: #888;
}
.home #right-column .newslist li a .read-more {
  color: #347caf;
  font-weight: bold;
}
.home #right-column {
  width: 400px;
  float: right;
  margin: 30px 30px 30px 10px;
}
.home #banners {
  width: 920px;
  float: left;
  margin-top: 35px;
}
.home #banners h3 {
  color: #444;
}
.home #banners img {
  padding-top: 1px;
}
.slide .banner-secondary img {
  float: right;
  display: block;
  margin: 10px;
  margin-top: 45px;
}
.home #left-box {
  background: #eee;
  width: 421px;
  height: 134px;
  margin-left: 30px;
  padding-right: 8px;
  margin-right: 10px;
  float: left;
}
.home #right-box {
  background: #f2f0d3;
  width: 421px;
  height: 134px;
  float: left;
}
.home .sub-left {
  float: left;
  padding-right: 10px;
  padding-top: 5px;
  width: 75px;
}
.home .sub-right {
  float: right;
  width: 295px;
}
.home .box-wrapper {
  float: left;
  margin: 15px 0px 0px 25px;
  width: 380px;
}
.home .box-wrapper img {
  float: left;
  padding-right: 20px;
}
.home .box-wrapper p {
  float: left;
  width: 200px;
}
.home .box-wrapper a.button {
  display: block;
  float: right;
}
.home .box-wrapper a.button img {
  clear: both;
  margin-top: 10px;
  padding: 0;
}
/* =Sidebar
------------------------------------------------------------ */
#sidebar {
  position: relative;
  float: left;
  width: 225px;
}
#sidebar #sub-menu {
  width: 228px;
  float: left;
  background: url(/images/layout/content/side-bar-top.png) no-repeat left top;
  padding-top: 16px;
  margin-top: -25px;
  margin-left: -4px;
}
#sidebar #sub-menu .sub-menu-outter {
  background: url(/images/layout/content/side-bar-bottom.png) no-repeat left bottom;
  padding-bottom: 16px;
}
#sidebar #sub-menu .sub-menu-inner {
  background: url(/images/layout/content/side-bar-tile.png) repeat-y left top;
  min-height: 100px;
}
#sidebar #sub-menu .title {
  height: 35px;
  width: 225px;
  background: #dbf3fe;
}
#sidebar #sub-menu .title a {
  float: left;
  margin: 7px 0px 0px 25px;
}
#sidebar #sub-menu ul {
  margin: 0 6px;
  border-top: 1px solid #ddd;
}
#sidebar #sub-menu ul ul {
  border-top: 0;
  padding: 5px 0 10px 10px;
}
#sidebar #sub-menu ul ul {
  display: none;
}
#sidebar #sub-menu ul li#side-active ul {
  display: block;
}
#sidebar #sub-menu ul li {
  border-bottom: 1px solid #ddd;
}
#sidebar #sub-menu ul li a {
  display: block;
  padding: 5px 20px 5px 15px;
  color: #386489;
}
#sidebar #sub-menu ul li a:hover {
  color: #0A3B60;
  background-color: #E4EAF0;
}
#sidebar #sub-menu ul li#side-active > a {
  background-color: #E4EAF0;
  color: #0A3B60;
}
#sidebar #sub-menu ul li.arrow > a {
  background: transparent url(/images/icons/side-arrow.gif) no-repeat 95% 12px;
}
#sidebar #sub-menu ul li#side-active.arrow > a {
  background: #E4EAF0 url(/images/icons/down-arrow.gif) no-repeat 95% 12px;
}
#sidebar #sub-menu ul ul li {
  border: 0;
}
#sidebar #sub-menu ul ul li a {
  padding: 2px 15px;
  font-size: 12px;
}
#sidebar #sub-menu ul li#side-active ul li a:hover,
#sidebar #sub-menu ul li#side-active ul li#side-active-2 a {
  color: #0A3B60;
}
#sidebar #sub-menu a {
  color: #1f1f1f;
  font-size: 13px;
  font-weight: normal;
  border-bottom: none;
}
#sidebar #sub-menu li a:hover {
  color: #267da6;
  border-bottom: none;
}
#sidebar #sub-menu a.blue {
  color: #267da6;
}
#sidebar #sub-menu .sub-title {
  border: 1px solid #c9e6f3;
  border-width: 1px 0 0 0;
  width: 200px;
  float: left;
  padding: 8px 0px 8px 25px;
}
#sidebar #sub-menu .spacer {
  margin-top: 18px;
}
#sidebar #call-to-action {
  clear: both;
  padding: 20px 0 0 0;
}
#sidebar #call-to-action .banner {
  padding: 0 12px 0 12px;
  margin: 0 10px 10px 5px;
  border-bottom: 1px solid #ccc;
}
#sidebar #call-to-action .banner p {
  padding: 0 0 10px 0;
}
#sidebar #call-to-action .banner p a {
  color: #555;
}
img.side-sep {
  padding-top: 10px;
}
img.arrow {
  padding: 0px 0px 2px 3px;
}
img.sub-icon {
  float: left;
  padding-right: 5px;
  padding-top: 3px;
}
/* =Main Content
------------------------------------------------------------ */
#main {
  position: relative;
  float: right;
  width: 690px;
  margin-top: -25px;
  margin-right: -5px;
  padding-top: 18px;
  background: url(/images/layout/content/main-content-top.png) no-repeat left top;
}
#main .main-outter {
  padding-bottom: 18px;
  background: url(/images/layout/content/main-content-bottom.png) no-repeat left bottom;
}
#main .main-inner {
  padding: 0 35px 0 35px;
  background: transparent url(/images/layout/content/main-content-tile.png) repeat-y left top;
  zoom: 1;
}
.sub #main .main-inner .banner-quote {
  width: 200px;
  font-family: georgia, serif;
  font-size: 16px;
  font-style: italic;
  float: right;
  border-top: 1px solid #0A3B60;
  border-bottom: 1px solid #0A3B60;
  padding: 10px 20px;
  margin-left: 25px;
  background-color: #E4EAF0;
  color: #0A3B60;
}
.wrapper.full-width #main {
  width: 925px;
  margin-right: -3px;
  padding-top: 13px;
  background: url(/images/layout/content/main-full-top.png) no-repeat left top;
}
.wrapper.full-width #main .main-outter {
  background: url(/images/layout/content/main-full-bottom.png) no-repeat left bottom;
  padding-bottom: 16px;
}
.wrapper.full-width #main .main-inner {
  background: url(/images/layout/content/main-full-tile.png) repeat-y left top;
  min-height: 200px;
  padding: 0 25px;
}
.wrapper.full-width #main {
  width: 925px;
  margin-right: -3px;
  padding-top: 13px;
  background: url(/images/layout/content/main-full-top.png) no-repeat left top;
}
.wrapper.full-width #main .main-outter {
  background: url(/images/layout/content/main-full-bottom.png) no-repeat left bottom;
  padding-bottom: 16px;
}
.wrapper.full-width #main .main-inner {
  background: url(/images/layout/content/main-full-tile.png) repeat-y left top;
  min-height: 200px;
  padding: 0 25px;
}
/* =Tables
------------------------------------------------------------ */
#content #main table {
  width: 100%;
  margin-bottom: 15px;
  border-collapse: collapse;
  border-spacing: 0;
}
#content #main table th {
  font-weight: bold;
  text-align: left;
  background: #c3d9ff;
}
#content #main table th,
#content #main table td {
  padding: 5px 10px 5px 5px;
  border: 1px solid #999;
}
#content #main table td {
  background: #fff;
}
#content #main table tbody tr:nth-child(even) td,
#content #main table tbody tr.even td {
  background: #eee;
}
#content #main table tfoot {
  font-style: italic;
}
/* =Resource Library
------------------------------------------------------------ */
.sub.resource-library #main {
  width: 925px;
  padding: 0;
  margin-right: -3px;
  padding-top: 13px;
  background: url(/images/layout/content/main-full-top.png) no-repeat left top;
}
.sub.resource-library #main .main-outter {
  padding: 0;
  margin: 0;
  background: url(/images/layout/content/main-full-bottom.png) no-repeat left bottom;
  padding-bottom: 16px;
}
.sub.resource-library #main .main-inner {
  padding: 5px;
  margin: 0;
  background: url(/images/layout/content/main-full-tile.png) repeat-y left top;
  min-height: 200px;
}
.sub.resource-library #main .main-inner img {
  margin-top: -13px;
}
.sub.resource-library #main .main-inner-wrapper {
  padding: 20px 28px 0 28px;
}
.sub.resource-library #main .resource-list {
  padding: 0;
  border-top: 1px solid #d0dde3;
  margin-bottom: 15px;
  margin-top: 10px;
}
.sub.resource-library #main .resource-list li {
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #d0dde3;
}
.sub.resource-library #main .resource-list li a {
  display: block;
  padding: 5px 15px;
}
.sub.resource-library #main .resource-list li a:hover,
.sub.resource-library #main .resource-list li.alt a:hover {
  background: #ecf7fd;
}
.sub.resource-library #main .resource-list li.alt a {
  background: #f4f8fa;
}
.sub.resource-library #main .resource-list li a h3 {
  color: #e7633a;
  font-family: arial;
  font-size: 18px;
}
.sub.resource-library #main .resource-list li a p {
  padding: 0 0 8px 0;
  color: #555;
}
/* =Event Single Page
------------------------------------------------------------ */
.sub.event #main {
  float: left;
  margin-left: -4px;
}
.sub.event #content #main h2 {
  padding-bottom: 10px;
}
.sub.event #content #main h3 {
  font-family: arial;
  font-size: 13px;
  color: #333;
}
.sub.event #content #main h3.date {
  display: inline;
}
.sub.event #content #main h3.date.first,
.sub.event #content #main h3.where {
  padding-left: 20px;
}
.sub.event #content #main .event-content {
  padding-top: 15px;
}
.sub.event #sidebar {
  float: right;
}
.sub.event #content #main .tabs {
  position: relative;
}
.sub.event #content #main .tabs .tab-nav {
  float: left;
  width: 135px;
  border-bottom: 0;
  padding: 0;
  margin: 15px 0 0 0;
  background: #fff;
}
.sub.event #content #main .tabs .tab-nav li {
  padding: 0;
  margin: 0;
  border: 1px solid #fff;
  list-style: none;
}
.sub.event #content #main .tabs .tab-nav li.active {
  border: 1px solid #ddd;
  border-right: 0;
  background: #e6e6e6;
}
.sub.event #content #main .tabs .tab-nav li a {
  display: block;
  padding: 7px 10px;
  outline: 0;
  border-bottom: none;
}
.sub.event #content #main .tabs .tab-nav li a:hover {
  border-bottom: none;
}
.sub.event .tabs .tab-holder {
  float: left;
  width: 485px;
  margin-bottom: 20px;
  background: #fff;
}
.sub.event .tabs .tab {
  border: 1px solid #ddd;
  background: #e6e6e6;
  padding: 15px 20px 5px 20px;
  min-height: 300px;
}
.sub.event .tabs .tab.photos {
  text-align: center;
}
.sub.event .tabs .tab.photos img.photo {
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  margin: 7px 12px;
}
/* =Events Overview
------------------------------------------------------------ */
.sub.event.overview #content #main .event-nav {
  position: absolute;
  right: 25px;
  top: 30px;
  max-width: 500px;
}
.sub.event.overview #content #main .event-nav li {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0 0 2px 12px;
}
.sub.event.overview #content #main .event-nav li a {
  display: block;
  background-color: #386489;
  padding: 4px 6px;
  border: 1px solid #0A3B60;
  line-height: normal;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #fff;
  font-family: 'Noto Sans Mono', sans-serif;
}
.sub.event.overview #content #main .event-nav li a:hover {
  color: #fff;
  background-color: #0A3B60;
}
.sub.event.overview #content #main .newslist {
  padding: 0;
  margin: 35px 0 0 0;
}
.sub.event.overview #content #main .newslist li {
  list-style: none;
  padding: 10px 10px 10px 165px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ccc;
}
.sub.event.overview #content #main .newslist li strong {
  margin-left: -155px;
  width: 145px;
  display: block;
  float: left;
  color: #386489;
  font-size: 13px;
  font-weight: normal;
}
.sub.event.overview #content #main .newslist li strong em {
  font-family: georgia;
  font-size: 12px;
  padding-left: 5px;
  color: #555;
}
.sub.event.overview #content #main .newslist li a {
  display: inline-block;
  color: #0A3B60;
  border-bottom: none;
  font-weight: normal;
}
.sub.event.overview #content #main .newslist li a:hover {
  border-bottom: none;
}
.sub.event.overview #content #main .newslist li a span {
  display: block;
  color: #0A3B60;
  font-weight: bold;
}
.sub.event.overview #content #main .newslist li a:hover span.read-more {
  border-bottom: 1px solid #0A3B60;
}
.sub.event.overview #content #main .newslist li a span.read-more {
  display: inline-block;
  color: #0A3B60;
  font-weight: bold;
  border-bottom: 1px solid transparent;
}
.sub.event.overview #content #main .newslist li a:hover strong {
  color: #1b7aa6;
}
/* =News Overview
------------------------------------------------------------ */
.sub.news-overview #content #main .news-item {
  border-bottom: 1px solid #ccc;
  padding: 15px 15px 0 15px;
  margin: 0 -15px;
}
.sub.news-overview #content #main .news-item h3 {
  padding: 5px 0;
}
.sub.news-overview #content #main .news-item.publication-item h3 {
  color: #333333;
}
.sub.news-overview #content #main .news-item p.date {
  padding: 0;
  margin-bottom: 0;
  color: #888;
  font-size: 13px;
}
.sub.news-overview #content #main .pagination {
  padding-top: 20px;
  padding-bottom: 30px;
  margin-right: 10px;
}
.sub.news-overview #content #main .pagination .action-button {
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #386489;
  border: 1px solid #0A3B60;
  padding: 2px 10px;
  color: #fff;
}
.sub.news-overview #content #main .pagination .action-button:hover {
  background-color: #0A3B60;
}
.sub.news-overview #content #main .pagination .action-button.reverse {
  float: right;
}
/* =News Item
------------------------------------------------------------ */
/* =Site Map 
------------------------------------------------------------ */
#site-map #main ul li a {
  font-weight: bold;
  color: #123A6C;
}
#site-map #main ul ul li a {
  font-weight: normal;
  font-size: 12px;
  color: #1b7aa6;
}
#site-map #main ul ul ul li a {
  font-size: 12px;
  color: #77A7BE;
}
#site-map #main ul li a:hover {
  color: #2B2B2B !important;
}
/* =Search
------------------------------------------------------------ */
body.search div.xsltsearch_result {
  border-bottom: 1px solid #EEE;
  padding: 20px 0px;
}
body.search div.xsltsearch_result p {
  padding: 0px;
}
body.search p.xsltsearch_result_title {
  font-size: 15px;
  font-weight: bold;
}
body.search div.xsltsearch_form,
body.search p#xsltsearch_stats {
  display: none;
}
body.search p#xsltsearch_summary,
body.search p#xsltsearch_navigation {
  padding: 5px 10px;
  background: #EEE;
  border: 1px solid #DDD;
}
body.search p#xsltsearch_navigation {
  margin-bottom: 20px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
body.search p#xsltsearch_navigation a.disabled {
  display: none;
}
.sub.search #main {
  width: 925px;
  padding: 0;
  margin-right: -3px;
  padding-top: 13px;
  background: url(/images/layout/content/main-full-top.png) no-repeat left top;
}
.sub.search #main .main-outter {
  padding: 0;
  margin: 0;
  background: url(/images/layout/content/main-full-bottom.png) no-repeat left bottom;
  padding-bottom: 16px;
}
.sub.search #main .main-inner {
  padding: 20px 40px;
  margin: 0;
  background: url(/images/layout/content/main-full-tile.png) repeat-y left top;
  min-height: 200px;
}
.sub.search #main .main-inner img {
  margin-top: 3px;
}
.sub.search #main .main-inner-wrapper {
  padding: 20px 28px 0 28px;
}
/* =Learn More
------------------------------------------------------------ */
#learn-more {
  clear: both;
  background-color: #E4EAF0;
  padding: 30px 30px 30px 30px;
}
#learn-more h3 {
  font-size: 17px;
  color: #0A3B60;
  text-transform: uppercase;
  font-weight: bold;
}
#learn-more .menu {
  border-radius: 25px;
  height: 46px;
  height: 60px;
  z-index: 0;
}
#learn-more .menu ul li:nth-child(2) img {
  margin: 12px 0 0 15px;
}
#learn-more .menu ul li:nth-child(3) img {
  margin: 15px 0 0 13px;
}
#learn-more .menu ul li {
  position: relative;
  float: left;
  padding-right: 20px;
}
#learn-more .menu ul li:first-child em.break {
  display: none;
}
#learn-more .menu ul li a {
  display: block;
  border-bottom: none;
  font-size: 21px;
  color: #0A3B60;
  font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 8px 12px;
}
#learn-more .menu ul li a em.break {
  display: none;
}
#learn-more .menu ul li a span {
  position: relative;
  float: left;
  margin: -8px 20px 0 -12px;
  display: block;
  background-color: #BBC7D6;
  border-radius: 25px;
  width: 49px;
  height: 49px;
  z-index: 2;
}
#learn-more .menu ul li a span img {
  margin: 12px 0 0 13px;
  width: 24px;
  height: auto;
}
#learn-more .menu ul li a:hover {
  border-bottom: none;
}
/* =Footer
------------------------------------------------------------ */
#footer {
  width: 890px;
  margin: 0 auto;
  padding: 15px 15px 0 15px;
  color: #0A3B60;
}
#footer .right {
  padding-top: 0px;
}
#footer a {
  font-weight: normal;
}
#footer p {
  float: left;
  color: #0A3B60;
}
#footer ul {
  float: right;
}
#footer ul li {
  float: left;
  padding-left: 10px;
}
#footer ul li img {
  display: inline;
  float: none !important;
  vertical-align: middle;
}
#footer a {
  color: #0A3B60;
}
/* =XSLT Search Styles
------------------------------------------------------------ */
#xsltsearch {
  margin: 0;
  padding-bottom: 20px;
}
#xsltsearch_navigation {
  text-align: center;
}
#xsltsearch_navigation .disabled {
  color: #AAA;
}
#xsltsearch_stats {
  font-size: 75%;
  color: #999;
}
#xsltsearch_results {
  padding-bottom: 20px;
}
#xsltsearch h2 {
  font-size: 150%;
}
.xsltsearch_result p {
  margin: 0;
  padding: 0;
}
.xsltsearch_result:hover {
  background: #fafafa;
}
.xsltsearch_ordinal {
  font-weight: bold;
  font-size: 75%;
}
.xsltsearch_title {
  font-weight: bold;
}
.xsltsearch_score {
  font-size: 75%;
}
p.xsltsearch_result_description {
  padding-bottom: 10px;
}
.xsltsearch_description strong {
  background: #FFD;
}
/* highlighting */
/* newsletter signup */
.editor-label {
  margin-bottom: 3px;
}
.editor-field {
  margin-bottom: 10px;
}
.download-form {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
.download-form_col1 {
  width: 250px;
  float: left;
  padding-right: 10px;
}
.download-form_col2 {
  padding: 20px;
  margin-right: 100px;
  width: 210px;
  float: left;
  background-color: #ccc;
}
.download-form_col2 .title {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 10px;
}
.download-form .submit-btn {
  font-size: 15px;
  padding: 5px;
}
.download-form select {
  width: 175px;
}
.download-form.media-form .download-form_col2 {
  background-color: #fff;
  padding: 0;
}
.media-form-footer {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
.media-form-footer textarea {
  width: 460px;
  height: 150px;
}
.wrapper.full-width .download-form .text-box {
  width: 320px;
}
.wrapper.full-width .download-form_col1 {
  width: 400px;
}
.wrapper.full-width .download-form_col2 {
  width: 400px;
  margin-right: 0;
}
.wrapper.full-width .download-form .text-box {
  width: 320px;
}
.wrapper.full-width .download-form .select {
  width: 320px;
}
.disclaimer {
  padding-top: 15px;
}
.publication-icon {
  margin-left: 5px;
  font-weight: bold;
  color: #d35400;
  font-size: 15px;
}
#cookie-banner {
  width: 100%;
  background-color: #0A3B60;
  color: #3296CA;
  position: fixed;
  bottom: 0;
  padding: 10px 0;
  z-index: 10000;
  display: none;
  border-top: 1px solid black;
  font-size: 18px;
}
#cookie-banner a {
  color: white;
  text-decoration: underline;
}
#cookie-banner .inner-wrapper {
  width: 920px;
  margin: 0 auto;
}
#cookie-banner .accept-cookies {
  position: relative;
  float: right;
  padding: 10px;
  color: #0A3B60;
  font-family: 'Noto Sans', Helvetica, sans-serif;
  font-size: 20px;
}
#cookie-banner .cookie-message {
  float: left;
  margin-bottom: 5px;
}