@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, aside ol, li, fieldset, article section, form, label, article .radioGroup .question, article .yesNo .question, article dl dt, legend, article section h3, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, main, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent; }

main, article, aside, figure, footer, header, nav, section, details, summary {
  display: block; }

/* Handle box-sizing while better addressing child elements: 
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%; }

/* force a vertical scrollbar to prevent a jumpy page */
/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul, aside ol {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: middle; }

.ie7 input[type="checkbox"] {
  vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

small {
  font-size: 85%; }

b, strong {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable,
label,
article .radioGroup .question,
article .yesNo .question,
article dl dt,
input[type=button],
input[type=submit],
input[type=file],
button,
a.button {
  cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, a.button, input, select, textarea {
  margin: 0; }

/* make buttons play nice in IE */
button, a.button,
input[type=button] {
  width: auto;
  overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic; }

/* let's clear some floats */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

/* ## Sizes ## */
/* ## Fonts ## */
/* ## Font Weights ## */
/* ## Colors
https://www.youtube.com/watch?v=rmUvQ6Hs0z8 ## */
/* Default "color" is blue */
/*for table row highlighting*/
/* ## Transition ## */
/* ## Media Query Break point sizes ## */
/* 12-Column Grid System */
/* 	For 3 columns add:
	"width: grid-width(4);"

	For 4 add:
	"width: grid-width(3);"
*/
/* Font Sizing */
/* ## Box Shadows with color argument ## */
/*Text Shadow with color argument*/
/* top to bottom (Vertical) gradient mixin */
/* JqueryUI StAT Styles */
/*Jquery Datepicker styles
//////////////////////////////// */
#ui-datepicker-div {
  background: #ccc;
  /*border: 1px solid $light;*/
  width: 300px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8); }
  #ui-datepicker-div .ui-datepicker-header {
    position: relative;
    background: #416E92; }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
      font-family: "Open Sans", sans-serif;
      font-size: 21px;
      font-size: 1.3125rem;
      line-height: 2em;
      color: white;
      text-align: center;
      text-shadow: 0 1px 0px rgba(0, 0, 0, 0.6); }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
      position: absolute;
      top: .8em;
      left: .5em;
      width: 1em;
      height: 1em;
      text-indent: -9999em;
      background-image: url(../images/jqueryui/ui-datepicker-prev.png);
      background-position: center center;
      background-repeat: no-repeat;
      cursor: pointer; }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
      background-image: url(../images/jqueryui/ui-datepicker-next.png);
      left: auto;
      right: .5em; }
  #ui-datepicker-div table.ui-datepicker-calendar {
    width: 100%;
    border: 0.5em solid #ccc; }
    #ui-datepicker-div table.ui-datepicker-calendar th {
      color: white; }
    #ui-datepicker-div table.ui-datepicker-calendar td {
      border: 1px solid #ccc; }
      #ui-datepicker-div table.ui-datepicker-calendar td a {
        display: block;
        text-decoration: none;
        background: #e6e6e6;
        text-align: center; }
        #ui-datepicker-div table.ui-datepicker-calendar td a:hover {
          background: white; }
        #ui-datepicker-div table.ui-datepicker-calendar td a:active {
          color: white;
          background: #c97e1b; }
        #ui-datepicker-div table.ui-datepicker-calendar td a.ui-state-active {
          color: white;
          background: #c97e1b; }
      #ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-today a {
        background: white; }
        #ui-datepicker-div table.ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active {
          color: white;
          background: #c97e1b; }

/* /#ui-datepicker-div */
/* Jquery UI Dialog Styles 
//////////////////////////////// */
.ui-dialog {
  width: 80%;
  height: auto;
  background-color: white;
  color: #333;
  padding: 0;
  border: 4px solid #416E92;
  z-index: 100;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.ui-dialog-titlebar {
  position: relative;
  width: 100%;
  height: 2em;
  background: #416E92;
  color: white; }

.ui-dialog-title {
  float: left;
  padding: 0 0 0 4px;
  line-height: 2em;
  text-shadow: 0 1px 2px #333;
  font-family: "Open Sans", sans-serif; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  top: .0em;
  right: 4px; }

.ui-dialog-content {
  padding: 1em 1em 0 1em; }

.ui-dialog-content p, .ui-dialog-content ul, .ui-dialog-content aside ol, aside .ui-dialog-content ol, .ui-dialog-content ol, .ui-dialog-content h3, .ui-dialog-content h4 {
  text-align: left;
  margin: 0 0 1em 0; }

.ui-dialog-content h4 {
  font-weight: bold;
  color: #416E92;
  margin-bottom: 0; }

.ui-dialog-content ul, .ui-dialog-content aside ol, aside .ui-dialog-content ol, .ui-dialog-content ol {
  text-align: left;
  margin: 1em; }

.ui-dialog-content p.buttons {
  overflow: auto; }

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4); }

/* /Dialog */
/* JqueryUI Tabs 
//////////////////////////////// */
.tabs ul.ui-tabs-nav, .tabs aside ol.ui-tabs-nav, aside .tabs ol.ui-tabs-nav {
  margin: 0;
  padding: 1rem 1rem 0 1rem;
  list-style: none;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-size: 0.875rem; }
  @media screen and (max-width: 480px) {
    .tabs ul.ui-tabs-nav, .tabs aside ol.ui-tabs-nav, aside .tabs ol.ui-tabs-nav {
      padding: .5rem .5rem 0 .5rem; } }
  .tabs ul.ui-tabs-nav li, .tabs aside ol.ui-tabs-nav li, aside .tabs ol.ui-tabs-nav li {
    display: inline-block;
    margin: 0 0 .125em 0;
    list-style: none;
    background: #e6e6e6;
    border-radius: 3px; }
    @media screen and (max-width: 480px) {
      .tabs ul.ui-tabs-nav li, .tabs aside ol.ui-tabs-nav li, aside .tabs ol.ui-tabs-nav li {
        display: block;
        border-radius: 0; }
        .tabs ul.ui-tabs-nav li:first-child, .tabs aside ol.ui-tabs-nav li:first-child, aside .tabs ol.ui-tabs-nav li:first-child {
          border-top-left-radius: 3px;
          border-top-right-radius: 3px; }
        .tabs ul.ui-tabs-nav li:last-child, .tabs aside ol.ui-tabs-nav li:last-child, aside .tabs ol.ui-tabs-nav li:last-child {
          border-bottom-left-radius: 3px;
          border-bottom-right-radius: 3px; } }
    .tabs ul.ui-tabs-nav li a, .tabs aside ol.ui-tabs-nav li a, aside .tabs ol.ui-tabs-nav li a {
      display: block;
      line-height: 2em;
      padding: 0 1rem;
      text-decoration: none; }
    .tabs ul.ui-tabs-nav li.ui-tabs-active, .tabs aside ol.ui-tabs-nav li.ui-tabs-active, aside .tabs ol.ui-tabs-nav li.ui-tabs-active {
      background: #416E92; }
      .tabs ul.ui-tabs-nav li.ui-tabs-active a, .tabs aside ol.ui-tabs-nav li.ui-tabs-active a, aside .tabs ol.ui-tabs-nav li.ui-tabs-active a {
        color: white; }

/* CSS3 Tabs 
//////////////////////////////// */
.tabs-area {
  margin: 1rem 0;
  padding: 1rem;
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  /* Tabs Nav */
  /* /ul.tabs-nav */ }
  .tabs-area .tabs-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-size: 0.875rem; }
    @media screen and (max-width: 480px) {
      .tabs-area .tabs-nav {
        padding: .5rem .5rem 0 .5rem; } }
    .tabs-area .tabs-nav li {
      display: inline-block;
      margin: 0 0 .125em 0;
      list-style: none;
      background: #e6e6e6;
      border-radius: 3px; }
      .tabs-area .tabs-nav li a {
        display: block;
        line-height: 2em;
        padding: 0 1rem;
        text-decoration: none; }
      .tabs-area .tabs-nav li.tabs-active {
        background: #416E92; }
        .tabs-area .tabs-nav li.tabs-active a {
          color: white; }
  .tabs-area .tabs-wrap {
    position: relative; }
    .tabs-area .tabs-wrap div {
      opacity: 0;
      position: absolute; }
  .tabs-area #box-one:target, .tabs-area #box-two:target, .tabs-area #box-three:target {
    opacity: 1;
    position: relative; }

/*
BUTTONS!
Anchor buttons, button buttons, input type submit buttons!*/
input[type=submit] {
  width: auto; }

button, a.button {
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f2f2f2));
  background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%);
  background: -o-linear-gradient(top, white 0%, #f2f2f2 100%);
  background: -ms-linear-gradient(top, white 0%, #f2f2f2 100%);
  background: linear-gradient(to bottom, white 0%, #f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start', endColorstr='$stop',GradientType=0 );
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  vertical-align: middle;
  min-width: 26px;
  height: 1.5rem;
  line-height: 1.1em;
  /*Stick button in legend or <h3> to collapse content in section/fieldset*/ }
  button:hover, a.button:hover {
    color: black;
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #f2f2f2 0%, white 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, white));
    background: -webkit-linear-gradient(top, #f2f2f2 0%, white 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%, white 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%, white 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start', endColorstr='$stop',GradientType=0 ); }
  button.collapse, a.collapse.button {
    position: relative;
    right: -.5em;
    font-weight: bolder; }

/* A link that looks like an "unstyled" <button> */
a.button {
  display: inline-block;
  padding: 0 .5em;
  text-decoration: none;
  text-shadow: none;
  line-height: 1.6em;
  font-weight: 400; }

.btn, input[type=submit] {
  font-family: "Open Sans", sans-serif;
  display: inline-block;
  height: 2.5rem;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 2.5rem;
  padding: 0 1rem;
  border: none;
  border-radius: 3px;
  color: white;
  background: #416E92;
  border-bottom: 2px solid #31536f;
  box-shadow: none;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  vertical-align: bottom;
  transition: all 0.4s; }
  .btn:hover, input[type=submit]:hover {
    color: white;
    background: #5388b3;
    text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4); }
  .btn:active, input[type=submit]:active {
    color: white;
    background: #31536f; }
  @media screen and (max-width: 480px) {
    .btn, input[type=submit] {
      width: 100%;
      margin: .5rem 0;
      float: none; } }
  .btn.cancel, input[type=submit].cancel {
    background: #c97e1b;
    border-color: #9c6215; }
    .btn.cancel:hover, input[type=submit].cancel:hover {
      background: #e49833; }
    .btn.cancel:active, input[type=submit].cancel:active {
      color: white;
      background: #9c6215; }
  .btn.back, input[type=submit].back {
    color: #333;
    background: #ccc;
    border-color: #b3b3b3; }
    .btn.back:hover, input[type=submit].back:hover {
      color: #333;
      background: #e6e6e6;
      text-shadow: none; }

/*Submit Buttons*/
[type=submit], .submit {
  font-size: 17px;
  font-size: 1.0625rem;
  float: right;
  margin-left: .2em;
  background: #4e792f;
  border-color: #365421; }
  [type=submit]:hover, .submit:hover {
    background: #669e3d; }
  [type=submit]:active, .submit:active {
    color: white;
    background: #365421; }
  @media screen and (max-width: 480px) {
    [type=submit], .submit {
      width: 100%;
      margin: .5rem 0;
      float: none; } }

/* Buttons line up with inputs */
fieldset p.buttons, article section p.buttons {
  margin-left: 30%;
  padding-left: .5em; }
  aside fieldset p.buttons, aside article section p.buttons, article aside section p.buttons {
    margin-left: 0;
    padding-left: 0; }
  fieldset p.buttons [type=submit], article section p.buttons [type=submit] {
    float: none; }
  @media screen and (max-width: 480px) {
    fieldset p.buttons, article section p.buttons {
      margin-left: 0; } }

html {
  /* Background pattern from subtlepatterns.com */
  background-color: #e6e6e6;
  background-image: url(../images/fabric_1.png);
  font-size: 100%;
  line-height: 140%;
  /* Font size #subNavFontSizing "settings" */
  overflow-y: scroll;
  overflow-x: hidden; }
  html.smallFont {
    font-size: 80%; }
  html.largeFont {
    font-size: 140%; }
  @media screen and (max-width: 480px) {
    html {
      font-size: 100%; }
      html.smallFont {
        font-size: 100%; }
      html.largeFont {
        font-size: 100%; } }

/* /html */
body {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 400; }
  @media only screen and (max-device-width: 768px) {
    body {
      overflow-x: hidden; } }

/* off-black for text. */
body, select, input, textarea {
  color: #333; }

a {
  color: #416E92; }

a:hover {
  color: #31536f; }

a:visted {
  color: #416E92; }

/*	j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color: #c97e1b; }

ins {
  background-color: #416E92;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #416E92;
  color: #000;
  font-style: italic;
  font-weight: 600; }

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder {
  color: #a9a9a9; }

textarea:-moz-placeholder {
  color: #a9a9a9; }

main, .wrapper {
  position: relative;
  width: 96%;
  max-width: 84rem;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    main, .wrapper {
      width: 100%;
      min-width: 320px; } }

main {
  top: -1rem;
  padding: 1rem;
  border-top: 1px solid #a21c0d;
  background: #f5f5f5;
  background: rgba(255, 255, 255, 0.55);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); }
  @media screen and (max-width: 768px) {
    main {
      padding: 1rem;
      top: 0; } }
  @media screen and (max-width: 480px) {
    main {
      /*background: none;*/
      padding: 1rem 0.5em;
      box-shadow: none; } }

.anchor {
  position: relative;
  top: -100px; }

#backToTop {
  display: none;
  position: fixed;
  bottom: 3rem;
  right: 3rem;
  z-index: 99999;
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid #416E92;
  border-radius: 50%;
  background-color: #416E92;
  background-image: url(../images/backToTop.png);
  background-image: url(../images/backToTop.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: -9999em;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); }

.skipnav {
  position: absolute;
  width: 1px;
  height: 0px;
  overflow: hidden;
  top: -1px;
  left: -1px; }

#overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem 0;
  background: #333;
  background: rgba(0, 0, 0, 0.4); }
  @media only screen and (max-device-width: 768px) {
    #overlay {
      padding: 0; } }

header {
  position: relative;
  width: 100%;
  height: 8rem;
  font-family: "Open Sans", sans-serif;
  color: white;
  background: #416E92;
  background: -moz-linear-gradient(top, #416E92 0%, #31536f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #416E92), color-stop(100%, #31536f));
  background: -webkit-linear-gradient(top, #416E92 0%, #31536f 100%);
  background: -o-linear-gradient(top, #416E92 0%, #31536f 100%);
  background: -ms-linear-gradient(top, #416E92 0%, #31536f 100%);
  background: linear-gradient(to bottom, #416E92 0%, #31536f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start', endColorstr='$stop',GradientType=0 );
  border-bottom: 1px solid white;
  /* Mobile "Hamburger" Menu 
  Tab to slide out sidebar for mobile */
  /* /#toggle-sidebar */
  /* Top Navigation */
  /* /#headerControls */ }
  @media screen and (max-width: 768px) {
    header {
      height: 7rem;
      border: none; } }
  header .wrapper {
    height: 96px;
    background-image: url(../images/global-logo.png);
    background-image: url(../images/global-logo.svg);
    background-position: left .6rem;
    background-repeat: no-repeat;
    background-size: 56px 56px; }
    @media screen and (max-width: 768px) {
      header .wrapper {
        background-size: 48px 48px;
        background-position: 1rem 1rem; } }
    @media screen and (max-width: 480px) {
      header .wrapper {
        background-size: 36px 36px;
        background-position: 1rem 1.4rem; } }
  header h1 {
    margin: 0 0 0 72px;
    padding: 1rem 0 0 0;
    text-transform: uppercase;
    color: white;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1em;
    font-weight: 300;
    text-shadow: 0 1px 0px #020405; }
    @media screen and (max-width: 1024px) {
      header h1 {
        font-size: 22px;
        font-size: 1.375rem; } }
    @media screen and (max-width: 768px) {
      header h1 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.2em;
        margin-left: 88px; } }
    @media screen and (max-width: 480px) {
      header h1 {
        max-width: 60%;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.4em;
        margin-left: 72px; } }
  header p {
    margin: 0 0 1rem 72px;
    font-size: .8em;
    font-weight: 300;
    text-transform: uppercase;
    text-shadow: 0 1px 0px #020405; }
    @media screen and (max-width: 768px) {
      header p {
        margin-left: 88px; } }
    @media screen and (max-width: 480px) {
      header p {
        max-width: 60%;
        /*don't overlap the menu button*/
        font-size: 11px;
        font-size: 0.6875rem;
        line-height: 1.2em;
        margin-left: 72px; } }
  header #toggle-sidebar {
    display: none;
    position: absolute;
    right: 1rem;
    top: 1.4rem;
    width: 32px;
    width: 2rem;
    height: 32px;
    height: 2rem;
    /*background-image: url(../images/hamburger.png);*/
    background-image: url(../images/hamburger.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
    text-indent: -9999em;
    transition: all 0.4s;
    transition-delay: .02s; }
    @media screen and (max-width: 768px) {
      header #toggle-sidebar {
        display: block; } }
    header #toggle-sidebar.open {
      top: 85px;
      right: 90%;
      position: fixed;
      z-index: 99999;
      background-color: white;
      box-shadow: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      background-position: bottom center; }
    header #toggle-sidebar:focus {
      outline: none; }
  header nav {
    position: absolute;
    top: 1.5rem;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem; }
    @media screen and (max-width: 1024px) {
      header nav {
        font-size: 12px;
        font-size: 0.75rem; } }
    @media screen and (max-width: 768px) {
      header nav {
        display: none; } }
    header nav ul, header nav aside ol, aside header nav ol, header nav ol {
      list-style: none;
      margin: 0;
      padding: 0 0 0 1rem; }
      header nav ul li, header nav aside ol li, aside header nav ol li, header nav ol li {
        list-style: none;
        display: inline-block;
        margin: 0 .5rem 0 0; }
        header nav ul li a, header nav aside ol li a, aside header nav ol li a, header nav ol li a {
          display: block;
          line-height: 2em;
          padding: 0 1em;
          border-radius: 3px;
          text-decoration: none;
          color: #f3f3f3;
          background: rgba(0, 0, 0, 0.06);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
          transition: all 0.4s; }
          header nav ul li a:hover, header nav aside ol li a:hover, aside header nav ol li a:hover, header nav ol li a:hover {
            color: white;
            background: rgba(0, 0, 0, 0.2); }
  header #headerControls {
    position: relative;
    width: 100%;
    height: 2rem;
    color: #e6e6e6;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 10px transparent;
    text-shadow: 0 1px 0px rgba(0, 0, 0, 0.8); }
    header #headerControls a {
      color: white;
      text-decoration: none;
      transition: all 0.4s; }
    header #headerControls p {
      margin: 0;
      padding: 0;
      position: absolute;
      bottom: .2em;
      left: 1rem;
      font-weight: 400; }
      @media screen and (max-width: 768px) {
        header #headerControls p {
          display: none; } }
    header #headerControls ul, header #headerControls aside ol, aside header #headerControls ol {
      position: absolute;
      height: 2rem;
      top: 0;
      right: 1rem;
      font-size: .8em; }
      header #headerControls ul li, header #headerControls aside ol li, aside header #headerControls ol li {
        display: block;
        float: left;
        height: 2rem;
        margin: 0; }
        @media screen and (max-width: 768px) {
          header #headerControls ul li, header #headerControls aside ol li, aside header #headerControls ol li {
            margin: 0; }
            header #headerControls ul li#subNavFontSizing, header #headerControls aside ol li#subNavFontSizing, aside header #headerControls ol li#subNavFontSizing {
              display: none; } }
        header #headerControls ul li#subNavFontSizing, header #headerControls aside ol li#subNavFontSizing, aside header #headerControls ol li#subNavFontSizing {
          margin-left: .5em; }
        header #headerControls ul li a, header #headerControls aside ol li a, aside header #headerControls ol li a {
          display: block;
          float: left;
          line-height: 2rem;
          margin: 0;
          padding: 0 1em;
          color: #e6e6e6; }
          header #headerControls ul li a:hover, header #headerControls aside ol li a:hover, aside header #headerControls ol li a:hover {
            color: white;
            background: #2b4962;
            background: rgba(0, 0, 0, 0.18); }
          header #headerControls ul li a.fontsize, header #headerControls aside ol li a.fontsize, aside header #headerControls ol li a.fontsize {
            padding: 0 4px; }
            header #headerControls ul li a.fontsize.small, header #headerControls aside ol li a.fontsize.small, aside header #headerControls ol li a.fontsize.small {
              font-size: .8em; }
            header #headerControls ul li a.fontsize.large, header #headerControls aside ol li a.fontsize.large, aside header #headerControls ol li a.fontsize.large {
              font-size: 1.4em; }
            header #headerControls ul li a.fontsize.currentSize, header #headerControls aside ol li a.fontsize.currentSize, aside header #headerControls ol li a.fontsize.currentSize {
              color: white;
              background: #2b4962;
              background: rgba(0, 0, 0, 0.18); }
        header #headerControls ul li span, header #headerControls aside ol li span, aside header #headerControls ol li span {
          display: block;
          float: left;
          line-height: 2rem;
          font-style: italic; }
      @media screen and (max-width: 768px) {
        header #headerControls ul, header #headerControls aside ol, aside header #headerControls ol {
          right: auto;
          left: .5rem; } }

/* /header */
article {
  float: left;
  width: 70%;
  margin: 0;
  padding: 1rem 0.5rem 0 0;
  /*Headers!*/
  /* /fieldset */
  /*INPUTS*/
  /* ----------- Yes/No Radio Button Paragraphs ----------- */
  /* /.yesNo toggle paragraph */
  /* ----------- for Multi-Column Checkboxes / Radio Buttons
  GIVE <DIV CLASS="COLUMN COL_numberofcolumnsin12columngrid"> ----------- */
  /* /grid .columns */
  /* General Messages Alert/Error/Success 
  "message" class can be applied to <div> or <p> */
  /* /.message */
  /* Tables! */
  /*Scroll table horizontally by adding class "tableScroll" to <table>*/
  /* /table */
  /* Description (formerly Definition) Lists! */
  /* /dl */ }
  @media screen and (max-width: 768px) {
    article {
      width: 100%;
      margin: 0;
      padding: 0; } }
  article #breadcrumbs {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    width: 100%;
    height: 2em;
    margin: 0 0 1rem 0;
    padding: 0;
    background: #e6e6e6;
    border-radius: 3px;
    text-shadow: 0 1px 0px white;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    clear: both;
    /* /li */ }
    @media screen and (max-width: 480px) {
      article #breadcrumbs {
        font-size: 9px;
        font-size: 0.5625rem;
        background: none;
        border: none; } }
    article #breadcrumbs li {
      display: inline-block;
      margin: 0;
      padding: 0 0 0 .5rem;
      line-height: 2em;
      float: left; }
      article #breadcrumbs li::after {
        content: "/";
        font-size: 32px;
        font-size: 2rem;
        line-height: .6em;
        float: right;
        margin: 0 0 0 .5rem;
        color: #f6f6f6;
        text-shadow: none; }
      @media screen and (max-width: 480px) {
        article #breadcrumbs li::after {
          content: ">";
          font-size: 1em;
          line-height: 2em;
          color: #ccc; } }
      @media screen and (max-width: 480px) {
        article #breadcrumbs li:first-child {
          padding: 0; } }
      article #breadcrumbs li:last-child {
        font-style: italic; }
        article #breadcrumbs li:last-child::after {
          content: ""; }
      article #breadcrumbs li a {
        text-decoration: none; }
  article h1, article h2, article h3, article h4, article h5, article h6 {
    font-family: "Open Sans", sans-serif;
    line-height: 1em;
    color: #416E92;
    margin: 1rem 0; }
  article h1 {
    font-size: 32px;
    font-size: 2rem;
    margin: 0 0 2rem 0;
    font-weight: 600;
    text-shadow: 0 2px 0 white;
    clear: both; }
  article h2 {
    font-size: 32px;
    font-size: 2rem;
    margin: 1rem 0;
    clear: both; }
  article h3 {
    font-size: 22px;
    font-size: 1.375rem; }
  article p, article ul, article aside ol, aside article ol, article ol, article dl, article blockquote, article address, article hr {
    margin: 1rem 0; }
  article ul, article aside ol, aside article ol {
    margin: 1rem 1.5rem;
    list-style: disc;
    list-style-position: outside; }
    article ul li ul, article aside ol li ul, aside article ol li ul, article ul li aside ol, aside article ul li ol, article aside ol li ol, aside article ol li ol {
      margin: 0 0 0 1.5rem;
      list-style: circle;
      list-style-position: outside; }
  article ol {
    margin: 1rem 1.5rem;
    list-style: decimal;
    list-style-position: outside; }
    article ol li ol {
      margin: 0 0 0 1.5rem;
      list-style: lower-alpha;
      list-style-position: outside; }
  article .error {
    color: #a21c0d; }
  article p {
    position: relative;
    margin: 0;
    padding: .5em 0;
    transition: all 0.4s;
    /* /.instructions */
    /* /.optional */
    /* /.error */ }
    article p.highlight {
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e6e6e6 50%, rgba(255, 255, 255, 0) 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #e6e6e6), color-stop(100%, rgba(255, 255, 255, 0)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e6e6e6 50%, rgba(255, 255, 255, 0) 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e6e6e6 50%, rgba(255, 255, 255, 0) 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e6e6e6 50%, rgba(255, 255, 255, 0) 100%);
      /* IE10+ */
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #e6e6e6 50%, rgba(255, 255, 255, 0) 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
      /* IE6-9 */ }
    @media screen and (max-width: 480px) {
      article p {
        padding: .5em 0 1em 0; }
        article p.highlight {
          background: transparent; } }
    article p .instructions {
      position: absolute;
      top: 1em;
      left: 76.5%;
      font-family: "Open Sans", sans-serif;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.2em;
      display: none;
      z-index: 10; }
      @media screen and (max-width: 480px) {
        article p .instructions {
          position: relative;
          top: auto;
          bottom: 0;
          left: 0; } }
    article p .required, article p span.optional, article p .error {
      position: absolute;
      top: 1em;
      left: 76.5%;
      color: #c97e1b;
      font-family: "Open Sans", sans-serif;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.4em;
      text-transform: uppercase; }
      article p .required:after, article p span.optional:after, article p .error:after {
        content: "required"; }
      @media screen and (max-width: 480px) {
        article p .required, article p span.optional, article p .error {
          border: none;
          top: 1.2em;
          left: auto;
          right: .5rem;
          font-size: 10px;
          font-size: 0.625rem;
          text-transform: capitalize; }
          article p .required:after, article p span.optional:after, article p .error:after {
            content: "*"; } }
    article p span.optional {
      color: #4e792f; }
      article p span.optional:after {
        content: ""; }
    article p .error {
      color: #a21c0d;
      background: white; }
      article p .error:after {
        content: ""; }
  article .noLabel {
    margin-left: 30%;
    padding-left: .5em; }
  article fieldset, article section {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem 0;
    background: white;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.125);
    zoom: 1; }
    article fieldset.collapsed, article section.collapsed {
      height: 2.5rem;
      overflow: hidden;
      box-shadow: none; }
      article fieldset.collapsed legend, article section.collapsed legend, article fieldset.collapsed section h3, article section fieldset.collapsed h3, article section.collapsed h3 {
        background: #ccc; }
    @media screen and (max-width: 480px) {
      article fieldset legend + .column, article section legend + .column, article section h3 + .column {
        margin-top: 1rem; } }
    article fieldset legend, article section legend, article section h3 {
      position: relative;
      font-family: "Open Sans", sans-serif;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 2em;
      width: 100%;
      margin: 0;
      padding: 0 1rem;
      /*border-top-left-radius: $radius;
      border-top-right-radius: $radius;*/
      color: white;
      background: #416E92;
      text-shadow: 0 1px 0px rgba(0, 0, 0, 0.5); }
      @media screen and (max-width: 480px) {
        article fieldset legend, article section legend, article section h3 {
          color: #416E92;
          margin-bottom: -1rem;
          padding: 0 0 0 .5rem;
          background: white;
          text-shadow: none;
          box-shadow: 0 -2px 4px 0px rgba(0, 0, 0, 0.1);
          font-weight: 600; } }
      article fieldset legend button, article section legend button, article section h3 button, article fieldset legend a.button, article section legend a.button, article section h3 a.button {
        float: right;
        margin: .5em 0 0 .5em; }
        @media screen and (max-width: 480px) {
          article fieldset legend button, article section legend button, article section h3 button, article fieldset legend a.button, article section legend a.button, article section h3 a.button {
            float: none; } }
    article fieldset p, article section p {
      padding: 0.5em 1rem; }
      article fieldset p.error, article section p.error {
        margin: 0 .5em;
        color: #a21c0d;
        background: #e6e6e6;
        border-left: 1rem solid #a21c0d;
        font-family: "Open Sans", sans-serif;
        text-shadow: 0 1px 0px white; }
      @media screen and (max-width: 480px) {
        article fieldset p, article section p {
          padding: .5rem; } }
      article fieldset p.message, article section p.message {
        margin: 1em;
        padding: .5em;
        box-shadow: none;
        background: #e6e6e6; }
    article fieldset h4, article section h4, article fieldset h5, article section h5, article fieldset h6, article section h6, article fieldset blockquote, article section blockquote, article fieldset ul, article section ul, article fieldset aside ol, aside article fieldset ol, article section aside ol, aside article section ol, article fieldset ol, article section ol, article fieldset dl, article section dl {
      padding: 0 1rem; }
      @media screen and (max-width: 480px) {
        article fieldset h4, article section h4, article fieldset h5, article section h5, article fieldset h6, article section h6, article fieldset blockquote, article section blockquote, article fieldset ul, article section ul, article fieldset aside ol, aside article fieldset ol, article section aside ol, aside article section ol, article fieldset ol, article section ol, article fieldset dl, article section dl {
          padding: 0 .5rem; } }
    article fieldset:before, article section:before, article fieldset:after, article section:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    article fieldset:after, article section:after {
      clear: both; }
  article section {
    padding: 0 0 1rem 0; }
    @media screen and (max-width: 480px) {
      article section h4, article section h5, article section h6, article section p, article section blockquote, article section dl {
        margin: 1rem 0; } }
  article label, article .radioGroup .question, article .yesNo .question, article dl dt {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    line-height: 1em;
    width: 30%;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 0px white; }
    article label:after, article .radioGroup .question:after, article .yesNo .question:after, article dl dt:after {
      content: ":"; }
    @media screen and (max-width: 480px) {
      article label, article .radioGroup .question, article .yesNo .question, article dl dt {
        display: block;
        width: 100%;
        text-align: left;
        line-height: 1.4em; } }
    article label.inline, article .radioGroup .inline.question, article .yesNo .inline.question, article dl dt.inline {
      width: auto;
      display: inline;
      margin: 0 0 0 .5em; }
      article label.inline:after, article .radioGroup .inline.question:after, article .yesNo .inline.question:after, article dl dt.inline:after {
        content: ""; }
  article input[type=text], article input[type=password], article input[type=date], article input[type=tel], article input[type=email], article input[type=number], article textarea {
    font-family: Georgia, 'Times New Roman', Times, serif;
    width: 46%;
    padding: .2em;
    border: 1px solid #ccc;
    background: #e6e6e6;
    background: rgba(0, 0, 0, 0.04);
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none; }
    article input[type=text]:focus, article input[type=password]:focus, article input[type=date]:focus, article input[type=tel]:focus, article input[type=email]:focus, article input[type=number]:focus, article textarea:focus {
      background: white; }
    @media screen and (max-width: 480px) {
      article input[type=text], article input[type=password], article input[type=date], article input[type=tel], article input[type=email], article input[type=number], article textarea {
        width: 100%; } }
    article input[type=text][required], article input[type=text]:required, article input[type=password][required], article input[type=password]:required, article input[type=date][required], article input[type=date]:required, article input[type=tel][required], article input[type=tel]:required, article input[type=email][required], article input[type=email]:required, article input[type=number][required], article input[type=number]:required, article textarea[required], article textarea:required {
      border-right: 0.2rem solid #c97e1b; }
      article input[type=text][required]:after, article input[type=text]:required:after, article input[type=password][required]:after, article input[type=password]:required:after, article input[type=date][required]:after, article input[type=date]:required:after, article input[type=tel][required]:after, article input[type=tel]:required:after, article input[type=email][required]:after, article input[type=email]:required:after, article input[type=number][required]:after, article input[type=number]:required:after, article textarea[required]:after, article textarea:required:after {
        content: "*"; }
    article input[type=text].warning, article input[type=password].warning, article input[type=date].warning, article input[type=tel].warning, article input[type=email].warning, article input[type=number].warning, article textarea.warning {
      border-color: #a21c0d; }
  article textarea {
    vertical-align: top;
    height: 10em; }
  article select {
    width: 46%; }
    article select optgroup {
      border-bottom: 1px dashed #ccc; }
    article select.warning {
      color: #a21c0d; }
    @media screen and (max-width: 480px) {
      article select {
        width: 100%; } }
  article input[type=radio], article input[type=checkbox] {
    display: inline;
    width: auto;
    vertical-align: middle; }
  article .radioGroup, article .yesNo {
    overflow: auto; }
    article .radioGroup .question, article .yesNo .question {
      vertical-align: top; }
    article .radioGroup .answers, article .yesNo .answers {
      position: relative;
      top: .2em;
      display: inline-block;
      width: 46%;
      min-height: 2em;
      margin: 0;
      padding: 0 0 0 .5em;
      border: 1px solid #ccc;
      background: #e6e6e6;
      background: rgba(0, 0, 0, 0.04);
      box-shadow: 0 1px 4px rgba(255, 255, 255, 0.8); }
      @media screen and (max-width: 480px) {
        article .radioGroup .answers, article .yesNo .answers {
          position: relative;
          top: .5em;
          height: auto;
          left: auto;
          width: 100%; } }
      article .radioGroup .answers label, article .radioGroup .answers .question, article .radioGroup .answers dl dt, article dl .radioGroup .answers dt, article .yesNo .answers label, article .yesNo .answers .question, article .yesNo .answers dl dt, article dl .yesNo .answers dt {
        display: inline;
        text-align: left;
        line-height: 2em;
        width: auto;
        margin: 0 .5em 0 0;
        /* REMEMBER
        We are wrapping inputs in labels inside the radioGroup*/ }
        article .radioGroup .answers label:after, article .radioGroup .answers .question:after, article .radioGroup .answers dl dt:after, article dl .radioGroup .answers dt:after, article .yesNo .answers label:after, article .yesNo .answers .question:after, article .yesNo .answers dl dt:after, article dl .yesNo .answers dt:after {
          content: ""; }
        article .radioGroup .answers label input, article .radioGroup .answers .question input, article .radioGroup .answers dl dt input, article dl .radioGroup .answers dt input, article .yesNo .answers label input, article .yesNo .answers .question input, article .yesNo .answers dl dt input, article dl .yesNo .answers dt input {
          display: inline;
          /*line-height: 4em;*/
          margin: 0 .5em 0 0; }
  article .column {
    float: left;
    margin: 0;
    padding: 0 1rem 0 0;
    /*@include breakWords;*/
    /*1 column*/
    /*2 columns*/
    /*for 3 columns*/
    /*for 4 columns*/ }
    article .column.col_12 {
      width: 100%;
      width: calc((99.999% / 12) * 12); }
    article .column.col_6 {
      width: 49.5%;
      width: calc((99.999% / 12) * 6); }
      @media screen and (max-width: 640px) {
        article .column.col_6 {
          width: 100%;
          width: calc((99.999% / 12) * 12); } }
    article .column.col_4 {
      width: 33%;
      width: calc((99.999% / 12) * 4); }
      @media screen and (max-width: 640px) {
        article .column.col_4 {
          width: 100%;
          width: calc((99.999% / 12) * 12); } }
    article .column.col_3 {
      width: 24.75%;
      width: calc((99.999% / 12) * 3); }
      @media screen and (max-width: 640px) {
        article .column.col_3 {
          width: 100%;
          width: calc((99.999% / 12) * 12); } }
    @media screen and (max-width: 640px) {
      article .column {
        float: none;
        padding: 0; } }
  article .columns_3 {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0; }
    @media screen and (max-width: 640px) {
      article .columns_3 {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0; } }
  article .columns_4 {
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    column-gap: 14em; }
    @media screen and (max-width: 640px) {
      article .columns_4 {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0; } }
  article .message {
    background: white;
    margin: 1em 0;
    padding: 1rem;
    border-left: 1em solid #416E92;
    /*border-radius: $radius;*/
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 480px) {
      article .message {
        border-left: none;
        border-top: 1em solid #416E92; } }
    article .message h3 {
      margin: 0 0 .5rem 0;
      font-size: 20px;
      font-size: 1.25rem; }
    article .message p {
      padding: 0; }
    article .message p.buttons {
      padding: 1rem 0 0 0; }
    article .message.error {
      border-color: #a21c0d; }
      article .message.error h3 {
        color: #a21c0d; }
    article .message.success {
      border-color: #4e792f; }
      article .message.success h3 {
        color: #4e792f; }
    article .message.alert {
      border-color: #c97e1b; }
      article .message.alert h3 {
        color: #c97e1b; }
    article .message.money {
      border-color: #4e792f; }
      article .message.money h3 {
        color: #4e792f; }
    article .message.print {
      border-color: #333; }
      article .message.print h3 {
        color: #333; }
    article .message.download {
      border-color: #702e6e; }
      article .message.download h3 {
        color: #702e6e; }
    article .message.agree {
      border-color: #c97e1b; }
      article .message.agree h3 {
        color: #c97e1b; }
  article div.tableScroll {
    margin: 1rem 0;
    padding: 0;
    width: 100%;
    overflow-x: scroll; }
    article div.tableScroll table {
      margin: 0; }
  article table {
    border-collapse: collapse;
    width: 100%;
    margin: 1rem 0;
    font-size: 14px;
    font-size: 0.875rem;
    background: rgba(255, 255, 255, 0.2); }
    @media screen and (max-width: 768px) {
      article table {
        font-size: 13px;
        font-size: 0.8125rem; }
        article table a.button {
          font-size: 11px;
          font-size: 0.6875rem; } }
    @media screen and (max-width: 480px) {
      article table {
        font-size: 12px;
        font-size: 0.75rem; }
        article table a.button {
          font-size: 10px;
          font-size: 0.625rem; } }
    article table tr th {
      font-family: "Open Sans", sans-serif;
      padding: .5em;
      border: 1px solid #416E92;
      text-align: left;
      line-height: 1.2em;
      color: white;
      background: #416E92; }
      article table tr th button, article table tr th a.button, article table tr th .button {
        font-weight: normal;
        float: right; }
      article table tr th a {
        color: white; }
    article table tr td {
      padding: .2em .4em;
      border: 1px solid #ccc;
      text-transform: capitalize; }
      article table tr td button, article table tr td a.button, article table tr td .button {
        font-size: 12px;
        font-size: 0.75rem;
        float: right;
        line-height: 1.8em; }
      article table tr td input[type=text], article table tr td input[type=password], article table tr td input[type=email], article table tr td input[type=date] {
        width: 100%;
        background: transparent;
        border: 1px solid rgba(0, 0, 0, 0.2); }
        article table tr td input[type=text][required], article table tr td input[type=text]:required, article table tr td input[type=password][required], article table tr td input[type=password]:required, article table tr td input[type=email][required], article table tr td input[type=email]:required, article table tr td input[type=date][required], article table tr td input[type=date]:required {
          border-right: inherit; }
      article table tr td .error {
        color: #a21c0d;
        font-size: 11px;
        font-size: 0.6875rem; }
    article table tr:nth-child(odd) {
      background: #e6e6e6;
      background: rgba(0, 0, 0, 0.06); }
    article table tr:hover {
      background: white; }
    article table tr.selected {
      background: #F2FFC5; }
    article table tfoot th {
      color: #333;
      background: #ccc;
      border-color: #ccc; }
  article dl {
    width: 100%;
    padding: 0 1rem; }
    @media screen and (max-width: 480px) {
      article dl {
        padding: 0; } }
    article dl dt {
      float: left;
      clear: left;
      vertical-align: middle;
      line-height: 1.6em;
      cursor: default;
      font-weight: 600;
      border-bottom: #ccc; }
      article dl dt:nth-child(2) {
        background: white; }
    article dl dd {
      display: inline-block;
      width: 67%;
      padding-left: .2em;
      vertical-align: middle;
      min-height: 1.6em;
      line-height: 1.6em;
      border-bottom: #ccc; }
      article dl dd:nth-child(2n +3) {
        background: white; }
      @media screen and (max-width: 480px) {
        article dl dd {
          width: 100%;
          padding: 0;
          line-height: 1.4em; } }

/* /article */
aside {
  position: relative;
  float: right;
  width: 30%;
  height: 100%;
  margin: 0;
  padding: 0 0 0 1rem;
  background: transparent;
  font-size: .9em;
  font-family: "Open Sans", sans-serif;
  text-shadow: 0 1px 0px white;
  transition: all 0.4s;
  /*Account Management Login*/
  /* Buttons*/
  /* SideBar Navigation */
  /* /ul.nav, nav */
  /* Main Navigation inserted into the top of Sidebar */ }
  @media screen and (max-width: 768px) {
    aside {
      position: absolute;
      top: -9rem;
      right: -90%;
      bottom: 0;
      width: 90%;
      padding: 1rem;
      background: white;
      z-index: 999;
      /* Show the sidebar a little bit on first page load */
      /* Move sidebar off to the right */ }
      aside.hint {
        right: -20%; }
      aside.closed {
        right: -90%; }
      aside.open {
        right: 0; } }
  aside .widget, aside .am {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1px 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    background: #e6e6e6;
    border-radius: 3px; }
    aside .widget h3, aside .am h3 {
      margin-top: 0; }
    aside .widget p, aside .am p, aside .widget ul, aside .am ul, aside .widget ol, aside .am ol, aside .widget div, aside .am div, aside .widget ol, aside .am ol {
      margin: 1rem 0; }
    aside .widget button, aside .am button, aside .widget a.button, aside .am a.button, aside .widget .button, aside .am .button {
      display: inline-block; }
    aside .widget:last-child, aside .am:last-child {
      margin-bottom: 0; }
  aside .am {
    margin: 0 0 1rem 0; }
    aside .am strong {
      margin-right: 1rem; }
  aside h2 {
    font-size: 20px;
    font-size: 1.25rem; }
  aside h3 {
    font-size: 18px;
    font-size: 1.125rem;
    color: #416E92; }
  aside h3, aside h4, aside p, aside ul, aside ol, aside div, aside ol {
    margin: 1rem 0; }
  aside ul, aside ol {
    margin: 1rem;
    list-style: disc;
    list-style-position: outside; }
  aside ol {
    list-style: decimal; }
  aside .btn {
    font-size: 12px;
    font-size: 0.75rem;
    text-shadow: none;
    height: 2em;
    line-height: 2em; }
    @media screen and (max-width: 480px) {
      aside .btn {
        width: auto; } }
  aside ul.nav, aside ol.nav, aside nav ul, aside nav ol {
    margin: 1rem 0;
    list-style: none;
    border-radius: 3px; }
    aside ul.nav li, aside ol.nav li, aside nav ul li, aside nav ol li {
      margin-bottom: 2px;
      border-top: 1px solid rgba(0, 0, 0, 0.05);
      border-bottom: 1px solid rgba(255, 255, 255, 0.9);
      background: #e6e6e6; }
      aside ul.nav li:first-child, aside ol.nav li:first-child, aside nav ul li:first-child, aside nav ol li:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; }
        aside ul.nav li:first-child a, aside ol.nav li:first-child a, aside nav ul li:first-child a, aside nav ol li:first-child a {
          border-top-left-radius: 3px;
          border-top-right-radius: 3px; }
      aside ul.nav li:last-child, aside ol.nav li:last-child, aside nav ul li:last-child, aside nav ol li:last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; }
        aside ul.nav li:last-child a, aside ol.nav li:last-child a, aside nav ul li:last-child a, aside nav ol li:last-child a {
          border-bottom-left-radius: 3px;
          border-bottom-right-radius: 3px; }
      aside ul.nav li a, aside ol.nav li a, aside nav ul li a, aside nav ol li a {
        display: block;
        padding: .5em 1em;
        text-decoration: none;
        transition: all 0.4s; }
        aside ul.nav li a:hover, aside ol.nav li a:hover, aside nav ul li a:hover, aside nav ol li a:hover {
          color: #416E92;
          background: white;
          box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2); }
          @media screen and (max-width: 480px) {
            aside ul.nav li a:hover, aside ol.nav li a:hover, aside nav ul li a:hover, aside nav ol li a:hover {
              text-shadow: none; } }
        aside ul.nav li a:active, aside ol.nav li a:active, aside nav ul li a:active, aside nav ol li a:active {
          color: white;
          background: #416E92;
          text-shadow: none; }
  aside nav {
    margin-top: -1rem; }
    aside nav ul li, aside nav ol li {
      background: #416E92; }
      aside nav ul li a, aside nav ol li a {
        color: white;
        text-shadow: none; }
        aside nav ul li a:hover, aside nav ol li a:hover {
          color: white;
          background: #333; }
        aside nav ul li a:active, aside nav ol li a:active {
          background: #c97e1b; }

/* /aside */
footer {
  clear: both;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  text-shadow: 0 1px 0px white; }
  footer nav {
    margin: 1rem 0; }
    footer nav ul li, footer nav aside ol li, aside footer nav ol li {
      display: inline-block; }
      footer nav ul li:after, footer nav aside ol li:after, aside footer nav ol li:after {
        content: " | "; }
      footer nav ul li:last-child:after, footer nav aside ol li:last-child:after, aside footer nav ol li:last-child:after {
        content: ""; }
  footer table {
    margin: 1rem 0; }

/* /footer */

/*# sourceMappingURL=global.css.map */