@charset "UTF-8";
/*
  ===============================================================================
  COMPONENTS TO BE HIDDEN FROM PRINT
  ===============================================================================
*/
#page-header,
#accessibility-links,
#beta-tag,
#beta-tag *,
#primary-nav,
.quick-links,
#section-title,
#breadcrumbs-utility,
#page-utils,
#secondary-nav,
#main-page > aside,
main p.updated-feedback span + span,
#page-share,
#page-foot,
#access-keys,
main ul.bookmarks,
main .back-to-top {
  display: none;
}

/*
  ===============================================================================
  PAGE LAYOUT AND STRUCTURAL ELEMENTS
  ===============================================================================
*/
/*
  ==========================
  page head
  ==========================
*/
/* organisation logo / tag line */
/* ---------------------------- */
#page-head .h1 {
  margin-bottom: 12pt;
}

#page-head .h1 img.print {
  display: inline-block;
}

#page-head .h1 span {
  display: block;
  margin-top: 4pt;
  font-size: 14pt;
}

/*
  ==========================
  main body
  ==========================
*/
#main-page {
  padding: 20pt 0;
}

/*
  ==========================
  common box wrapper
  ==========================
*/
.box-wrapper {
  background-color: #f6f6f6;
  border-top: solid 3pt #e0e0e0;
  page-break-inside: avoid;
  border-bottom: solid 1pt #e0e0e0;
}

.box-wrapper .inner {
  padding: 10pt;
}

/*
  ===============================================================================
  TYPOGRAPHY
  ===============================================================================
*/
/*
  ==========================
  default text
  ==========================
*/
body,
select,
input,
textarea {
  color: #222222;
}

/*
  ==========================
  headings / titles
  ==========================
*/
h1#page-title {
  font-size: 24pt;
  line-height: 1.1;
}

/* heading */
/* ------- */
h2 {
  font-size: 20pt;
  line-height: 1.2;
}

/* sub-heading */
/* ----------- */
h3 {
  font-size: 17pt;
  line-height: 1.2;
}

/* minor heading */
/* ------------- */
h4 {
  font-size: 15pt;
  line-height: 1.2;
}

/* minor heading 2 */
/* --------------- */
h5 {
  font-size: 13pt;
  line-height: 1.2;
}

/* minor heading 3 */
/* --------------- */
h6 {
  font-size: 11pt;
  line-height: 1.2;
  text-transform: uppercase;
}

/* header spacing */
/* -------------- */
main h1 + *,
main h2 + *,
main h3 + *,
main h4 + *,
main h5 + *,
main h6 + * {
  margin-top: 2pt !important;
}

main * + h2,
main * + h3,
main * + h4,
main * + h5,
main * + h6 {
  margin-top: 18pt !important;
}

main h1 + h2,
main h1 + h3,
main h1 + h4,
main h1 + h5,
main h1 + h6,
main h2 + h3,
main h2 + h4,
main h2 + h5,
main h2 + h6,
main h3 + h4,
main h3 + h5,
main h3 + h6,
main h4 + h5,
main h4 + h6,
main h5 + h6 {
  margin-top: 2pt !important;
}

main hr + h2,
main hr + h3,
main hr + h4,
main hr + h5,
main hr + h6 {
  margin-top: 10pt !important;
}

/*
  ==========================
  paragraphs
  ==========================
*/
main .intro * {
  font-size: 18pt;
  line-height: 1.2;
  color: #333;
}

main * + .intro,
main h1#page-title + .intro {
  margin-top: 6pt !important;
}

main p + p,
main * + p {
  margin-top: 12pt;
}

/* page updated and feedback */
/* ------------------------- */
main p.updated-feedback {
  margin-top: 8pt !important;
  font-size: 10pt;
  font-style: italic;
}

/*
  ==========================
  block quotes
  ==========================
*/
main blockquote {
  font-size: 12pt;
  line-height: 1.5;
}

main blockquote.box-wrapper .inner {
  padding: 10pt;
}

main * + blockquote {
  margin-top: 14pt;
}

/*
  ==========================
  links
  ==========================
*/
a {
  color: #0066ff;
  text-decoration: underline;
}

main a:link:after {
  content: " [" attr(href) "] ";
  font-size: 90%;
}

main .updated-feedback a:link:after,
main .tag-list a:link:after {
  content: none;
}

main a:not([href]) {
  display: none;
}

main a[href*="#"]:after {
  display: none;
}

/*
  ==========================
  main content imagery
  ==========================
*/
main figure {
  width: 34%;
}

main figure img {
  display: block;
}

main figure a:after {
  content: none !important;
}

main figure figcaption {
  display: block;
  width: 100%;
  padding: 5pt;
  margin-top: 3pt;
  border-bottom: solid 1pt #cccccc;
  border-top: solid 1pt #cccccc;
  font-size: 10pt;
  color: #333333;
}

main h2 + figure,
main h3 + figure,
main h4 + figure,
main h5 + figure,
main * + figure {
  margin-top: 10pt !important;
}

/* full width image */
/* ---------------- */
main figure.full-width {
  width: 100%;
}

main figure.full-width img {
  width: 100%;
}

/*
  ==========================
  content lists
  ==========================
*/
main ul {
  margin: 0 0 0 12pt;
  list-style-type: disc;
}

main ol {
  margin: 0;
  list-style-type: decimal;
  list-style-position: inside;
}

main ol ol {
  margin: 0 0 0 12pt;
  list-style-type: lower-latin;
}

main ol li {
  padding: 2pt 0;
}

main * + ul,
main * + ol {
  margin-top: 6pt;
}

/*
  ==========================
  forms
  ==========================
*/
main * + form {
  margin-top: 16pt;
}

/* general form inner styles */
/* ------------------------- */
main form input,
main form select,
main form textarea {
  display: block;
  width: 100%;
  padding: 5pt;
  border: solid 0.1rem #cccccc;
}

main form .field + .field {
  margin-top: 12pt;
}

.Actions {
  margin-top: 20pt;
  padding-top: 20pt;
  border-top: solid 1pt #cccccc;
  text-align: right;
}

.Actions input + input {
  margin-left: 10pt;
}

/* form field labels */
/* ----------------- */
main form label,
main form .field fieldset {
  display: inline-block;
  color: #333333;
}

main form .req-indicator,
main form .required {
  color: #990000;
}

main form .extra {
  display: block;
  font-size: 90%;
}

/* check boxes and radio buttons */
/* ----------------------------- */
main form .optionset {
  list-style-type: none;
  margin: 0;
}

main form .optionset label,
main form .checkbox label {
  display: inline;
  vertical-align: middle;
  color: #131313;
}

main form .optionset input,
main form .checkbox input {
  display: inline;
  padding: 0;
  width: auto;
  margin-right: 4pt;
  border: none;
  vertical-align: middle;
}

/* buttons */
/* ------- */
button,
.button,
.button:visited,
.Actions input {
  display: inline-block;
  height: 20pt;
  width: auto;
  padding: 0 12pt;
  background-color: #8cc63f;
  border: none;
  text-align: center;
  font-size: 12pt;
  text-transform: uppercase;
  line-height: 1.8;
  white-space: nowrap;
  color: #ffffff;
}

button.inactive,
button[inactive],
.button.inactive,
.Actions input[type=reset] {
  background-color: #cccccc;
}

/* button with plus sign */
button.plus:after,
.button.plus:after,
button.minus:after,
.button.minus:after {
  display: inline-block;
  vertical-align: middle;
  padding-left: 1pt;
  content: "";
  font-family: "entypo";
  font-size: 16pt;
}

/* button with minus sign */
button.minus:after,
.button.minus:after {
  content: "";
}

/*
  ==========================
  tables
  ==========================
*/
main table {
  width: 100%;
  border-collapse: separate;
  font-size: 12pt;
  color: #000000;
  line-height: 1.3;
}

main table thead th {
  border-bottom: solid 3pt #ffffff;
}

main table thead th {
  padding: 4pt;
  background-color: #d0d0d0;
  text-align: left;
  vertical-align: bottom;
  text-transform: uppercase;
  font-weight: normal;
}

main table td {
  padding: 2pt 4pt;
  border-left: solid 1pt #cccccc;
  vertical-align: top;
}

main table tbody tr:first-child td {
  border-top: solid 1pt #cccccc;
}

main table tbody tr:last-child td {
  border-bottom: solid 1pt #cccccc;
}

main table tr th:first-child,
main table tr td:first-child {
  border-left: none;
}

main * + table {
  margin-top: 12pt;
}

/*
  ==========================
  document list (single or multiple)
  ==========================
*/
ul.document-list {
  list-style-type: none;
  margin-left: 0;
  padding: 0;
}

/*
  ==========================
  related info
  ==========================
*/
main * + .related-info,
main .related-info + * {
  margin-top: 18pt;
}

main .related-info .inner p + p {
  margin-top: 4pt;
}

/*
  ==========================
  media - such as youTube, etc
  ==========================
*/
main .media {
  display: none;
}

main .media iframe {
  display: none;
}

/*
  ==========================
  related content
  ==========================
*/
#related-content {
  margin-top: 16pt;
}

#related-content article + article {
  margin-top: 12pt;
}

#related-content figure {
  display: none;
}

#related-content article p.more-link {
  margin-top: 2pt;
}

/*
  ==========================
  article lists (with tags)
  ==========================
*/
/* tag list filter */
/* --------------- */
.tag-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 12pt;
  color: #999;
  text-transform: uppercase;
}

.tag-list li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.tag-list li:after {
  content: "|";
  display: inline-block;
  margin: 0 4pt;
}

.tag-list li:last-child:after {
  content: none;
}

.tag-list a {
  color: #999;
  text-decoration: none;
}

.tag-list a.active {
  color: #0066ff;
}

/* article styling */
/* --------------- */
main * + .article-list {
  margin-top: 20pt;
}

.article-list article {
  padding: 12pt 0;
  border-bottom: solid 1pt #cccccc;
  font-size: 12pt;
}

.article-list article:first-child {
  border-top: solid 1pt #cccccc;
}

.article-list article h2 {
  font-size: 15pt;
}

.article-list article time {
  display: block;
  font-size: 12pt;
  color: #000000;
}

.article-list article * + time {
  margin-top: 2pt;
}

/*
  ==========================
  pagination
  ==========================
*/
.pagination {
  margin-top: 16pt;
  text-align: right;
}

.pagination span,
.pagination a {
  display: inline-block;
  margin: 0.3rem;
  font-size: 14pt;
  color: #333333;
  text-decoration: none;
}

.pagination a:after {
  content: none !important;
}

.pagination span.inactive {
  color: #999999;
}

.pagination a.active {
  color: #0066ff;
}

/*
  ==========================
  misc styles
  ==========================
*/
/* horizontal rule */
/* --------------- */
hr {
  display: block;
  height: 1pt;
  border: 0;
  border-top: 1pt solid #ccc;
  margin: 14pt 0 12pt 0;
  padding: 0;
}

.txt-right {
  text-align: right;
}

/*
  ===============================================================================
  PAGE TYPE OVERRIDES
  ===============================================================================
*/
/*
  ==========================
  home page
  ==========================
*/
/* home alert area */
/* --------------- */
#alert {
  margin-bottom: 20pt;
}

#alert .wrapper {
  padding: 10pt;
  border: solid 2pt #FF7A4D;
}

#alert .wrapper .contact-info {
  margin-top: 12pt;
}

#alert h3 {
  font-size: 16pt;
}

#alert .wrapper .contact-info ul li span {
  display: inline-block;
  margin-right: 10pt;
}

/* open / close link */
#alert .wrapper .open-close {
  display: none;
}

/* home page title */
/* --------------- */
.home-page h1#page-title {
  display: none;
}

.home-page main h1#page-title + * {
  margin-top: 0 !important;
}

/*
  ==========================
  landing page
  ==========================
*/
#page-head-banner {
  background: none;
}

#page-wrapper {
  background: none;
  display: block;
  height: auto;
}

#main-content {
  float: none !important;
  width: 100%;
  background: none !important;
  padding: 20px;
}

#main-page > main:before, #main-page > main:after {
  display: none !important;
}

#main-page {
  position: static;
  min-height: none;
  margin: 0;
}

#main-page,
.wrapper, .container {
  max-width: none;
}

#page-wrapper-inner, #page-foot {
  display: block;
}

.wrapper {
  width: 100% !important;
}

.landing #section-summary-page-listing:before,
.landing #section-summary-page-listing:after {
  display: none;
}

#section-summary-page-listing > div {
  width: 100%;
}
