BODY {
	MARGIN: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
DIV.main {
	MIN-HEIGHT: 300px; MARGIN-LEFT: 36px; MARGIN-RIGHT: 336px
}
.list {
	MARGIN-LEFT: -20px
}
H1 {
	PADDING-BOTTOM: 6px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #1c3f95; FONT-SIZE: 13pt; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
H2 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #1c3f95; FONT-SIZE: 11pt; FONT-WEIGHT: bold; PADDING-TOP: 0px
}

h3, h4, h5 { color: #1c3f95;

}

p {
	LINE-HEIGHT: 21px; COLOR: #000000; FONT-SIZE: 10pt
}

.copy {
	LINE-HEIGHT: 21px; COLOR: #000000; FONT-SIZE: 10pt
}
.copysmall {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #666666; FONT-SIZE: 9pt; PADDING-TOP: 0px
}
A {
	COLOR: #000000; FONT-SIZE: 10pt; TEXT-DECORATION: underline
}
A:hover {
	TEXT-DECORATION: none
}
A.leftnav {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #1c3f95; FONT-SIZE: 10pt; FONT-WEIGHT: normal; TEXT-DECORATION: none; PADDING-TOP: 0px
}
A.leftnav:hover {
	COLOR: #57595c
}
A.leftnavon {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #57595c; FONT-SIZE: 10pt; FONT-WEIGHT: normal; TEXT-DECORATION: none; PADDING-TOP: 0px
}
FORM {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 10pt; PADDING-TOP: 0px
}
INPUT {
	COLOR: #000000; FONT-SIZE: 10pt
}
TEXTAREA {
	OVERFLOW: auto
}

$duration: 30s;
@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.ticker-wrap {
  position: fixed;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 4rem;
  background-color: #1c3f95; 
  opacity: 0.9;
  padding-left: 100%;  // offset items to begin 
}
.ticker {
  display: inline-block;
  height: 4rem;
  line-height: 4rem;  
  white-space: nowrap; // display items in a line
  padding-right: 100%; // ensure items go before animations repeat (taken from parent due to inline-block)
  
  -webkit-animation-iteration-count: infinite; 
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
 -webkit-animation-name: ticker;
         animation-name: ticker;
  -webkit-animation-duration: $duration;
          animation-duration: $duration;
  &__item {
    display: inline-block;
    padding: 0 2rem;
    font-size: 2rem;
    color: white;   
  }
}
