<style>
/*
  OVERRIDES AND ADDITIONS TO NORMAL PURE.CSS BEHAVIORS
*/

/*
 Add gutters as an option to pure grids.
 Call using: <div class="pure-g gutters">
*/

/*.pure-g.gutters{
  margin: 0 -1em;
}
.pure-g.gutters > [class *=pure-u]{
  box-sizing: border-box;
  padding: 0em 1em;
}
*/
/*.pure-g > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.l-box {
    padding: 1em;
}
*/
/* Re-Add pure-u-xs size */
@media screen and (min-width:35.5em){.pure-u-xs-1,.pure-u-xs-1-1,.pure-u-xs-1-2,.pure-u-xs-1-3,.pure-u-xs-2-3,.pure-u-xs-1-4,.pure-u-xs-3-4,.pure-u-xs-1-5,.pure-u-xs-2-5,.pure-u-xs-3-5,.pure-u-xs-4-5,.pure-u-xs-5-5,.pure-u-xs-1-6,.pure-u-xs-5-6,.pure-u-xs-1-8,.pure-u-xs-3-8,.pure-u-xs-5-8,.pure-u-xs-7-8,.pure-u-xs-1-12,.pure-u-xs-5-12,.pure-u-xs-7-12,.pure-u-xs-11-12,.pure-u-xs-1-24,.pure-u-xs-2-24,.pure-u-xs-3-24,.pure-u-xs-4-24,.pure-u-xs-5-24,.pure-u-xs-6-24,.pure-u-xs-7-24,.pure-u-xs-8-24,.pure-u-xs-9-24,.pure-u-xs-10-24,.pure-u-xs-11-24,.pure-u-xs-12-24,.pure-u-xs-13-24,.pure-u-xs-14-24,.pure-u-xs-15-24,.pure-u-xs-16-24,.pure-u-xs-17-24,.pure-u-xs-18-24,.pure-u-xs-19-24,.pure-u-xs-20-24,.pure-u-xs-21-24,.pure-u-xs-22-24,.pure-u-xs-23-24,.pure-u-xs-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-xs-1-24{width:4.1667%;*width:4.1357%}.pure-u-xs-1-12,.pure-u-xs-2-24{width:8.3333%;*width:8.3023%}.pure-u-xs-1-8,.pure-u-xs-3-24{width:12.5%;*width:12.469%}.pure-u-xs-1-6,.pure-u-xs-4-24{width:16.6667%;*width:16.6357%}.pure-u-xs-1-5{width:20%;*width:19.969%}.pure-u-xs-5-24{width:20.8333%;*width:20.8023%}.pure-u-xs-1-4,.pure-u-xs-6-24{width:25%;*width:24.969%}.pure-u-xs-7-24{width:29.1667%;*width:29.1357%}.pure-u-xs-1-3,.pure-u-xs-8-24{width:33.3333%;*width:33.3023%}.pure-u-xs-3-8,.pure-u-xs-9-24{width:37.5%;*width:37.469%}.pure-u-xs-2-5{width:40%;*width:39.969%}.pure-u-xs-5-12,.pure-u-xs-10-24{width:41.6667%;*width:41.6357%}.pure-u-xs-11-24{width:45.8333%;*width:45.8023%}.pure-u-xs-1-2,.pure-u-xs-12-24{width:50%;*width:49.969%}.pure-u-xs-13-24{width:54.1667%;*width:54.1357%}.pure-u-xs-7-12,.pure-u-xs-14-24{width:58.3333%;*width:58.3023%}.pure-u-xs-3-5{width:60%;*width:59.969%}.pure-u-xs-5-8,.pure-u-xs-15-24{width:62.5%;*width:62.469%}.pure-u-xs-2-3,.pure-u-xs-16-24{width:66.6667%;*width:66.6357%}.pure-u-xs-17-24{width:70.8333%;*width:70.8023%}.pure-u-xs-3-4,.pure-u-xs-18-24{width:75%;*width:74.969%}.pure-u-xs-19-24{width:79.1667%;*width:79.1357%}.pure-u-xs-4-5{width:80%;*width:79.969%}.pure-u-xs-5-6,.pure-u-xs-20-24{width:83.3333%;*width:83.3023%}.pure-u-xs-7-8,.pure-u-xs-21-24{width:87.5%;*width:87.469%}.pure-u-xs-11-12,.pure-u-xs-22-24{width:91.6667%;*width:91.6357%}.pure-u-xs-23-24{width:95.8333%;*width:95.8023%}.pure-u-xs-1,.pure-u-xs-1-1,.pure-u-xs-5-5,.pure-u-xs-24-24{width:100%}}

/*
=====
 Add -hidden classes to hide sections at the normal PureCSS media query breakpoints instead of having to write our own for each id.  Taken from https://github.com/yahoo/pure/issues/326
=====
 */
 /* em pure-hidden values */

/* pure-hidden-xs */
@media screen and (max-width:35.438em) {
    .pure-visible-sm{display:none}
    .pure-visible-md{display:none}
    .pure-visible-lg{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-xs{display:none}
}
/* pure-hidden-sm */
@media screen and (min-width:35.5em) and (max-width:47.938em) {
    .pure-visible-xs{display:none}
    .pure-visible-md{display:none}
    .pure-visible-lg{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-sm{display:none}
}
/* pure-hidden-md */
@media screen and (min-width:48em) and (max-width:63.938em) {
    .pure-visible-xs{display:none}
    .pure-visible-sm{display:none}
    .pure-visible-lg{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-md{display:none}
}
/* pure-hidden-lg */
@media screen and (min-width:64em) and (max-width:79.938em) {
    .pure-visible-xs{display:none}
    .pure-visible-sm{display:none}
    .pure-visible-md{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-lg{display:none}
}
/* pure-hidden-xl */
@media screen and (min-width:80em) {
    .pure-visible-xs{display:none}
    .pure-visible-sm{display:none}
    .pure-visible-md{display:none}
    .pure-visible-lg{display:none}
    .pure-hidden-xl{display:none}
}

/*
Override horizonal menu non-wrapping
*/
.pure-menu-heading {
  color: white;
  /*color: black;*/
}
.pure-menu-horizontal {
    white-space: normal;
    /*background-color: #404040;*/
    /*background-color: #ffd09a;*/
    background-color: #242424;
}
.pure-menu-children {
    /*background-color: #404040;*/
    /*background-color: #ffd09a;*/
    background-color: #242424;
}
.pure-menu-link {
  color: #ffffff;
  /*color: #000000;*/
}
/* Fixes menus being a couple pixels off when they have sub-menus, overriding middle */
.pure-menu-horizontal .pure-menu-item {
  vertical-align: baseline;
}

/* Override for vertical alignment in pure-grids */

.pure-g-valign-fix {
  display:block;
}

.pure-stretch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}



/* Keith's Override for touch menu */
.custom-brand img{
	max-width: none;
}
.compact-custom {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.compact-custom .fa-bars{
	width: 3em;
}

.errata {
    border-radius: 10px;
}
.errata .error{
	color:#ce9308;
	font-weight: bold;
	font-style: italic;
}
.round-top{
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}


</style>
