/* 	amount = number of columns the element should span
 * max-width = the maximum width of the primary container
 * columns = the total number of columns (12 and 16 are pretty standard for desktop, but any number will work)
 * !!-- EVERYTHING BELOW IS OPTIONAL --!!
 * height = if you want to define a height (default: auto)
 * margin = define your magins if you want (default: 0 top and bottom, and percentage based on gutter size)
 * padding = define padding size(s) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

:focus {
  outline: 0; }

body {
  background-color: #eee;
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a img {
  border: 0; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4A4A4A; }

a {
  color: #2471CC;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }
  
.tertiary-template .tertiary-container a:visited, #wrap-body-main a:visited {
	color: #752EA5
 }

h1 {
  margin-bottom: 0.75rem;
  font-size: 1.875rem;
  font-weight: bold;
  color: #223A57; }

h2 {
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: #223A57; }

h3 {
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  font-weight: bold;
  color: #223A57; }

h4 {
  margin-bottom: 0.75rem;
  font-size: 1rem;
  font-weight: bold;
  color: #223A57; }

p {
  margin-bottom: 1.125rem;
  line-height: 1.125rem; }

p:last-child {
  margin-bottom: 0; }

strong {
  font-weight: bold; }

html, body {
  width: 100%;
  height: 100%;
  background: #4A4A4A; }

#body-container, #wrap-background {
  width: 100%; }

.internal-button-input {
  display: inline-block;
  padding: 0.125rem;
  height: auto;
  background: #fff;
  border-radius: 0.1875rem; }
  .internal-button-input input {
    width: auto;
    height: 2rem;
    border: none;
    background: none;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none;
    outline: none;
    border-radius: 0.1875rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    color: #4A4A4A; }
  .internal-button-input input[type=search] {
    position: relative;
    width: 80%;
    height: 2rem;
    top: 0.125rem; }
  .internal-button-input input[type=email] {
    display: inline-block;
    position: relative;
    width: 60%;
    height: 2rem;
    top: 0.125rem; }
  .internal-button-input input[type=image].primary-button {
    width: auto;
    height: 1.375rem; }
  .internal-button-input .primary-button {
    float: right;
    padding: 0.375rem 0.9375rem;
    background: #AA0B0B;
    font-size: 1.125rem;
    color: #fff;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s; }
  .internal-button-input .primary-button:hover {
    cursor: pointer;
    background: #870808; }

.secondary-button {
  display: inline-block;
  position: relative;
  padding: 0.625rem 0.75rem;
  border: 0.0625rem solid #336BAC;
  border-radius: 0.1875rem;
  font-size: 1.125rem;
  color: #336BAC;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s; }
  .secondary-button .icon.svg {
    position: relative;
    top: 0.1875rem;
    margin-left: 0.75rem; }

.secondary-button:hover {
  text-decoration: none;
  background: #336BAC;
  color: #fff; }
  .secondary-button:hover .icon.svg {
    fill: #fff; }

.text-link {
  display: block;
  color: #336BAC; }
  .text-link .icon.svg {
    position: relative;
    top: 0.1875rem;
    margin-left: 0.75rem; }

#nav-container {
  position: relative;
  display: inline-block;
  top: 0;
  width: 100%;
  height: 3.375rem;;
  background: #336BAC;
  border-bottom: 0.0625rem solid #4A4A4A;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s; }
  #nav-container #navigation {
    box-sizing: border-box;
    max-width: 65rem;
    margin: 0 auto;
    padding: 1px 0.9375rem; }
    #nav-container #navigation #primary {
      clear: both;
      display: block; }
      #nav-container #navigation #primary li {
        float: left;
        display: block;
        width: auto;
		max-width: 6.875rem;
		margin-right: 1.2rem;
        font-size: 0.9375rem;
        text-align: center; }
        #nav-container #navigation #primary li a {
          position: relative;
          display: block;
          padding: 0.75rem 0.5rem 0.65rem;
          margin-top: -0.1875rem;
          border-top-left-radius: 0.1875rem;
          border-top-right-radius: 0.1875rem;
          color: #fff;
          font-weight: 500;
          line-height: 1.125rem;
          text-align: left;
		  height: 70%;		  
		 }
        #nav-container #navigation #primary li a:hover {
          text-decoration: none; }
        #nav-container #navigation #primary li .subnav {
          display: none;
          position: relative;		  
          z-index: 999;
          width: auto;
          min-width: 20rem;
          padding: 0.75rem;          
          left: 156.5%;
          transform: translate(-50%, 0);
          columns: auto 2;
          column-rule: 0.0625rem solid rgba(51, 107, 172, 0.2);
          column-gap: 1.875rem;
          -webkit-columns: auto 2;
          -webkit-column-rule: 0.0625rem solid rgba(51, 107, 172, 0.2);
          -webkit-column-gap: 1.875rem;
          -moz-columns: auto 2;
          -moz-column-rule: 0.0625rem solid rgba(51, 107, 172, 0.2);
          -moz-column-gap: 1.875rem;
          background: #E1EDFA;
          border-bottom-right-radius: 0.1875rem;
		  border-bottom-left-radius: 0.1875rem;
          -webkit-column-break-inside: avoid-column;
          -moz-column-break-inside: avoid-column;
          -ms-column-break-inside: avoid-column;
          column-break-inside: avoid-column; }
		  #nav-container #navigation #primary li:last-of-type .subnav{
		  left:-56%;
		  }
          #nav-container #navigation #primary li .subnav li {
            float: none;
            display: table;
            width: auto;
            max-width: 10rem;
            margin: 0;
            padding: 0; }
            #nav-container #navigation #primary li .subnav li a {
              width: 100%;
              padding: 0.375rem 0;
              font-size: 0.875rem;
              font-weight: normal; }
      #nav-container #navigation #primary li:hover a {
        background: #E1EDFA;
        color: #223A57; }
		#nav-container #navigation #primary li:hover .subnav:empty {
        display: none; }
      #nav-container #navigation #primary li:hover .subnav {
        display: inline-block; }
        #nav-container #navigation #primary li:hover .subnav a:hover {
          text-decoration: underline; }
      #nav-container #navigation #primary li:first-child .subnav {
        left: 0;
        border-top-left-radius: 0;
        transform: none; }

#utility {
  position: absolute;
  right: 0.9375rem;
  z-index: 999;
  top: 7.375rem;
  min-width: 8.75rem;
  height: 1.5rem;
  padding: 0.5rem 0.75rem 0rem;
  background: #E1EDFA;
  border-radius: 0.1875rem;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s; }
  #utility a {
    font-size: 0.875rem;
    font-weight: 500;
    color: #223A57; }
    #utility a .padded-svg {
      position: relative;
      float: right;
      top: 0.25rem;
      margin-left: 0.75rem;
      padding-left: 0.75rem;
      border-left: 0.0625rem solid rgba(51, 107, 172, 0.2); }
      #utility a .padded-svg .icon.svg {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
  #utility a:hover {
    text-decoration: none; }
  #utility ul {
    display: inline-block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 0.875rem;
    right: 0;
    margin-top: 1rem;
    padding: 0.5rem 0.75rem;
    background: #E1EDFA;
    border-top-left-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    #utility ul li a {
      display: inline-block;
      padding: 0.25rem 0;
      font-weight: 400; }
    #utility ul li a:hover {
      text-decoration: underline; }

#utility:hover {
  cursor: pointer; }

#utility.active a .icon {
  transform: rotate(-180deg); }
#utility.active ul {
  visibility: visible;
  opacity: 1; }

#content-container {
  clear: both;
  display: inline-block;
  position: relative;
  width: 100%;
  margin-top: 10rem;
  background: #fff;  
  padding-bottom: 3rem;
 }

 footer, #wrap-footer{
 top:3rem;
 }
.centered, #wrap-body {
  box-sizing: border-box;
  max-width: 65rem;
  margin: 0 auto;
  padding: 0 0.9375rem; 
  position: relative;
  top: 25px;
}

.date {
  box-sizing: content-box;
  width: 8.0853174603%;
  height: auto;
  margin: 0;
  padding: 0 0.9375rem 0.9375rem;
  text-align: center; }
  .date .day {
    width: 100%;
    font-size: 2.25rem;
    font-weight: 200; }
  .date .month {
    width: 100%;
    font-size: 1.125rem;
    font-weight: bold;
    text-transform: uppercase; }
  .date .year {
    width: 100%;
    font-size: 1.125rem;
    font-weight: 400; }

.breadcrumbs {
  box-sizing: border-box;
  max-width: 63rem;
  margin: 0 auto;
  padding: 1.5rem 0.9375rem 3rem;
  font-size: 0.875rem; }
  .breadcrumbs .icon.svg {
    position: relative;
    top: 0.125rem;
    margin: 0 0.375rem; }

#home {
  clear: both;
  display: inline-block;
  width: 100%; }

#billboard-container {
  width: 100%;
  height: 17.5rem;
  margin-bottom: 2.5rem;
  background: #F5F5F5; }

#billboard {
  display: block;
  box-sizing: border-box;
  position: relative;
  max-width: 63rem;
  margin: 0 auto;
  padding: 0 0.9375rem; }
  #billboard #indicators {
    z-index: 99;
    display: table;
    position: absolute;
    bottom: -0.9375rem;
    right: 0.9375rem;
    width: auto; }
    #billboard #indicators .indicator-icon {
      position: relative;
      float: left;
      width: 0.75rem;
      height: 0.75rem;
      margin-right: 0.375rem; }
      #billboard #indicators .indicator-icon .svg g#billboard-indicator {
        fill: none; }
    #billboard #indicators .indicator-icon:last-child {
      margin-right: 0; }
    #billboard #indicators .indicator-icon.active .svg g#billboard-indicator {
      fill: #223A57; }
  #billboard #topic-container {
    display: block;
    box-sizing: border-box;
    position: relative;
    float: left;
    top: 1.25rem;
    width: 32.3412698413%;
    height: auto;
    margin: 0;
    padding: 0 2.9761904762% 0 0; }
    #billboard #topic-container .scroll-button .svg {
      display: block;
      position: relative;
      width: 1.5rem;
      margin: 0 auto; }
    #billboard #topic-container .scroll-button:hover {
      cursor: pointer; }
    #billboard #topic-container .scroll-button.dim .svg {
      opacity: 0.25; }
    #billboard #topic-container #topics {
      margin: 0.375rem 0;
      max-height: 12.25rem;
      overflow-y: hidden;
      border-top: 0.0625rem solid #4A4A4A;
      border-bottom: 0.0625rem solid #4A4A4A; }
      #billboard #topic-container #topics ul {
        position: relative;
        -webkit-transition: top 0.25s ease-in-out 0s;
        -moz-transition: top 0.25s ease-in-out 0s;
        -o-transition: top 0.25s ease-in-out 0s;
        transition: top 0.25s ease-in-out 0s; }
        #billboard #topic-container #topics ul li {
          display: none;
          position: relative;
          border-bottom: 0.0625rem solid #E1E1E1;
          height: 4.0625rem;
          font-size: 1.125rem;
          font-weight: bold; }
		  #billboard #topic-container #topics ul li:nth-child(-n+3){
		  display:block;
		  }
          #billboard #topic-container #topics ul li a {
            display: block;
            position: relative;
            top: 50%;
            transform: translate(0, -50%);
            width: 80%;
            line-height: 1.375rem;
            color: #336BAC; }
          #billboard #topic-container #topics ul li a:hover {
            text-decoration: none; }
          #billboard #topic-container #topics ul li img {
            display: none;
            position: absolute;
            top: 50%;
            right: 0;
            transform: translate(0, -50%); }
        #billboard #topic-container #topics ul li:last-child {
          border-bottom: none; }
        #billboard #topic-container #topics ul li:hover {
          background: rgba(255, 255, 255, 0.75);
          cursor: pointer; }
        #billboard #topic-container #topics ul li.active {
          background: none; }
          #billboard #topic-container #topics ul li.active a {
            color: #223A57; }
          #billboard #topic-container #topics ul li.active img {
            display: block; }
        #billboard #topic-container #topics ul li.active:hover {
          background: none;
          cursor: default; }
  #billboard #info {
    
    position: relative;
    top: 0.9375rem;
    width: 64.65%;    
    margin: 0 0 0 5.15%;
    padding: 0 0 0 2.9761904762%;
    overflow-y: hidden; }
    #billboard #info ul {
      position: relative;
      -webkit-transition: top 0.3s ease-in-out 0s;
      -moz-transition: top 0.3s ease-in-out 0s;
      -o-transition: top 0.3s ease-in-out 0s;
      transition: top 0.3s ease-in-out 0s; }
      #billboard #info ul li {
        height: 15.5rem; }
        #billboard #info ul li .detail-container {
          position: relative;
          top: 50%;
          transform: translate(0, -50%); }
      #billboard #info ul p {
        margin-bottom: 1.5rem;
        font-size: 1.125rem;
        line-height: 1.375rem; }
      #billboard #info ul .text-link {
        font-size: 1.125rem;
        font-weight: bold; }

#home-content {
  display: block;
  box-sizing: border-box;
  max-width: 63rem;
  margin: 0 auto;
  padding: 0 0.9375rem; }

#news {
  position: relative;
  float: left;
  width: 48.5119047619%;
  height: auto;
  margin: 0;
  padding: 0; }
  #news h2 {
    margin-bottom: 1.5rem; }
  #news li {
    clear: both;
    display: inline-block;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 0.0625rem solid #E1E1E1; }
    #news li .date {
      position: relative;
      float: left;
      margin-right: 0.9375rem;
      border-right: 0.0625rem solid #E1E1E1; }
    #news li .news-content {
      display: table; }
      #news li .news-content h3 {
        display: table;
        margin-bottom: 0.75rem;
        line-height: 1.5rem; }
      #news li .news-content p {
        display: table;
        font-size: 1rem;
        line-height: 1.25rem; }
  #news li:last-child {
    margin-bottom: 1.125rem;
    border-bottom: 0.0625rem solid #4A4A4A; }
  #news .secondary-button {
    clear: both; }

#popular-content {
  position: relative;
  float: right;
  box-sizing: border-box;
  width: 47.4265873016%;
  height: auto;
  margin: 0;
  padding: 1.25rem;
  border: 0.0625rem solid #336BAC;
  border-radius: 0.1875rem;
  }
  #popular-content li {
    clear: both;
    display: inline-block;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 0.0625rem solid #E1E1E1; 
	width: 100%;
	}
    #popular-content li h3 {
      margin-bottom: 0.375rem;
	  width:75%
	 }
    #popular-content li p {
      font-size: 1rem;
      line-height: 1.25rem; }
  #popular-content li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }
  #popular-content .popular-item{
		float: left;
		width: 70%;
		position: relative;
		padding-right: 5%;
	}
#popular-content  .popular-image{
	    float: right;
		width: 25%;
		position:relative;
	}
  #popular-content  .popular-image img{
  width:100%;
  height:auto;
  }

 div.spacer, div.spacer2{
    padding: 10;
    background: #F5F5F5;
}
div.spacer1{
	padding:10px;
}
.left-nav, #wrap-body-left {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 18.3412698413%;
  height: auto;
  margin: 0 2.4761904762% 0 0;
  font-weight:bold;
  min-height: 16.25rem;
  border-radius: 0.1875rem; 
  
 }
 
 #box-nav-side-sub{
 margin-top:20px;
}
  
.left-nav .current-page, #wrap-body-left .current-page, #wrap-body-left #nav-side-sub li.first, #box-related-links li.first{
background:#336BAC;
color:white;
padding:10px;
font-weight: bold;
}
.left-nav .current-page a, #wrap-body-left .current-page a, #wrap-body-left #nav-side-sub li.first a{
	color:white;
}
.left-nav ul li ul, .left-nav-subnav ul,#wrap-body-left #nav-side-sub ul ul, #box-related-links ul ul{
	display:none;
}
.left-nav ul li, .left-nav-subnav li, #wrap-body-left #nav-side-sub li {
border-left: 1px solid #336BAC;
border-right: 1px solid #336BAC;
border-bottom: 2px solid #336BAC;
background:#F5F5F5;
padding:10px;
font-weight:normal;
padding-right: 20px;
}
#box-related-links ul li{
border-left: 1px solid #336BAC;
border-right: 1px solid #336BAC;
border-bottom: 2px solid #336BAC;
background:#F5F5F5;
padding:10px;
font-weight:bold;
padding-right: 20px;
font-size:12px;
}
.left-nav ul li.active, .left-nav-subnav li.active{
background: rgb(245, 245, 245) url("/ltd/groups/public/documents/image/icon-breadcrumb.svg") no-repeat scroll right 5px center;
}
/*
.left-nav ul li.active ul{
display: block;
padding-top: 10px;
}

.left-nav ul li.active ul li:first-of-type{
	border-top: 1px solid #336BAC;
}
*/
 
.secondary-template .cards-container {
  position: relative;
  float: left;
  width: 60.6825396825%;
  height: auto;
  margin: 0 2.4761904762% 0 0;
  padding: 0; 
  padding-bottom: 2rem;
  
  }
  .secondary-template .cards-container .secondary-intro 
  { 
	margin-bottom:10px;
  }
  .secondary-template .cards-container .secondary-intro h1{
    background: #4A4A4A;
    color: white;
    font-size: 18px;
    padding: 10px;
	margin-bottom:0px;
  }
    .secondary-template .cards-container .secondary-intro .summary{
		 border: 0.0625rem solid #336BAC;
		border-radius-bottom: 0.1875rem;
		padding: 1.25rem;
		
	}
  .secondary-template .cards-container .secondary-intro p{
      line-height: 25px;
	}
  .secondary-template .cards-container .card {
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 48.5119047619%;
    height: auto;
    margin: 0 1.4880952381% 1.875rem;
    padding: 1.25rem;
    min-height: 16.25rem;
    max-height: 16.25rem;
    border: 0.0625rem solid #336BAC;
    border-radius: 0.1875rem; }
    .secondary-template .cards-container .card a {     
      width: 100%;
      min-height: 15rem;
      margin: -1.25rem 0 0 -1.25rem;
      padding: 1.25rem 1.25rem 0; }
    .secondary-template .cards-container .card a:hover {
      text-decoration: none; }
    .secondary-template .cards-container .card h3 {
      padding-bottom: 0.75rem;
      border-bottom: 0.0625rem solid #E1E1E1;
      color: #336BAC; }
    .secondary-template .cards-container .card p {
      color: #4A4A4A; 
	  font-size: 14px;
	  }
    .secondary-template .cards-container .card .text-link {
      clear: both;
      position: absolute;
      bottom: 1.25rem;
      right: 1.25rem; 
	  font-size: 14px;}
  .secondary-template .cards-container .card:nth-child(odd) {
    margin-left: 0; }
  .secondary-template .cards-container .card:nth-child(even) {
    margin-right: 0; }
  .secondary-template .cards-container .card:hover {
    border: 0.0625rem solid #223A57; }
    .secondary-template .cards-container .card:hover h3 {
      border-bottom: 0.0625rem solid #336BAC; }

.promos, #wrap-body-right{
		position: relative;
		float: left;
		width:14.9761904762%;
		margin: 0;
		padding: 0;				
}
.promos .promo-container, #wrap-body-right .promo-container, .TEMPpromo{
	border: 1px solid #336BAC;
	margin-bottom:20px;
}
.promos .promo-image,  #wrap-body-right .promo-image, .TEMPpromo img{
    padding-bottom: 10px;
    text-align: center;
}
.promos .promo-image img, #wrap-body-right .promo-image img, .TEMPpromo img{
width: 100%;
height:auto;
}

.TEMPpromo ul {
    list-style-type: none;
    padding: 0;
    margin: 0 5px 0 5px;
	font-size: 12px;
}

.TEMPpromo ul li {
    margin: 10px 5px;
	list-style-type: none;
    padding: 0;
}

.TEMPpromo h3{
font-size: 12px;
padding: 8px 8px 0px;
}


.promos .promo-link, #wrap-body-right .promo-link {
	padding:20px 0px;
	border-top:1px solid #336BAC;
	font-weight:bold;
	width: 90%;
    margin: auto;
	text-align: center;
}

.promo-link span.small{
font-size:12px;
}

.tertiary-template {
  position: relative; }

  .tertiary-template .tertiary-container .tertiary-intro h1, #wrap-body-main h1{
    background: #4A4A4A;
    color: white;
    font-size: 18px;
    padding: 10px;	
  }
  
  .tertiary-template .tertiary-container, #wrap-body-main {
    position: relative;
	  float: left;
	  width: 60.6825396825%;
	  height: auto;
	  margin: 0 2.4761904762% 4% 0;
	  padding: 0;    
	  padding-bottom:2rem;
	  
	  }
	.tertiary-template .tertiary-container p, #wrap-body-main p{
		margin: 10px 20px; 
	}  
	.tertiary-template .tertiary-container ul, #wrap-body-main ul, .tertiary-template .tertiary-container ol, #wrap-body-main ol{
		margin: 20px 50px; 
	}  
	.tertiary-template .tertiary-container ul li, #wrap-body-main ul li, .tertiary-template .tertiary-container ol li, #wrap-body-main ol li{
		list-style: outside none disc;
		margin: 5px 0px;
		line-height: 20px;
	}
	#wrap-body-main ul.text{
	margin:0;
	}	
	#wrap-body-main .body ul.text li{
	list-style-type:none;
	}
	#wrap-body-main .body ul.text li li{
	list-style-type:disc;
	}
	#wrap-body-main .body ul.text li ol li{
	list-style-type:decimal;
	}
	.tertiary-template .tertiary-container h3, #wrap-body-main h3{
		color:#2471CC;
		font-weight:normal;
		background: #e1e1e1;
		font-size: 18px;
		padding: 10px;			
	}
	.tertiary-template .tertiary-container hr, #wrap-body-main hr{
		margin-bottom:20px;
	}
	#wrap-body-main #search{
	border: 1px solid black;
	border-radius:3px;
	float:none;
	margin: 10px auto;	
	}
	
.pressrelease .img-float{
	display:none;
}
.img-float{
float:right;
margin: 0 0 20px 20px;
}

.open-content .cta_img {
	background: #e1e1e1;
}

.dyn_wrap .cta_img {
    padding: 5px;      
}

.gen .body .text h2 {
    font-size: .75rem;
    
}



	
/**==============
SLIDER
**============**/	
	.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

  .centered-btns_nav {
    z-index: 3;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url(../_imgs/icon-swipe-left.svg) no-repeat left top;
    margin-top: -45px;
}
  .centered-btns_nav.next {
    left: auto;
    background-position: right top;
    right: 0;
	background: transparent url(../_imgs/icon-swipe-right.svg) no-repeat left top;
}

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  top: -20px;
  right: 20px;
  text-align: right;
  z-index:999;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: 9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 10px;
  height: 10px;
  }
  .centered-btns_here a{
	background:url(../_imgs/icon-indicator.svg);
	
  }

table{
font-size:12px;
margin-bottom: 1rem;
border: 1px solid #BEBAB1;
margin: 10px 20px;
}

table tr:nth-child(even) td{
background: #f2f2f2!important;
}
table tr:nth-child(odd) td{
background: #ffffff;
}

table tr:first-of-type td{
background: #d2d2d2 !important
}

table td{
	padding: 2px 5px;	
	border-left: 1px solid #bebab1;
    text-align: left 
}

table td p{
margin:0!important;
}

table ul{
margin: 0 0!important;
}

.wrap-top-bc-social, .page-controls{
	display:none;
}
	
#togglevalue{
display:none;
}

/**PRESS RELEASES**/
.bc-press-search{  
    padding: 15px 15px;
	font-size:12px;
	background:#f2f2f2;
}

.head-release {
    padding: 15px 0;
    font-weight: bold;
    text-transform: uppercase;
    background:#E1E1E1;
    padding: 10px 0px 22px 15px;
	font-size: 12px;
}

.common-list{
	font-size: 12px;	
}
.column-date {
    width: 20%;
    float: left;
}

.column-item {
    width: 80%;
    display: inline;
    float: left;
}

.list-release  .row{
	padding: 15px 0px 15px 15px;
}
.list-release  .row:nth-child(odd){
	background:#f2f2f2;
}

.list-release .column-date {
    font-weight: bold;
    top: 14px;
}

/***
Commissoners page
***/
#box-current_cftc_commissioners div.dyn_wrap{
	background: #e1e1e1;
}

.dyn_wrap h2 {
    padding: 7px 10px 5px 20px;
    background-color: #f0f0f0;
    font-size: 15px;
}

#box-current_cftc_commissioners .text li {
    border-bottom: 1px solid #babab1;    
    display: block;
    clear: both;
    float: left;
	width: 100%;
}
#box-current_cftc_commissioners .text li .cta_img{
	
}
#box-current_cftc_commissioners .text li > div:last-of-type{
	position: relative;
    z-index: 1;
}
#box-current_cftc_commissioners .text li img{
	float:left;
	background: #D2D2D2 none repeat scroll 0% 0%;
	background: #d2d2d2;
	margin-right: 20px;
	margin-bottom: 5px;
	min-height: 80px;
	height: auto;
	min-width: 100px;
}
.foot-commissioners_page{
position: relative;
top: 20px;
padding: 0 20px 35px;
margin-bottom: 20px;
font-style: italic;
}
#box-current_cftc_commissioners span {
    position: relative;
	top: 10px;
}


#bd{
background:white;
margin-top: 10rem;
display: inline-block;
width: 82%;
padding-left: 18%;
}

/*** Glossary **/
.glossary_container .title a {
    font-size: 22px;
    font-weight: bold;   
    margin: 4px;
	color:#2471CC!important;
}
.glossary_container .title a.glossary_current_index {
    color: #752EA5!important;
}
.glossary_entry {
    padding-left: 15px;    
}

.glossary_entry .title {
    font-size: 17px;
    font-weight: bold;
    padding-top: 15px;
}
.glossary_entry .glossary_entry_content{
	padding:10px;
}

.pad_and_border{
    background: white;
    border: solid 1px black;
    padding: 5px;
    width: 200px;
}

.pad_and_border #glossary_popup_close{
    float: right;
    padding: 0px 5px 20px 5px;
}
.pad_and_border #glossary_popup_title{
    padding-bottom: 20px;
}
.pad_and_border #glossary_popup_content{
    padding: 5px;
}

/*==========================================
* Media Podcast/Webcast
*==========================================*/

.media .column-date {
    width: 20%;
    float: left;
}
.media .column-item {
    width: 45%;
    display: inline;
    float: left;
}
.media .column-title{
	float:left;
	width:35%;
}
.media .column-item div{
	float:left;
	width:33%;
}
.column-item .column-play .play-button{	
    width: 0px;
    height: 0px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 35px solid #336BAC;
	margin-top:-10px
}

.media .column-item .column-summary{
	width:100%;
	padding-top:5px;
}

.youtube{
	text-align:center;
}
.annotations{
	margin-top:15px;
}

.annotations h3{
	color: #2471cc;
    font-weight: normal;
    background: #e1e1e1;
    font-size: 18px;
    padding: 10px;
}

@media only screen and (max-width: 59rem){
	#nav-container #navigation #primary li{
		max-width: 6rem;
	}
}

@media only screen and (max-width: 56rem) {
	.left-nav,#wrap-body-left{
	display:none;
	}
	.promos .promo-container, #wrap-body-right .promo-container{
    float: left;
    width: 30%;
    margin-right: 2.5%; 
	}
	.promos .promo-container .promo-link, #wrap-body-right .promo-container .promo-link{
	width: 90%;
	padding: 20px 0px;
	}
	
  #hamburger-menu {
    display: block;
    text-decoration: none; }
    #hamburger-menu path#line-1, #hamburger-menu path#line-3 {
      -webkit-transition: opacity 0.25s ease 0s;
      -moz-transition: opacity 0.25s ease 0s;
      -o-transition: opacity 0.25s ease 0s;
      transition: opacity 0.25s ease 0s; }

  #hamburger-menu.active path#line-1, #hamburger-menu.active path#line-3 {
    opacity: 0.1; }


  #nav-container {
    float: none;
    display: none; }

  #nav-container.active {
    display: inline-block;
    height: auto;
    position:relatibe;
	}
    #nav-container.active #navigation #primary li {
      float: none;
      width: 100%;
      max-width: 100%;
      padding: 0.375rem 0;
      border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
      font-size: 1.125rem; }
    #nav-container.active #navigation #primary li:hover a {
      background: none;
      color: #fff; }
    #nav-container.active #navigation #primary li:hover .subnav {
      display: none; }

  #utility {
    display: none;
    position: absolute;
    top: 8.875rem;
    left: 50%;
    min-width: 12.5rem;
    transform: translate(-50%, 0); }
    #utility a {
      font-size: 1rem; }
    #utility ul {
      box-sizing: border-box;
      padding: 0.375rem 0.9375rem 0.9375rem;
      border-top-left-radius: 0; }
      #utility ul li {
        padding: 0.375rem 0; }

  #utility.menu-expanded {
    display: block; }

  .breadcrumbs {
    display: none; }

  #content-container {
    margin-top: 10.625rem;
    -webkit-transition: opacity 0.25s ease 0s;
    -moz-transition: opacity 0.25s ease 0s;
    -o-transition: opacity 0.25s ease 0s;
    transition: opacity 0.25s ease 0s; }

  #content-container.menu-expanded {
    opacity: 0.25; }

  #billboard #indicators {
    left: 50%;
    transform: translate(-50%, 0); }
    #billboard #indicators .indicator-icon {
      width: 1.125rem;
      height: 1.125rem;
      margin-right: 1rem; }
      #billboard #indicators .indicator-icon .svg {
        width: 1.125rem;
        height: 1.125rem; }
  #billboard #topic-container {
    display: none; }
  #billboard #info {
    width: 100%;
    top: 0;
    margin: 0;
    padding: 0;
    overflow-y: hidden; }
    #billboard #info ul h1 {
      font-size: 1.25rem;
      line-height: 1.5rem; }
    #billboard #info ul p {
      font-size: 1rem;
      line-height: 1.125rem; }

  #news {
    width: 100%;
    margin: 0 0 1.5rem;
    padding: 0 0 1.5rem;
    border-bottom: 0.0625rem solid #E1E1E1; }
    #news .date {
      box-sizing: border-box;
      width: 23.7068965517%;
      height: auto;
      margin: 0;
      padding: 0 0.9375rem 0.9375rem; }
    #news .secondary-button {
      margin: 0 auto; }

  #popular-content {
    clear: both;
    float: none;
    width: 100%;
	margin-bottom: 5%;	
	}

  .secondary-template {
    padding-top: 1.125rem; }
    .secondary-template .left-nav, #wrap-body-left {
      float: none;
      width: 100%;
      min-height: 0;
      margin-bottom: 1.125rem; }
    .secondary-template .cards-container, #wrap-body-main {
      float: none;
      width: 100%; 
	  margin-bottom: 10%;
	  }
      .secondary-template .cards-container .card {
        display: inline-block;
        float: none;
        width: 100%;
        min-height: 0;
        margin: 0 0 1.125rem; }
        .secondary-template .cards-container .card a {
          display: inline-block;
          min-height: 0; }
        .secondary-template .cards-container .card p {
          margin-bottom: 0.75rem; }
        .secondary-template .cards-container .card .text-link {
          clear: both;
          position: relative;
          float: right;
          bottom: 0;
          right: 0; }

	.promos, #wrap-body-right{
	 float: none;
      width: 100%;
      min-height: 0;
      margin-bottom: 1.125rem;
	}
	
  .tertiary-template .leftnav-container {
    z-index: 99;
    position: fixed;
    float: none;
    top: 8.625rem;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 3rem;
    max-height: 3rem;
    background: #E1EDFA; }
    .tertiary-template .leftnav-container .swipe-icons {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%; }
      .tertiary-template .leftnav-container .swipe-icons .left {
        z-index: 101;
        position: absolute;
        left: 0;
        height: 100%;
        margin: 0;
        padding: 0 0.375rem;
        background: rgba(225, 237, 250, 0.8); }
        .tertiary-template .leftnav-container .swipe-icons .left .svg {
          position: relative;
          width: 1.125rem;
          height: 1.125rem;
          top: 50%;
          transform: translate(0, -50%); }
      .tertiary-template .leftnav-container .swipe-icons .right {
        z-index: 101;
        position: absolute;
        right: 0;
        height: 100%;
        margin: 0;
        padding: 0 0.375rem;
        background: rgba(225, 237, 250, 0.8); }
        .tertiary-template .leftnav-container .swipe-icons .right .svg {
          position: relative;
          width: 1.125rem;
          height: 1.125rem;
          top: 50%;
          transform: translate(0, -50%); }
  .tertiary-template .leftnav {
    z-index: 100;
    position: relative;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
    .tertiary-template .leftnav li:first-child {
      margin-left: 2.5rem; }
    .tertiary-template .leftnav li {
      display: inline-block;
      position: relative;
      margin-right: 1.875rem; }
      .tertiary-template .leftnav li a {
        border-bottom: none; }
    .tertiary-template .leftnav li.active {
      text-decoration: underline; }
      .tertiary-template .leftnav li.active img {
        display: none; }
  .tertiary-template .leftnav-container.mobile-collapsed {
    top: 6.25rem; }
    .tertiary-template .leftnav-container.mobile-collapsed li {
      display: inline-block;
      position: relative;
      margin-right: 1.875rem; }
      .tertiary-template .leftnav-container.mobile-collapsed li a {
        border-bottom: none; }
  .tertiary-template .tertiary-container {
    position: relative;
    float: none;
    width: 100%;
    }
 }

@media only screen and (max-width: 20rem){
	#content-container{
		margin-top:11.625rem
	}
}