@media print {
	header { display: none; }
	nav { display: none; }
	footer { display: none; }
	.l-sidebar-left { display: none; }
	.btn { display: none !important; }
	.noprint { display: none !important; }
	.tab { display: none !important; }
	.slides { 
		height: 100% !important; 
		overflow: visible; 
	}
	.slick-list {
		height: 100% !important;
		overflow: visible;
	}
}


html {
  box-sizing: border-box;
}
* {
  box-sizing: inherit;
}
*:before,
*:after {
  box-sizing: inherit;
}
* {
  margin: 0;
  padding: 0;
  min-height: 0;
  min-width: 0;
}
body {
  margin: 0;
  padding: 0;
}
svg,
img,
canvas,
figure {
  max-width: 100%;
  vertical-align: bottom;
}
button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: inherit;
  font-family: inherit;
  -webkit-tap-highlight-color: rgba(0,0,0,0) /* Stop Safari in iOS from flickering */;
  -webkit-align-items: inherit /* Override most browser 'flex-start' setting */;
      -ms-flex-align: inherit /* Override most browser 'flex-start' setting */;
              -ms-grid-row-align: inherit /* Override most browser 'flex-start' setting */;
          align-items: inherit /* Override most browser 'flex-start' setting */;
  background-color: transparent /* Override most browser gray color */;
  color: #4d4d4d;
}
.l-full {
  max-width: 990px;
  margin: auto;
  position: relative;
  padding: 0 15px;
}
.l-content .l-full {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (min-width: 600px) {
  .l-content .l-full {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-sidebar-left {
  -webkit-flex: 0 0 23%;
      -ms-flex: 0 0 23%;
          flex: 0 0 23%;
  width: 23%;
  margin-right: 20px;
}
@media only screen and (max-width: 600px) {
  .l-sidebar-left {
    margin-rigth: 10px;
  }
}
.l-post-content {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
a,
a:visited,
a:focus,
a:hover,
a:active {
  color: #177551;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
hr {
  border-bottom: 1px solid #155f43;
  padding-top: 15px;
  margin-bottom: 15px;
  clear: both;
}
hr.green {
    border:0;
    height:1px;
    border-bottom: 2px solid #155f43;
}

hr.ltgreen {
    border:0;
    height:1px;
    border-bottom: 1px solid #DCEAE5;
}

dl dt {
  font-weight: 700;
}
dl dd {
  margin-bottom: 0.5em;
}
dl dd:last-child {
  margin-bottom: 0;
}
dl .inline {
  display: inline;
}
.post p a,
.post ul a,
.post ol a,
.post p a:visited,
.post ul a:visited,
.post ol a:visited,
.post p a:focus,
.post ul a:focus,
.post ol a:focus,
.post p a:hover,
.post ul a:hover,
.post ol a:hover,
.post p a:active,
.post ul a:active,
.post ol a:active {
  color: #177551;
  text-decoration: underline;
}
.post p a:hover,
.post ul a:hover,
.post ol a:hover {
  text-decoration: underline;
  background-color: rgba(23,117,81,0.15);
}
article p.nomargin {
  letter-spacing: 0.02em;
  line-height: 1.6;
  margin-bottom: 0;
}
article p,
section p {
  letter-spacing: 0.02em;
  line-height: 1.6;
  margin-bottom: 0.7em;
}
article ul.bullet ,
section ul.bullet ,
article ol.bullet ,
section ol.bullet  {
  list-style-type: inherit;
}
article ul.alpha ,
section ul.alpha ,
article ol.alpha ,
section ol.alpha  {
  list-style-type: lower-alpha;
}
article ul,
section ul,
article ol,
section ol {
  list-style-position: outside;
  list-style-type: decimal;
  margin-bottom: 0.5em;
  margin-left: 30px;
}
article ul li,
section ul li,
article ol li,
section ol li {
  margin-bottom: 0.2em;
}
article ul li:last-child,
section ul li:last-child,
article ol li:last-child,
section ol li:last-child {
  margin-bottom: 0;
}
article h1,
section h1,
article h2,
section h2,
article h3,
section h3,
article h4,
section h4 {
  font-family: 'Roboto', Arial, sans-serif;
  margin-bottom: 0.4em;
  line-height: 1.2;
}
article h1:first-child,
section h1:first-child,
article h2:first-child,
section h2:first-child,
article h3:first-child,
section h3:first-child,
article h4:first-child,
section h4:first-child {
  margin-top: 0 /* If this the top heading to give top margin */;
}
article h1,
section h1 {
  font-size: 36px;
  font-weight: 300;
  margin-top: 0;
}
article h2,
section h2 {
  font-size: 30px;
  font-weight: 700;
  margin-top: 40px;
}
article h2.h3Look,
section h2.h3Look {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #4d4d4d;
  margin-top: 20px;
}
article h3,
section h3 {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #4d4d4d;
  margin-top: 20px;
}
article h4,
section h4 {
  font-size: 16px;
  font-weight: 700;
  margin-top: 20px;
}
article h5,
section h5 {
  font-size: 16px;
  font-wight: 700;
  font-style: italic;
  color: #1c4970;
  margin-top: 20px;
}
.image-cc-seal {
  border-radius: 50%;
  background: url("http://www.co.champaign.il.us/web_resources/images/icon-seal-large.png") no-repeat center;
  background-size: 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .image-cc-seal {
    background-image: url("http://www.co.champaign.il.us/web_resources/images/icon-seal-large@2x.png");
    background-size: 100%;
  }
}
[class^="icon"],
[class*=" icon"] {
  cursor: pointer;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*
.icon-facebook {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%22%22%20height%3D%22%22%20viewBox%3D%220%200%2026%2029%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22%22%3E%3Cg%20id%3D%22icon-facebook%22%3E%3Cpath%20d%3D%22M10.694%2C27.885c-6.077%2C-1.144%20-10.694%2C-6.728%20-10.694%2C-13.435c0%2C-7.534%205.825%2C-13.65%2013%2C-13.65c7.175%2C0%2013%2C6.116%2013%2C13.65c0%2C6.882%20-4.861%2C12.581%20-11.171%2C13.516l0%2C-10.226l2.775%2C0c0%2C0%200.259%2C-1.787%200.385%2C-3.652l-3.145%2C0l0%2C-2.431c0%2C-0.364%200.452%2C-0.854%200.896%2C-0.854l2.148%2C0c0.024%2C-0.561%200.142%2C-2.158%200.257%2C-3.703l-3.214%2C0c-4.34%2C0%20-4.237%2C3.559%20-4.237%2C4.093l0%2C2.909l-2.694%2C0l0%2C3.638l2.694%2C0l0%2C10.145Z%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0;
  width: 28px;
  height: 28px;
}
.icon-twitter {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%22%22%20height%3D%22%22%20viewBox%3D%220%200%2026%2029%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22%22%3E%3Cg%20id%3D%22icon-twitter%22%3E%3Cpath%20d%3D%22M13%2C0.8c7.175%2C0%2013%2C6.116%2013%2C13.65c0%2C7.534%20-5.825%2C13.65%20-13%2C13.65c-7.175%2C0%20-13%2C-6.116%20-13%2C-13.65c0%2C-7.534%205.825%2C-13.65%2013%2C-13.65ZM19.114%2C10.309c0.678%2C-0.427%201.199%2C-1.102%201.444%2C-1.907c-0.634%2C0.395%20-1.337%2C0.681%20-2.084%2C0.836c-0.599%2C-0.669%20-1.452%2C-1.088%20-2.397%2C-1.088c-1.812%2C0%20-3.282%2C1.543%20-3.282%2C3.447c0%2C0.27%200.028%2C0.533%200.085%2C0.785c-2.729%2C-0.144%20-5.148%2C-1.517%20-6.766%2C-3.602c-0.283%2C0.51%20-0.444%2C1.101%20-0.444%2C1.733c0%2C1.196%200.579%2C2.251%201.459%2C2.87c-0.537%2C-0.018%20-1.044%2C-0.173%20-1.486%2C-0.431l0%2C0.043c0%2C1.67%201.131%2C3.063%202.632%2C3.379c-0.275%2C0.079%20-0.565%2C0.121%20-0.864%2C0.121c-0.212%2C0%20-0.417%2C-0.022%20-0.618%2C-0.062c0.417%2C1.37%201.63%2C2.367%203.067%2C2.394c-1.124%2C0.925%20-2.539%2C1.475%20-4.078%2C1.475c-0.264%2C0%20-0.525%2C-0.016%20-0.782%2C-0.048c1.453%2C0.978%203.178%2C1.549%205.032%2C1.549c6.037%2C0%209.339%2C-5.253%209.339%2C-9.807c0%2C-0.149%20-0.002%2C-0.298%20-0.01%2C-0.446c0.642%2C-0.485%201.199%2C-1.092%201.639%2C-1.784c-0.589%2C0.274%20-1.222%2C0.459%20-1.886%2C0.543Z%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0;
  width: 28px;
  height: 28px;
}
*/
.icon-menu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 40px;
  padding: 10px 0;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin-left: auto;
  transition: all 0.2s linear;
}
.icon-menu ._top,
.icon-menu ._middle,
.icon-menu ._bottom {
  background-color: #fff;
  height: 4px;
  width: 100%;
  transition: all 0.2s linear;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.icon-menu ._bottom {
  margin-bottom: 0;
}
.nav-main-toggle[aria-expanded="true"] .icon-menu {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.nav-main-toggle[aria-expanded="true"] .icon-menu ._top {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 8px;
}
.nav-main-toggle[aria-expanded="true"] .icon-menu ._bottom {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  bottom: 8px;
}
.nav-main-toggle[aria-expanded="true"] .icon-menu ._middle {
  opacity: 0;
}
body {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 1.57;
}
.img-replace {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.assistive-text,
.invisible {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
/*
 * Apply default colors so you don't have to
 * override everything
**/
}
.assistive-text:focus,
.invisible:focus {
  clip: auto;
  position: initial !important;
}
.region--dark {
  color: #fff;
}
.region--dark a,
.region--dark a:visited,
.region--dark a:focus,
.region--dark a:hover {
  color: #fff;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.list--flat {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list--horz {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list--horz li {
  display: inline-block;
}
.region--dark {
  color: #fff;
}
.region--dark a,
.region--dark a:visited,
.region--dark a:focus,
.region--dark a:hover {
  color: #fff;
}
.image-right {
  margin: 0 0 15px 0;
}
@media only screen and (min-width: 600px) {
  .image-right {
    float: right;
    max-width: 45%;
    margin-left: 15px;
  }
}
.image-left {
  margin: 0 0 15px 0;
}
@media only screen and (min-width: 600px) {
  .image-left {
    float: left;
    max-width: 45%;
    margin-right: 15px;
  }
}
.image-full {
  margin: 0 0 15px 0;
  width: 100%;
}
.media {
  margin: 40px 0 15px 0;
}
.media ._image {
  margin-top: 15px;
}
@media only screen and (min-width: 600px) {
  .media {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .media ._body {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .media ._image {
    width: 45%;
    margin: 0 0 0 15px;
  }
}
.no-scroll {
  overflow: hidden;
}
.u-mini-heading {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 16px;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 15px;
}
.u-top-space-single {
  margin-top: 15px;
}
.u-top-space-double {
  margin-top: 30px;
}
.u-monospace {
  font-family: "Courier New", Courier, sans;
  background-color: rgba(0,0,0,0.15);
  padding: 0 5px;
}
.right {
	text-align: right;
}
._col {
  display: block;
  padding-left: 9px;
  padding-right: 9px;
  margin-bottom: 18px;
}
[class^="col-"]:after,
[class*=" col-"]:after,
[class^="grid-"]:after,
[class*=" grid-"]:after {
  content: '';
  display: table;
  clear: both;
}
[class^="col-"],
[class*=" col-"],
[class^="grid-"],
[class*=" grid-"] {
  margin-left: -9px;
  margin-right: -9px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.col-2 > ._col {
  width: 100%;
}
.col-2 > ._col:nth-last-child(1) {
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .col-2 > ._col {
    float: left;
    max-width: 50% /* For IE */;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .col-2 > ._col:nth-last-child(2) {
    margin: 0;
  }
}
.col-3  > ._col {
  width: 100%;
}
.col-3  > ._col:nth-last-child(1) {
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .col-3  > ._col {
    float: left;
    -webkit-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    max-width: 33.33% /* For IE */;
  }
  .col-3  > ._col:nth-last-child(2),
  .col-3  > ._col:nth-last-child(3) {
    margin: 0;
  }
}
.col-4 > ._col {
  width: 100%;
}
.col-4 > ._col:nth-last-child(1) {
  margin: 0;
}
@media only screen and (min-width: 400px) {
  .col-4 > ._col {
    max-width: 50% /* For IE */;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .col-4 > ._col:nth-last-child(2) {
    margin: 0;
  }
}
@media only screen and (min-width: 600px) {
  .col-4 > ._col {
    max-width: 25% /* For IE */;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    float: left;
  }
  .col-4 > ._col:nth-last-child(3),
  .col-4 > ._col:nth-last-child(4) {
    margin: 0;
  }
}
.grid-2 > ._col {
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  max-width: 100% /* IE needs this to honor border box sizing */;
}
.grid-2 > ._col:nth-last-child(1) {
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .grid-2 > ._col {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50% /* IE needs this to honor border box sizing */;
    float: left;
  }
  .grid-2 > ._col:nth-last-child(2) {
    margin: 0;
  }
}
.grid-3 > ._col {
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  max-width: 100% /* IE needs this to honor border box sizing */;
}
.grid-3 > ._col:nth-last-child(1) {
  margin: 0;
}
@media only screen and (min-width: 400px) {
  .grid-3 > ._col {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50% /* IE needs this to honor border box sizing */;
    float: left;
  }
  .grid-3 > ._col:nth-last-child(2) {
    margin: 0;
  }
}
@media only screen and (min-width: 600px) {
  .grid-3 > ._col {
    -webkit-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    max-width: 33.33% /* IE needs this to honor border box sizing */;
  }
  .grid-3 > ._col:nth-last-child(3) {
    margin: 0;
  }
}
@media only screen and (min-width: 800px) {
  .grid-3 > ._col {
    max-width: 33.33% /* IE needs this to honor border box sizing */;
    -webkit-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
  }
}
.grid-4 > ._col {
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  max-width: 100% /* IE needs this to honor border box sizing */;
}
.grid-4 > ._col:nth-last-child(1) {
  margin: 0;
}
@media only screen and (min-width: 400px) {
  .grid-4 > ._col {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50% /* IE needs this to honor border box sizing */;
    float: left;
  }
  .grid-4 > ._col:nth-last-child(2) {
    margin: 0;
  }
}
@media only screen and (min-width: 600px) {
  .grid-4 > ._col {
    -webkit-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    max-width: 33.33% /* IE needs this to honor border box sizing */;
  }
  .grid-4 > ._col:nth-last-child(3) {
    margin: 0;
  }
}
@media only screen and (min-width: 800px) {
  .grid-4 > ._col {
    max-width: 25% /* IE needs this to honor border box sizing */;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
  .grid-4 > ._col:nth-last-child(4) {
    margin: 0;
  }
}
.grid-5 > ._col {
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  max-width: 100% /* IE needs this to honor border box sizing */;
}
.grid-5 > ._col:nth-last-child(1) {
  margin: 0;
}
@media only screen and (min-width: 400px) {
  .grid-5 > ._col {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50% /* IE needs this to honor border box sizing */;
    float: left;
  }
  .grid-5 > ._col:nth-last-child(2) {
    margin: 0;
  }
}
@media only screen and (min-width: 600px) {
  .grid-5 > ._col {
    -webkit-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    max-width: 33.33% /* IE needs this to honor border box sizing */;
  }
  .grid-5 > ._col:nth-last-child(3) {
    margin: 0;
  }
}
@media only screen and (min-width: 800px) {
  .grid-5 > ._col {
    max-width: 25% /* IE needs this to honor border box sizing */;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
  .grid-5 > ._col:nth-last-child(4) {
    margin: 0;
  }
}
@media only screen and (min-width: 800px) {
  .grid-5 > ._col {
    max-width: 25% /* IE needs this to honor border box sizing */;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
  }
  .grid-5 > ._col:nth-last-child(5) {
    margin: 0;
  }
}
.breadcrumbs {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  letter-spacing: 0.03em;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 25px;
}
.breadcrumbs li {
  display: inline-block;
}
.breadcrumbs li:after {
  content: '';
  display: inline-block;
  font-size: 1.2em;
  position: relative;
  bottom: 2px;
  margin: 0 6px;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 5px;
  border-color: transparent transparent transparent #818181;
}
.breadcrumbs li a {
  color: #818181;
  display: inline-block;
}
.breadcrumbs li:last-child:after {
  display: none;
}
.breadcrumbs li:last-child a {
  color: #1c4970;
}

a[href^="http://"]:not([href*="co.champaign.il.us"]):after,
a[href^="https://"]:not([href*="co.champaign.il.us"]):after {
  content: '';
  display: inline-block;
  background: url("../../web_resources/images/externalGreen.png") no-repeat 0 0;
  background-size: 100%;
  width: 14px;
  height: 14px;
  position: relative;
  top: 2px;
  margin-left: 7px;
}

a[href*="facebook.com"]:after,
a[href*="twitter.com"]:after,
/* MC adding link for YT 07-13-2021 */
a[href*="youtube.com"]:after,
a[href*="portal.office.com"]:after {
  background: none !important;
}

a[href*="facebook.com"]:hover,
/* MC adding link for YT 07-13-2021 */
a[href*="youtube.com"]:hover,
a[href*="twitter.com"]:hover {
  text-decoration: none !important;
}

a.btn {
  display: block;
  background-color: #fff;
  font-weight: 500;
  padding: 10px 15px;
  text-decoration: none;
  color: #177551;
  text-align: center;
  border: 2px solid #177551;
  letter-spacing: 0.015em;
  max-width: 250px;
  margin-bottom: 0.7em;
}
a.btn:hover,
a.btn:focus {
  text-decoration: none;
  color: #fff;
  background-color: #177551;
}
a.btn[href^="http://"]:not([href*="co.champaign.il.us"]):after,
a.btn[href^="https://"]:not([href*="co.champaign.il.us"]):after {
  content: '';
  display: inline-block;
  background: url("../../web_resources/images/externalGreen.png") no-repeat 0 0;
  background-size: 100%;
  width: 14px;
  height: 14px;
  position: relative;
  top: 2px;
  margin-left: 7px;
}
a.btn[href^="http://"]:not([href*="co.champaign.il.us"]):hover:after,
a.btn[href^="https://"]:not([href*="co.champaign.il.us"]):hover:after {
  background-image: url("../../web_resources/images/externalWhite.png");
}
.btn.btn--green {
  border-color: #177551;
  background-color: #177551;
  color: #fff;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
}
.btn.btn--green:hover,
.btn.btn--green:focus {
  color: #fff;
  background-color: #1a825a;
  border-color: #1a825a;
}
.btn.btn--white {
  background-color: #fff;
  border-color: #fff;
  color: #177551;
}
.btn.btn--white:hover,
.btn.btn--white:focus {
  background-color: rgba(255,255,255,0.1);
  color: #fff;
}
._col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
._col > .btn {
  max-width: none;
  margin-bottom: 0;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.button-row {
  margin-top: 25px;
  margin-bottom: 25px;
}
.hero-title {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  text-align: center;
}
.hero-title .l-full {
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}
.hero-title .page-title {
  font-size: 48px;
  color: #fff;
  font-family: 'Roboto Slab', Georgia, serif;
  font-weight: 300;
  line-height: 1.1;
}
.hero-title ._img {
  margin-bottom: 25px;
}
@media only screen and (max-width: 600px) {
  .hero-title ._img {
    display: none;
  }
}
.header--full .hero-title .l-full:before {
  display: none;
}
.image-captioned {
  margin-bottom: 15px;
  width: 100% /* For IE */;
/*img*/
}
.image-captioned ._image {
  margin-bottom: 15px;
}
.image-captioned ._label {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0.5em;
  color: #4d4d4d;
}
.image-group {
  margin-top: 40px;
  margin-bottom: 40px;
}
#deptfilter div {
	margin: 0px;
}
#deptfilter div button {
	width: 100%;
}
.nav-departments {
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px;
/* List item */
}
@media only screen and (min-width: 600px) {
  .nav-departments {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media only screen and (min-width: 800px) {
  .nav-departments {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
.nav-departments > ._item {
  padding-bottom: 10px;
  column-break-inside: avoid /* Chrome, Safari, Opera */;
  page-break-inside: avoid /* Firefox */;
  -webkit-column-break-inside: avoid /* IE 10+ */;
          break-inside: avoid /* IE 10+ */;
/* Link in list */
/* Toggle button with animated plus sign */
/*button*/
/* Button is hovered */
/*button*/
/* Additional links list */
}
.nav-departments > ._item:last-child {
  margin-bottom: 0;
}
.nav-departments > ._item > a {
  border: 1px solid #e3e3e3;
  background-color: #fff;
  display: block;
  padding: 12px 15px;
  color: #4d4d4d;
  font-weight: 500;
/* Show external icon if external link */
}
.nav-departments > ._item > a:hover,
.nav-departments > ._item > a:active {
  background-color: #1c4970;
  text-decoration: none;
  color: #fff;
}
.nav-departments > ._item > a[href^="http://"]:not([href*="co.champaign.il.us"]),
.nav-departments > ._item > a[href^="https://"]:not([href*="co.champaign.il.us"]) {
  position: relative;
  padding-right: 30px;
}
.nav-departments > ._item > a[href^="http://"]:not([href*="co.champaign.il.us"]):after,
.nav-departments > ._item > a[href^="https://"]:not([href*="co.champaign.il.us"]):after {
  content: '';
  display: inline-block;
  background: url("../../web_resources/images/externalGreen.png") no-repeat 0 0;
  background-size: 100%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  right: 15px;
}
.nav-departments > ._item > a[href^="http://"]:not([href*="co.champaign.il.us"]):hover:after,
.nav-departments > ._item > a[href^="https://"]:not([href*="co.champaign.il.us"]):hover:after,
.nav-departments > ._item > a[href^="http://"]:not([href*="co.champaign.il.us"]):focus:after,
.nav-departments > ._item > a[href^="https://"]:not([href*="co.champaign.il.us"]):focus:after {
  background: url("../../web_resources/images/externalWhite.png") no-repeat 0 0;
}
.nav-departments > ._item ._toggle {
  border: 1px solid #e3e3e3;
  border-top: 0;
  display: block;
  font-size: 14px;
  background-color: #f8f8f8;
  padding: 10px 20px;
  color: #177551;
  position: relative;
  cursor: pointer;
  text-align: left;
  width: 100%;
/* Button is toggled */
}
.nav-departments > ._item ._toggle:before {
  content: 'Additional Links';
}
.nav-departments > ._item ._toggle .icon-plus {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  overflow: visible;
}
.nav-departments > ._item ._toggle[aria-expanded="true"] ._plus {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.nav-departments > ._item ._toggle[aria-expanded="true"]:before {
  content: 'Collapse';
}
.nav-departments > ._item ._toggle:hover,
.nav-departments > ._item ._toggle:active {
  background-color: #1c4970;
  color: #fff;
}
.nav-departments > ._item ._toggle:hover ._plus,
.nav-departments > ._item ._toggle:active ._plus,
.nav-departments > ._item ._toggle:hover ._minus,
.nav-departments > ._item ._toggle:active ._minus {
  background-color: #fff;
}
.nav-departments > ._item ._toggle ._plus,
.nav-departments > ._item ._toggle ._minus {
  display: block;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  background-color: #177551;
  position: absolute;
  left: 50%;
  top: 50%;
}
.nav-departments > ._item ._toggle ._minus {
/* Center on it's self */
  width: 10px;
  height: 2px;
  margin-top: -1px;
  margin-left: -5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.nav-departments > ._item ._toggle ._plus {
/* Center on it's self */
  width: 2px;
  height: 10px;
  margin-left: -1px;
  margin-top: -5px;
}
.nav-departments > ._item ._links {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #e3e3e3;
  border-top: 0;
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  background-color: #f8f8f8;
  font-weight: 700;
  transition: all 0.3s;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
}
.nav-departments > ._item ._links.active {
  visibility: visible;
  padding-top: 12px;
  padding-bottom: 12px;
  max-height: 900px /* A value that is higher that it will ever naturally get. This is the transition can work. */;
}
.post-teaser {
  border-top: 2px solid #e3e3e3;
  padding-top: 10px;
/*h3*/
}
.post-teaser ._date {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.post-teaser ._title {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  line-height: 1.5;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.section--green .post-teaser {
  border-top: 2px solid #86fccf;
}
.section--green ._title {
  font-weight: 300;
}
.section--green ._title a {
  color: #fff;
}
.section--green ._title a:hover,
.section--green ._title a:focus {
  background-color: rgba(134,252,207,0.1);
  text-decoration: none;
  color: #86fccf;
}
.section--green ._date {
  color: #86fccf;
  font-weight: 400;
}
.tweet ._user {
  font-weight: 700;
}
.tweet ._tweet {
  margin-top: 10px;
}
.info-block {
  display: block;
}
.info-block ._title {
  font-size: 18px;
  font-weight: 400;
  padding: 10px 20px;
  background-color: #1c4970;
  color: #fff;
  margin: 0;
}
.info-block ._title a,
.info-block ._title a:visited,
.info-block ._title a:focus,
.info-block ._title a:hover,
.info-block ._title a:active {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}
.info-block ._title a[href^="http://"]:not([href*="co.champaign.il.us"]):after,
.info-block ._title a[href^="https://"]:not([href*="co.champaign.il.us"]):after,
.info-block ._title a[href^="http://"]:not([href*="co.champaign.il.us"]):hover:after,
.info-block ._title a[href^="https://"]:not([href*="co.champaign.il.us"]):hover:after {
  content: '';
  display: inline-block;
  background-image: url("../../web_resources/images/externalWhite.png");
  background-size: 100%;
  width: 14px;
  height: 14px;
  position: relative;
  top: 2px;
  margin-left: 7px;
}
.info-block ._description {
  background: #fff;
  padding: 20px;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  color: #4d4d4d;
}
.info-block ._action {
  margin-top: 10px;
  color: #177551;
}
.info-block:hover,
.info-block:focus {
  text-decoration: none;
}
.info-block:hover ._title,
.info-block:focus ._title {
  background-color: #092b49;
}
.info-block:hover ._action,
.info-block:focus ._action {
  text-decoration: underline;
}
.l-footer {
  background-color: #00426e;
}
.nav-footer {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 15px 0;
}
.nav-footer li {
  display: inline-block;
}
.nav-footer li {
  font-weight: 300;
}
.nav-footer li:after {
  content: "|";
  margin: 0 3px;
}
.nav-footer li:last-child:after {
  display: none;
}
.nav-inpage {
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px;
}
@media only screen and (min-width: 600px) {
  .nav-inpage {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media only screen and (min-width: 800px) {
  .nav-inpage {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}

.nav-inpage ._item {
  padding-bottom: 10px;
  column-break-inside: avoid /* Chrome, Safari, Opera */;
  page-break-inside: avoid /* Firefox */;
  -webkit-column-break-inside: avoid /* IE 10+ */;
          break-inside: avoid /* IE 10+ */;
}

.nav-inpage ._item a.ext {
	background-image: url("../../web_resources/images/externalGreen.png") !important;
	background-size: 14px;
}

.nav-inpage ._item a.ext:hover,
.nav-inpage ._item a.ext:focus {
	background-image: url("../../web_resources/images/externalWhite.png") !important;
}

.nav-inpage ._item a {
  background-color: #fff;
  display: block;
  border: 1px solid #e3e3e3;
  padding: 12px 30px 12px 20px;
  color: #4d4d4d !important;
  text-decoration: none;
  font-weight: 700;
  background: #fff url("../../web_resources/images/icon-green-down.png") no-repeat 16px 18px;
  background-position: calc(100% - 16px) 18px;
  background-size: 11px 11px;
}
.nav-inpage ._item a:hover,
.nav-inpage ._item a:focus {
  background-color: #1c4970;
  background-image: url("../../web_resources/images/icon-white-down.png");
  color: #ffffff !important;
  text-decoration: none;
}
.nav-inpage ._item:last-child {
  margin-bottom: 0;
}
.l-navigation {
  background-color: #155f43;
}
.nav-main {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-main li a {
  padding: 10px;
  display: block;
  text-align: center;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
}
.nav-main li.active a,
.nav-main li a:hover,
.nav-main li a:focus {
  text-decoration: none;
  background-color: #177551;
  border-top: 2px solid #fff;
}
.nav-main-toggle {
  margin-left: auto;
  display: block;
  border: none !important;
}
@media only screen and (max-width: 400px) {
  .nav-main {
    width: 100%;
  }
}
@media only screen and (max-width: 670px) {
  .nav-main {
    position: absolute;
    top: 40px;
    right: 0;
    background-color: #155f43;
    display: none;
    z-index: 7;
    border: 5px solid #155f43;
  }
  .nav-main.active {
    display: block;
  }
  .nav-main li.active a,
  .nav-main li a:hover,
  .nav-main li a:focus {
    text-decoration: none;
    background-color: #177551;
    border-top: 2px solid #fff;
  }
  .nav-main li a {
    border-top: 2px solid transparent;
  }
}
@media only screen and (min-width: 670px) {
  .nav-main {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .nav-main li {
    display: inline-block;
  }
  .nav-main li {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .nav-main li a {
    border-left: 2px solid #177551;
    border-right: 2px solid #177551;
    border-top: 3px solid transparent;
    margin: 0 -1px;
  }
  .nav-main li.active a,
  .nav-main li a:hover,
  .nav-main li a:focus {
    border-top: 3px solid #fff;
    border-left: 0;
    border-right: 0;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    padding-left: 12px /* Counteract the negative margins in non-hover state */;
    padding-right: 12px;
    position: relative;
    z-index: 1;
  }
  .nav-main-toggle {
    display: none;
  }
}
.skip-to-content {
  width: 100%;
  color: #fff;
  background-color:#177551;
  position:absolute;
  z-index:999;
}
.skip-to-content:hover,
.skip-to-content:focus {
  color: #fff;
  text-decoration: underline;
}
.nav-secondary-toggle {
  background-color: #fff;
  border-left: 3px solid #177551;
  border-bottom: 1px solid #dce3eb;
  padding: 10px 12px 10px 9px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  display: block;
  width: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  text-align: left;
}
@media only screen and (min-width: 600px) {
  .nav-secondary-toggle {
    display: none;
  }
}
.nav-secondary-toggle.is-affixed {
  position: fixed;
}
.nav-secondary-toggle.active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.nav-secondary-toggle.active:after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.nav-secondary-toggle:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #fff url("../../web_resources/images/icon-green-left.png") no-repeat center;
  background-size: 10px 10px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
}
@media only screen and (max-width: 600px) {
  .nav-secondary {
    display: none;
    background-color: #fff;
    z-index: 5;
    -webkit-tap-highlight-color: rgba(0,0,0,0) /* Stop Safari in iOS from flickering */;
    overflow: auto;
    background-color: #f2f6fa;
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .nav-secondary.active {
    display: block;
    z-index: 99;
  }
  .nav-secondary ._title {
    padding: 10px 12px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    display: block;
  }
  .nav-secondary ._menu ._item {
    margin: 0;
  }
  .nav-secondary ._menu ._item a {
    display: block;
    background-color: #fff;
    padding: 12px 14px;
    margin: 0;
    margin-bottom: 1px;
  }
  .nav-secondary ._menu ._item a:hover,
  .nav-secondary ._menu ._item a:focus {
    text-decoration: none;
    background-color: #177551;
    color: #fff;
  }
  .l-content > .l-full {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 600px) {
  .nav-secondary ._title {
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 1.5em;
    letter-spacing: 0.05em;
  }
  .nav-secondary ._menu {
    list-style: none;
  }
  .nav-secondary ._menu li {
    margin-bottom: 1em;
  }
  .nav-secondary ._menu li a {
    display: inline-block;
  }
  .nav-secondary ._menu li.active a,
  .nav-secondary ._menu li a:hover,
  .nav-secondary ._menu li a:focus {
    font-weight: 700;
    text-decoration: none;
  }
}

h2#deptmnt._title a {
	color: #4d4d4d !important;
}

.filters {
  margin: 20px 0 40px 0;
}
.filter {
  display: inline-block;
  margin: 0 5px 8px 0;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
  padding: 6px 15px;
  background-color: #fff;
  color: #4d4d4d;
  cursor: pointer;
}
.filter[aria-pressed="true"],
.filter.active,
.filter:hover,
.filter:focus {
  background-color: #1c4970;
  border-color: #1c4970;
  color: #fff;
  text-decoration: none;
}
#mixitup ._col {
  display: none;
}
.section-split ._left {
  margin-bottom: 50px;
}
@media only screen and (min-width: 800px) {
  .section-split {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .section-split ._left {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 0;
  }
  .section-split ._right {
    width: 33.33%;
    margin-left: 18px;
  }
}
.quick-facts {
  border: 1px solid #e3e3e3;
  padding: 20px 15px;
}
.quick-facts h3 {
  text-transform: uppercase;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-top: 1.5em;
  color: #1c4970;
  letter-spacing: 0.086em;
}
.quick-facts p.large {
  font-size: 24px;
}
.l-footer {
  background: #155f43;
  overflow: hidden;
}
.l-footer .l-full {
  padding-top: 25px;
  padding-bottom: 20px;
}
.l-footer .closure {
  margin-top: 15px;
  font-size: 14px;
}
.social-links {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.social-links a+a {
  margin-left: 10px;
}
@media only screen and (min-width: 600px) {
  .l-footer .closure {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: space-betweem;
            justify-content: space-between;
  }
  .social-links {
    margin-left: auto;
  }
  .social-links a {
    margin-left: 10px;
  }
}
.l-brand {
  padding: 10px 0;
  background-color: #177551;
}
.l-brand .l-full {
  zoom: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-title {
  padding: 20px 0 20px 0;
}
.site-title ._primary {
  font-size: 38px;
  font-family: 'Roboto Slab', Georgia, serif;
  font-weight: 300;
  color: #fff;
  letter-spacing: 0.03em;
  line-height: 1;
  margin-bottom: 0px;
  padding-bottom: 22px;
  border-bottom: 2px solid #86fccf;
}
.site-title ._secondary {
  font-size: 26px;
  font-family: 'Roboto Condensed', Arial, sans-serif;
  font-weight: 500;
  color: #86fccf;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  display: inline-block;
}
.logo {
  display: block;
  width: 130px;
  height: 130px;
  margin-right: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  .logo {
    display: none;
  }
}
.header--full .l-brand {
  background: linear-gradient(rgba(0,0,0,0.50), rgba(0,0,0,0.75)), url("../../web_resources/images/courthouse.jpg") no-repeat center /* Background image with gradient tint overlay */;
  background-size: cover;
  padding: 80px 0 70px 0;
}
@media only screen and (max-width: 600px) {
  .header--full .l-brand {
    background-size: cover;
  }
}
.header--full .l-brand .l-full {
  display: block /* Override flex in usual conditions */;
}
.header--full .l-brand .logo {
  margin: auto;
  margin-bottom: 10px;
  width: 180px;
  height: 180px;
}
@media only screen and (max-width: 600px) {
  .header--full .l-brand .logo {
    display: block;
  }
}
.header--full .l-brand .site-title {
  text-align: center;
}
.header--full .l-brand .site-title ._primary {
  font-size: 48px;
  margin-bottom: 15px;
}
.section {
  padding: 40px 0;
}
.section h2 {
  font-weight: 500;
  margin-bottom: 1em;
}
.section--opening {
  padding: 60px 0;
}
.section--green {
  background-color: #177551;
}
.section--gray {
  background-color: #f8f8f8;
}
.section--bg-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.section--dark {
  color: #fff;
  font-weight: 300 /* Make the weight lower when white on dark because it looks too bold otherwise */;
}
.section--dark a {
  color: #86fccf;
}
.section-description {
  position: relative;
  top: -20px;
}
.section--jump-list h2 {
  padding-bottom: 10px;
  border-bottom: 2px solid transparent;
  margin-top: 80px;
  margin-bottom: 15px;
  border-color: #e3e3e3;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.section--jump-list h2 span {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.section--jump-list h2 a {
  font-size: 16px;
  font-weight: 400;
}
.section--jump-list h2 a:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 11px;
  background: #ffffff url("../../web_resources/images/icon-green-down.png") no-repeat center;
  background-size: 10px 11px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  line-height: 0;
  margin-left: 10px;
}


/* basic styles */
img.pad {
	padding-bottom:5px;
}
.bold {
    font-weight:bold !important;
}
.normal {
    font-weight:normal !important;
}
.center {
    text-align:center !important;
}
.full {
	width:100%;
}
.justify {
	text-align:justify !important;
}
.left {
	text-align:left !important;
}
.right {
	text-align:right !important;
}
.underline {
	text-decoration:underline !important;
}
.small {
    font-variant: small-caps;
}

.border {
	border:2px solid #DCEAE5;
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.ltGray {
	background-color: #f8f8f8;
}

.ltGreen {
	background-color: #DCEAE5;
}

.padSides {
    padding: 0px 5px;
}

.padH3 {
    padding: 5px 5px 1px 10px;
}

/* class to hide ADA required content from the screen */
.hidden {
    position:absolute;
    top:-9999px;
    left:-9999px;
    height:1px;
    width:1px;
}

/* footer styles */
.footBlock {
	display: block;
	width: 100%;
}
.contact {
    color:#FFFFFF;
    font-size:14px;
}
.contact a {
    color:inherit;
}

.white a, .white a:hover, .white a:focus {
	color:#FFFFFF;
}

/* Google custom search styles */
.search-box {
    height: 27px;
    width: 200px;
    margin: 2px;
}

.search-button {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #155F43;
    height: 27px;
    width: 75px;
    margin: 2px;
}

/* accordion styles */
/* Style the buttons that are used to open and close the accordion panel 
 button.accordion {
    background-color: #1c4970;
    color: #ffffff;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}
*/
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) 
 button.accordion.active, button.accordion:hover {
    background-color: #092b49;
}
*/
 button.accordion {
	background: #ffffff url("../../web_resources/images/icon-green-down.png") no-repeat scroll calc(100% - 16px) 18px / 11px auto;
	border: 1px solid #e3e3e3;
    color: #4d4d4d;
    display: block;
    font-weight: 700;
	text-align: left;
    padding: 12px 30px 12px 20px;
	width: 100%;
}

button.accordion:hover {
	background: #1c4970 url("../../web_resources/images/icon-white-down.png") no-repeat scroll calc(100% - 16px) 18px / 11px auto;
	color: #ffffff;
}

 button.accordion.active {
	background: #1c4970 url("../../web_resources/images/icon-white-up.png") no-repeat scroll calc(100% - 16px) 18px / 11px auto;
    color: #ffffff;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
	border:2px solid #DCEAE5;
}

div.panel div {
	display:none;
}

/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
div.panel.show {
    opacity: 1;
    max-height: 999999px;
}

div.panel.show div {
	display:block;
}

ol.alpha {
    list-style-type:upper-alpha;
    padding: 5px;
}


ul.nobullet {
	list-style-type: none;
	padding: 0;
	margin-left: 0;
}

ul.nobullet li {
	list-style: none;
}

ul.nonumber li {
	list-style: none;
}
ul.noindent {
	margin: 0px !important;
}

dl.twocol dt {
    float: left;
}
dl.twocol dd {
    text-align: right;
}


.tableView {
    display:table;
}

.tableRow {
    display: table-row;
}

.tableCell {
    display: table-cell;
	padding-left:5px !important;
	margin-left: 5px !important;
}

ul.centerUL {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

ul.plainUL {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

fieldset {
    border: 0;
}

input, select {
    color: #4d4d4d;
    font-family: "Roboto", Arial,sans-serif;
    font-size: 16px;
}

.error {
	color: #cc0000;
}




.chart {
    border-collapse: collapse;
    width: 100%;
}

.chart th, .chart td {
    text-align:left !important;
    vertical-align: top !important;
    padding:0px 10px !important;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #DCEAE5;
}

.chart2 {
    border-collapse: collapse;
    width: 100%;
}

.chart2 th, .chart2 td {
    text-align:left !important;
    vertical-align: top !important;
    padding:0px 10px !important;
    border: none;
}

.chart3 {
    border-collapse: collapse;
    width: 100%;
}

.chart3 th {
    vertical-align: center !important;
    padding:0px 10px !important;
    border: 1px solid #155F43;
}

.chart3 td {
    vertical-align: center !important;
    padding:0px 10px !important;
    border: 1px solid #155F43;
}

.fill {
    background: #DCEAE5;
}

.fill2 {
    color: #FFFFFF;
    background: #155F43;
}

.tcenter th, .tcenter td {
    text-align: center !important;
}

.thead {
    color: #ffffff;
    background-color: #1C4970;
    line-height: 32px;
}

.thead th {
	border: 1px solid #1C4970 !important;
}



.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../../../web_resources/images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}



/* styles for the slick tabs */
.tabs {
    display: flex;
    margin: 1px 0;
    align-items: center;
    justify-content: center;
    list-style: none;
}
.tabs li {
    cursor: pointer;
    margin: 0;
    padding: 5px;
    width: 20%;
    text-align: center;
    border: 1px solid #DCEAE5;
    border-bottom: 3px solid #DCEAE5;
}
.tab {
    color: #155F43;
    background-color: #FFFFFF;
}
.tab:hover {
    border-bottom: 3px solid #155F43;
}
.tab.active {
    background-color: #DCEAE5; 
    cursor: auto; 
    border-bottom: 3px solid #155F43;
}
.tab.active + a:hover {
    cursor: auto;
}
.tab a {
    text-decoration: none !important;
}
.tab a:hover {
    background-color: transparent !important;
}

.slides {
    position: relative; 
}
.slick-list {
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
    display: block;
}
.slick-list:focus {
    outline: none;
}
.slick-slide {
    height: 100%; 
    position: relative; 
    float: left;
    padding: 2px;
}

/* styles for the pager */
.pageof {
	float:left;
	color: #1C4970;
	font-weight: bold;
	padding: 5px;
}
.pages {
	float:right;
	color: #1C4970;
	font-weight: bold;
	padding: 5px;
}
.pager {
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: center;
    list-style: none;
}
.pager li {
	margin-bottom: 0;
    margin-left: 10px;
    text-align: center;
	color: #155F43;
	font-weight: bold;
}
.pager li a, .pager li a:visited {
	color: #1C4970;
	font-weight: bold;
}


#loading {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background-image: url("../images/gif-load.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}

#captcha-audioIcon{width:32px; height:32px;}

/*accordion*/
/* .panel-body{background-color:#c3b091; }
.panel-group .panel {border-width: 0;}

.panel-heading {
padding: 5px 5px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
	background-repeat: repeat-x;
	background-image: linear-gradient(to bottom, #E8DAC4 0%, #E8DAC4 100%);
} */