/*@bodyfont: "droid_sansregular", Tahoma, sans-serif;*/
/*@bodyfontbold: "droid_sansbold", Tahoma, sans-serif;*/
/*@headerfont: "droid_serifregular", Georgia, serif;*/
/*@headerfontitalic: "droid_serifitalic", Georgia, serif;  */
/* #779A0B olive green */
/* #638009 darker olive green for small text */
/*@whatsection	 		: rgb(0,162,95); 	/* #00a25f original green */
/*@whatsectionsm	 	: rgb(2,137,0); 	/* #028900 green for small text */
/*@whatsection	 		: rgb(20,161,204); 	/* #14A1CC new turquoise */
/*@whatsectionsm	 	: rgb(14,129,160); 	/* #0E81A0 darker turquoise for small text */
/*@whysection	 		: rgb(242,174,3); 	/* #f2ae03 original yellow */
/*@whysection	 		: rgb(198,137,30); 	/* #C6891E yellowy brown */
/*@whysectionsm	 		: rgb(161,108,12); 	/* #A16C0C yellowy brown for small text */
/*@whysection	 		: rgb(219,126,8); 	/* #E65C00 new orange */
/*@whysectionsm	 		: rgb(185,94,6); 	/* #B95E06 new orange for small text */
/*@howsection	 		: rgb(232,44,33); 	/* #e82c21 original red */
/*@howsectionsm	 		: rgb(232,22,10); 	/* #E8160A red for small text */
/*@resourcessection	 	: rgb(21,87,204); 	/* #1557cc original blue */
/* #00a25f original green */
/* #008850 green for small text */
/* #007e4a darker green for small text on grey bg */
/* #9040af wisteria */
/* #9040af wisteria */
/* #9e59b9 lighter wisteria for coloured slice */
/* #e82c21 original red */
/* #E8160A red for small text */
/* #d3281e darker red for small text */
/* #1557cc blue */
/* #88a6ff light blue */
/* #d8e2ff lighter blue */
/* #ebf0ff 50% lighter blue */
/* #e01414 red */
/* #ffffff white */
/* #f2f2f2 lighter grey */
/* #e6e6e6 light grey */
/* #949698 mid grey */
/*@subtextgrey  		: rgb(124,126,128); /* #7c7e80 dark grey */
/* #6E7881 dark grey */
/* #666666 darker grey */
/* #3c3c3c darkest grey */
/* #000000 black */
/* #00a25f green */
/* #fcf000 yellow */
/* #e82c21 red */
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
.focusable {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
/* GRID OF TWO */
.span_2_of_2_mixin {
  width: 100%;
}
.span_1_of_2_mixin {
  width: 47.5%;
}
/* GRID OF THREE */
.span_3_of_3_mixin {
  width: 100%;
}
.span_2_of_3_mixin {
  width: 65%;
}
.span_1_of_3_mixin {
  width: 30%;
}
/* GRID OF FOUR */
.span_4_of_4_mixin {
  width: 100%;
}
.span_3_of_4_mixin {
  width: 74.2%;
}
.span_2_of_4_mixin {
  width: 47.5%;
}
.span_1_of_4_mixin {
  width: 21.25%;
}
/*  GRID OF SIX  */
.span_6_of_6_mixin {
  width: 100%;
}
.span_5_of_6_mixin {
  width: 82.5%;
}
.span_4_of_6_mixin {
  width: 65%;
}
.span_3_of_6_mixin {
  width: 47.5%;
}
.span_2_of_6_mixin {
  width: 30%;
}
.span_1_of_6_mixin {
  width: 14%;
}
/* bits & bobs */
.col-first-child {
  margin-left: 0;
}
.no-bottom-border {
  border-bottom: none !important;
}
.picture-text-block.no-bottom-border {
  border-bottom: none !important;
  margin-bottom: 0;
}
/*  SECTIONS  ============================================================================= */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}
/*  GROUPING  ============================================================================= */
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}
/*  GRID COLUMN SETUP   ==================================================================== */
/*  Mobile-first default below 320px */
.col {
  display: block;
  float: left;
  margin: 0;
}
@media only screen and (min-width: 320px) {
  .col {
    margin: 0 0 0 5%;
  }
  .col:first-child {
    /* all browsers except IE6 and lower */
    margin-left: 0;
  }
}
/*  ALL GRIDS DEFAULT (mobile-first)   ============================================================================= */
.span_2_of_2 {
  width: 100%;
}
.span_1_of_2 {
  width: 100%;
}
.span_3_of_3 {
  width: 100%;
}
.span_2_of_3 {
  width: 100%;
}
.span_1_of_3 {
  width: 100%;
}
.span_4_of_4 {
  width: 100%;
}
.span_3_of_4 {
  width: 100%;
}
.span_2_of_4 {
  width: 100%;
}
.span_1_of_4 {
  width: 100%;
}
.span_5_of_5 {
  width: 100%;
}
.span_4_of_5 {
  width: 100%;
}
.span_3_of_5 {
  width: 100%;
}
.span_2_of_5 {
  width: 100%;
}
.span_1_of_5 {
  width: 100%;
}
.span_6_of_6 {
  width: 100%;
}
.span_5_of_6 {
  width: 100%;
}
.span_4_of_6 {
  width: 100%;
}
.span_3_of_6 {
  width: 100%;
}
.span_2_of_6 {
  width: 100%;
}
.span_1_of_6 {
  width: 100%;
}
/*  REFERENCE GRIDS   ============================================================================= */
@media only screen and (min-width: 320px) {
  /* GRID OF TWO */
  .span_2_of_2 {
    width: 100%;
  }
  .span_1_of_2 {
    width: 47.5%;
  }
  /* GRID OF THREE */
  .span_3_of_3 {
    width: 100%;
  }
  .span_2_of_3 {
    width: 65%;
  }
  .span_1_of_3 {
    width: 30%;
  }
  /* GRID OF FOUR */
  .span_4_of_4 {
    width: 100%;
  }
  .span_3_of_4 {
    width: 73.75%;
  }
  .span_2_of_4 {
    width: 47.5%;
  }
  .span_1_of_4 {
    width: 21.25%;
  }
  /*  GRID OF SIX  */
  .span_6_of_6 {
    width: 100%;
  }
  .span_5_of_6 {
    width: 82.5%;
  }
  .span_4_of_6 {
    width: 65%;
  }
  .span_3_of_6 {
    width: 47.5%;
  }
  .span_2_of_6 {
    width: 30%;
  }
  .span_1_of_6 {
    width: 12.5%;
  }
}
/*  CONTENT COL   ============================================================================= */
.subnav-col {
  width: 100%;
  margin-left: 0;
}
.content-col {
  width: 100%;
  margin-left: 0;
}
.feature-col {
  width: 100%;
  margin-left: 0;
}
/*  768 PIXELS AND ABOVE */
/* Main content takes up 2/3rds of width, feature col 1/3 */
@media only screen and (min-width: 768px) {
  .span_3_of_3 {
    width: 100%;
  }
  .span_2_of_3,
  .content-col {
    width: 65%;
  }
  .span_1_of_3,
  .feature-col {
    width: 30%;
    margin: 0 0 0 5%;
  }
}
/* ----------------- SLICES TEMPLATE --------------------- */
.slices .slice-wrapper .slice,
.quiz .slice-wrapper .slice {
  max-width: 1090px;
  margin: 0 auto;
  padding: 0 5%;
}
.slices .slice-wrapper .slice .slice1,
.quiz .slice-wrapper .slice .slice1 {
  width: 100%;
}
.slices .slice-wrapper .slice .slice2,
.quiz .slice-wrapper .slice .slice2 {
  width: 100%;
  margin: 1.5em 0 0 0;
  border-top: 1px solid #949698;
  padding: 1.5em 0 0 0;
}
.slices .slice-wrapper .slice .slice2:empty,
.quiz .slice-wrapper .slice .slice2:empty {
  border-top: none;
  padding: 0;
  margin: 0;
}
.slices .slice-wrapper .slice .slice12,
.quiz .slice-wrapper .slice .slice12 {
  width: 100%;
}
.slices .backtotop,
.quiz .backtotop {
  max-width: 1090px;
  margin: 0 auto;
  padding: 0 5%;
}
.slices .coloured .slice .slice2 {
  border-top: 1px solid #ffffff;
}
/*  768 PIXELS AND ABOVE */
/* Main content takes up 2/3rds of width, feature col 1/3 */
@media only screen and (min-width: 768px) {
  .slices .span_2_of_3,
  .slices .content-col {
    width: 100%;
  }
  .slices .slice-wrapper .slice .slice1 {
    width: 65%;
  }
  .slices .slice-wrapper .slice .slice2 {
    width: 30%;
    margin: 0 0 0 5%;
    padding: 0;
    border-top: 0;
  }
  .slices .slice-wrapper .slice .slice12 {
    width: 100%;
  }
}
/* ----------------- ERROR PAGE TEMPLATE --------------------- */
.slices.errorpage .slice {
  max-width: 1090px;
  margin: 0 auto;
  padding: 0 5%;
  overflow: hidden;
}
.slices.errorpage .slice .slice1 {
  width: 100%;
}
.slices.errorpage .slice .slice2 {
  width: 100%;
  /*margin: 1.5em 0 0 0;*/
  margin: 0.5em 0 0 0;
  /*border-top: 1px solid @bordercolor;*/
  /*padding: 1.5em 0 0 0;*/
  padding: 0;
}
.slices.errorpage .slice .slice2:empty {
  border-top: none;
  padding: 0;
  margin: 0;
}
/*  768 PIXELS AND ABOVE */
/* Main content takes up 1/2 of width, feature col 1/2 */
@media only screen and (min-width: 768px) {
  .slices.errorpage .content-col {
    width: 100%;
  }
  .slices.errorpage .slice .slice1 {
    width: 47.5%;
  }
  .slices.errorpage .slice .slice2 {
    width: 47.5%;
    margin: 0 0 0 5%;
    padding: 0;
    border-top: 0;
  }
}
/* ----------------- CASE STUDIES TEMPLATE --------------------- */
.casestudies .content-col {
  width: 100%;
}
.casestudies .content-col .span_1_of_1,
.casestudies .content-col .casestudy {
  width: 100%;
  margin-left: 0;
}
@media only screen and (min-width: 320px) {
  .casestudies .content-col .span_1_of_2,
  .casestudies .content-col .casestudy {
    width: 47.5%;
    margin: 0 0 0 5%;
  }
  .casestudies .content-col .casestudy:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media only screen and (min-width: 600px) {
  .casestudies .content-col .span_1_of_3,
  .casestudies .content-col .casestudy {
    width: 30%;
  }
  .casestudies .content-col .casestudy:nth-child(2n+1) {
    clear: none;
    margin: 0 0 0 5%;
  }
  .casestudies .content-col .casestudy:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .casestudies .content-col .span_1_of_4,
  .casestudies .content-col .casestudy {
    width: 21.25%;
  }
  .casestudies .content-col .casestudy:nth-child(3n+1) {
    clear: none;
    margin: 0 0 0 5%;
  }
  .casestudies .content-col .casestudy:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }
}
.ie8 .casestudies .content-col .casestudy:nth-child(2n+1),
.ie8 .casestudies .content-col .casestudy:nth-child(3n+1),
.ie8 .casestudies .content-col .casestudy:nth-child(4n+1) {
  clear: none;
  margin: 0 0 0 5%;
}
.ie8 .casestudies .content-col .casestudy.nth-child-4n1 {
  clear: both;
  margin-left: 0;
}
/* ----------------- QUIZ TEMPLATE --------------------- */
.quiz .quiz-wrapper {
  padding: 0 0 1em 0;
  border-bottom: 1px solid #949698;
  margin: 0 0 1.5em 0;
}
.quiz .quiz-wrapper .slice {
  max-width: 1090px;
  margin: 0 auto;
  padding: 0 5%;
}
.quiz .quiz-wrapper .slice .slice1 {
  width: 100%;
}
.quiz .quiz-wrapper .slice .slice2 {
  width: 100%;
  margin: 0;
  padding: 1.5em 0 0 0;
  display: none;
}
.quiz .quiz-wrapper:nth-last-child(2) {
  border-bottom: none;
}
.quiz .quiz-wrapper-submit {
  padding: 0;
  border-bottom: none;
  margin: 0;
}
.quiz .quiz-wrapper-submit .slice {
  max-width: 1090px;
  margin: 0 auto;
  padding: 0 5%;
}
.quiz .quiz-wrapper-submit .slice .slice1 {
  width: 100%;
}
/*  768 PIXELS AND ABOVE */
/* slice1 (question) and slice2 (answer) each take up half the horizontal width */
@media only screen and (min-width: 768px) {
  .quiz .content-col {
    width: 100%;
  }
  .quiz .quiz-wrapper {
    padding: 0;
    border-bottom: none;
    margin: 0 0 1.5em 0;
  }
  .quiz .quiz-wrapper .slice .slice1 {
    width: 47.5%;
  }
  .quiz .quiz-wrapper .slice .slice2 {
    width: 47.5%;
    margin: 0 0 0 5%;
    padding: 0;
    border-top: 0;
  }
  .quiz .quiz-wrapper-submit {
    padding: 0;
    border-bottom: none;
    margin: 0 0 1.5em 0;
  }
  .quiz .quiz-wrapper-submit .slice .slice1 {
    width: 100%;
  }
}
/* ----------------- TIMELINE TEMPLATE --------------------- */
.timeline .timeline-wrapper {
  padding: 0;
  margin: 0 0 1.5em 0;
}
.timeline .timeline-wrapper .timeline-block {
  max-width: 1090px;
  margin: 0 auto;
  padding: 0;
}
.timeline .timeline-wrapper .timeline-block .left {
  width: 100%;
  margin: 0 0 1.5em 0;
}
.timeline .timeline-wrapper .timeline-block .right {
  width: 100%;
  margin: 0;
}
/*  768 PIXELS AND ABOVE */
/* Timeline entries can be aligned left or right and each take up nearly half the available horizontal space */
/* with a gap in the centre for the dots and vertical grey line */
@media only screen and (min-width: 768px) {
  .timeline .content-col {
    width: 100%;
    margin: 0;
  }
  .timeline .timeline-wrapper {
    padding: 0;
    margin: 0 0 1.5em 0;
  }
  .timeline .timeline-wrapper .timeline-block {
    /* if the timeline date breaks between left and right boxes, 
				put them into 2 separate .timeline-block divs and add class single to .wrap-right
				to remove the top-margin on .right */
  }
  .timeline .timeline-wrapper .timeline-block .left {
    width: 46%;
    margin: 0 2.5% 0 0;
    float: left;
  }
  .timeline .timeline-wrapper .timeline-block .right {
    width: 46%;
    margin: 4em 0 0 2.5%;
    float: right;
  }
  .timeline .timeline-wrapper .timeline-block .single .right {
    margin: 0 0 0 2.5%;
  }
}
.ie9 .timeline .timeline-wrapper img {
  max-width: 447px;
}
.ie8 .timeline .timeline-wrapper img {
  max-width: 415px;
}
/* ----------------- HOMEPAGE TEMPLATE --------------------- */
.homepage .content-col {
  width: 100%;
}
.homepage .content-col .whatwhyhow {
  margin: 0 0 3em 0;
}
.homepage .content-col .what-block,
.homepage .content-col .why-block,
.homepage .content-col .how-block {
  width: 100%;
  margin-left: 0;
}
@media only screen and (min-width: 700px) {
  .homepage .content-col .what-block,
  .homepage .content-col .how-block {
    width: 33%;
    margin: 0;
  }
  .homepage .content-col .why-block {
    width: 34%;
    margin: 0;
  }
}
.homepage .content-col .featured-block {
  width: 100%;
  margin: 0 0 3em 0;
}
@media only screen and (min-width: 600px) {
  .homepage .content-col .featured-block {
    width: 47.5%;
    margin: 0 0 0 5%;
  }
  .homepage .content-col .featured-block:first-child {
    margin-left: 0;
  }
}
.homepage .content-col .timeline {
  margin: 0 0 3.75em 0;
}
.homepage .content-col .timeline-text {
  width: 100%;
  margin: 0;
}
.homepage .content-col .timeline-pic {
  width: 100%;
  margin: 1em 0 0 0;
}
@media only screen and (min-width: 600px) {
  .homepage .content-col .timeline-text {
    width: 47.5%;
    margin: 0;
  }
  .homepage .content-col .timeline-pic {
    width: 47.5%;
    margin: 3em 0 0 5%;
  }
}
.homepage .content-col .picture-wrapper .picture-block2,
.homepage .content-col .picture-wrapper .picture-block5,
.homepage .content-col .picture-wrapper .picture-block6,
.homepage .content-col .picture-wrapper .picture-block7 {
  width: 33.33%;
  margin: 0;
}
.homepage .content-col .picture-wrapper .picture-block1 {
  width: 66.66%;
  margin: 0;
}
.homepage .content-col .picture-wrapper .picture-block4a,
.homepage .content-col .picture-wrapper .picture-block3,
.homepage .content-col .picture-wrapper .picture-block8,
.homepage .content-col .picture-wrapper .picture-block4b {
  display: none;
}
@media only screen and (min-width: 600px) {
  .homepage .content-col .picture-wrapper .picture-block2,
  .homepage .content-col .picture-wrapper .picture-block4a,
  .homepage .content-col .picture-wrapper .picture-block5,
  .homepage .content-col .picture-wrapper .picture-block6,
  .homepage .content-col .picture-wrapper .picture-block7,
  .homepage .content-col .picture-wrapper .picture-block4b {
    width: 16.66%;
    margin: 0;
    display: block;
  }
  .homepage .content-col .picture-wrapper .picture-block1,
  .homepage .content-col .picture-wrapper .picture-block3,
  .homepage .content-col .picture-wrapper .picture-block8 {
    width: 33.33%;
    margin: 0;
    display: block;
  }
}
.ie9 .homepage .picture-wrapper .picture-block1 img,
.ie8 .homepage .picture-wrapper .picture-block1 img,
.ie9 .homepage .picture-wrapper .picture-block3 img,
.ie8 .homepage .picture-wrapper .picture-block3 img,
.ie9 .homepage .picture-wrapper .picture-block8 img,
.ie8 .homepage .picture-wrapper .picture-block8 img {
  width: 363px;
  height: 182px;
}
.ie9 .homepage .picture-wrapper .picture-block2 img,
.ie8 .homepage .picture-wrapper .picture-block2 img,
.ie9 .homepage .picture-wrapper .picture-block4a img,
.ie8 .homepage .picture-wrapper .picture-block4a img,
.ie9 .homepage .picture-wrapper .picture-block5 img,
.ie8 .homepage .picture-wrapper .picture-block5 img,
.ie9 .homepage .picture-wrapper .picture-block6 img,
.ie8 .homepage .picture-wrapper .picture-block6 img,
.ie9 .homepage .picture-wrapper .picture-block7 img,
.ie8 .homepage .picture-wrapper .picture-block7 img,
.ie9 .homepage .picture-wrapper .picture-block4b img,
.ie8 .homepage .picture-wrapper .picture-block4b img {
  width: 182px;
  height: 182px;
}
/* @@ LAYOUT ============================================================================= */
body {
  font-family: "droid_sans", Tahoma, sans-serif;
  font-size: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  color: #666666;
  background-color: #ffffff;
}
#container {
  width: 100%;
  text-align: center;
  overflow: hidden;
  background-color: #ffffff;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 auto;
}
/* ----- @@ HEADER ----- */
#header-wrapper {
  width: 100%;
  position: relative;
  text-align: left;
  padding: 0 0 1.5em 0;
  border-bottom: 1px solid #949698;
}
@media only screen and (min-width: 1060px) {
  #header-wrapper {
    padding: 0 0 1em 0;
  }
}
#header-wrapper header {
  text-align: left;
  max-width: 1090px;
  margin: 0 auto;
  padding: 0 5%;
}
#header-wrapper .supernav {
  width: 100%;
}
@media only screen and (min-width: 1060px) {
  #header-wrapper .supernav {
    width: 47.5%;
    width: 40%;
    padding: 0.75em 0 0 0;
    float: right;
  }
}
#header-wrapper .supernav ul {
  width: 47.5%;
  float: left;
  display: inline;
  white-space: nowrap;
}
@media only screen and (min-width: 540px) {
  #header-wrapper .supernav ul {
    width: 30%;
    width: 25%;
  }
}
@media only screen and (min-width: 1060px) {
  #header-wrapper .supernav ul {
    text-align: right;
    width: 47.5%;
  }
}
#header-wrapper .supernav ul li {
  display: inline;
}
#header-wrapper .supernav ul li img {
  padding: 0.5em 6px 0 0;
  width: 24px;
}
@media only screen and (min-width: 1060px) {
  #header-wrapper .supernav ul li img {
    width: 36px;
  }
}
#header-wrapper .supernav .main-site-link {
  width: 47.5%;
  margin-left: 5%;
  padding: 0.7em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
}
@media only screen and (min-width: 540px) {
  #header-wrapper .supernav .main-site-link img {
    display: inline;
  }
}
@media only screen and (min-width: 540px) {
  #header-wrapper .supernav .main-site-link {
    width: 30%;
  }
}
@media only screen and (min-width: 1060px) {
  #header-wrapper .supernav .main-site-link {
    width: 47.5%;
  }
  #header-wrapper .supernav .main-site-link img {
    float: right;
    padding: 0;
    margin: 0;
  }
}
#header-wrapper .search {
  width: 100%;
  padding: 0 0 1em 0;
  margin: 0;
}
@media only screen and (min-width: 300px) {
  #header-wrapper .search {
    padding: 0;
  }
}
@media only screen and (min-width: 540px) {
  #header-wrapper .search {
    width: 30%;
    width: 35%;
    clear: none;
    float: left;
    margin: 0 0 0 5%;
    padding: 0.5em 0 0 0;
  }
}
@media only screen and (min-width: 1060px) {
  #header-wrapper .search {
    padding: 1em 0 0 0;
    width: 84%;
    clear: both;
    float: right;
  }
}
#header-wrapper .logo {
  width: 100%;
  margin-left: 0;
}
#header-wrapper .logo .logo-image img {
  float: left;
  width: 50%;
}
#header-wrapper .logo .logo-text {
  margin-left: 0;
}
#header-wrapper .logo .logo-text h2 {
  font-size: 1.15em;
  margin: 1em 0 0.3em 0;
  color: #779a0b !important;
}
#header-wrapper .logo .logo-text p {
  font-size: 1em;
  margin-bottom: 0;
  color: #638009 !important;
  line-height: 1.2;
}
@media only screen and (min-width: 300px) {
  #header-wrapper .logo {
    padding: 1em 0 0 0;
  }
  #header-wrapper .logo .logo-image {
    width: 30%;
  }
  #header-wrapper .logo .logo-image img {
    padding: 0 0 0 0;
    width: 100%;
  }
  #header-wrapper .logo .logo-text {
    width: 65%;
    margin: 0 0 0 5%;
  }
  #header-wrapper .logo .logo-text h2 {
    margin: 0 0 0.3em 0;
  }
}
@media only screen and (min-width: 540px) {
  #header-wrapper .logo .logo-text h2 {
    font-size: 1.3em;
    margin: 0.5em 0 0.3em 0;
  }
}
@media only screen and (min-width: 620px) {
  #header-wrapper .logo .logo-image {
    width: auto;
  }
  #header-wrapper .logo .logo-image img {
    width: auto !important;
  }
  #header-wrapper .logo .logo-text {
    width: auto;
  }
}
@media only screen and (min-width: 768px) {
  #header-wrapper .logo .logo-text h2 {
    font-size: 1.5em;
    margin: 0.5em 0 0.3em 0;
  }
}
@media only screen and (min-width: 1060px) {
  #header-wrapper .logo {
    width: 47.5%;
    width: 60%;
    padding: 1.9em 0 0 0;
    float: left;
    text-align: left;
  }
}
.ie9 #header-wrapper .supernav ul,
.ie8 #header-wrapper .supernav ul {
  width: 37.5%;
  text-align: right;
  float: left;
}
.ie9 #header-wrapper .supernav .main-site-link,
.ie8 #header-wrapper .supernav .main-site-link {
  float: right;
}
/* ----- @@ MAIN NAV ----- */
/* ----- @@ CONTENT ----- */
#content-wrapper {
  text-align: left;
  max-width: 1090px;
  margin: 0 auto;
  padding: 2em 5% 0 5%;
}
.slices #content-wrapper,
.quiz #content-wrapper {
  text-align: left;
  max-width: 5000px;
  margin: 0 auto;
  padding: 2em 0 0 0;
}
/* ----- @@ Content column ----- */
/* ----- @@ Feature column ----- */
.feature-col {
  padding: 2.5em 0 0 0;
  border-top: 1px solid #949698;
}
@media only screen and (min-width: 768px) {
  .feature-col {
    padding: 1em 0 0 0;
    border-top: none;
  }
}
.feature-col:empty {
  border-top: none;
  padding: 0;
}
.feature-col > figure:first-child,
.feature-col > img:first-child {
  margin-top: 0.4em;
}
/*  @@ TYPOGRAPHY  ============================================================================= */
/* ----- @@ headings ----- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "droid_serif", Georgia, serif;
  font-weight: normal;
  line-height: 1.2;
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
  font-style: italic;
}
.homepage #h1-wrapper {
  background: url(../../assets/Images/homepage/hero.jpg);
  max-height: 380px;
  max-width: 1090px;
  /*padding: 0 5%;*/
  padding: 0 3%;
  margin: 0 5%;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
@media only screen and (min-width: 1212px) {
  .homepage #h1-wrapper {
    margin: 0 auto;
    /*padding: 0 5%;*/
    padding: 0 3%;
  }
}
.ie8 .homepage #h1-wrapper {
  width: 1090px;
}
.whatsection #h1-wrapper {
  background: #00a25f;
}
.whatsection h2,
.whatsection h3,
.whatsection h4,
.whatsection h5,
.whatsection h6 {
  color: #00a25f;
}
.whysection #h1-wrapper {
  background: #9040af;
}
.whysection h2,
.whysection h3,
.whysection h4,
.whysection h5,
.whysection h6 {
  color: #9040af;
}
.howsection #h1-wrapper {
  background: #e82c21;
}
.howsection h2,
.howsection h3,
.howsection h4,
.howsection h5,
.howsection h6 {
  color: #e82c21;
}
.resourcessection #h1-wrapper {
  background: #1557cc;
}
.resourcessection h2,
.resourcessection h3,
.resourcessection h4,
.resourcessection h5,
.resourcessection h6 {
  color: #1557cc;
}
.utilitysection #h1-wrapper,
.errorpage #h1-wrapper {
  background: #779a0b;
}
.utilitysection h2,
.errorpage h2,
.utilitysection h3,
.errorpage h3,
.utilitysection h4,
.errorpage h4,
.utilitysection h5,
.errorpage h5,
.utilitysection h6,
.errorpage h6 {
  color: #779a0b;
}
.utilitysection .gallery h5,
.errorpage .gallery h5,
.utilitysection .slick-slider h5,
.errorpage .slick-slider h5 {
  color: #638009;
}
h1 {
  font-size: 2em;
  /* 32 / 16 */
}
h1 span.maori {
  font-style: italic;
}
.homepage h1 {
  font-size: 2.125em;
  /* 34 / 16 */
}
.quiz h1 img {
  margin: 0 10px -10px 0;
}
h2,
.h2 {
  font-size: 2em;
  /* 32 / 16 */
}
.homepage .whatwhyhow h2 {
  font-size: 1.25em;
  /* 20 / 16 */
}
.quiz h2 {
  font-size: 1.5em;
  /* 24 / 16 */
}
h3,
.h3,
.picture-text-block .text-col .h3 {
  font-size: 1.5em;
  /* 24 / 16 */
}
h3 span.subheading,
.h3 span.subheading,
.picture-text-block .text-col .h3 span.subheading {
  font-size: 0.7em;
}
h3,
.h3,
.picture-text-block .text-col .h3 {
  font-size: 1.5em;
  /* 24 / 16 */
}
h3 span.subheading-newline,
.h3 span.subheading-newline,
.picture-text-block .text-col .h3 span.subheading-newline {
  font-size: 0.7em;
  display: block;
}
h4,
.h4,
.picture-text-block .text-col .h4 {
  font-size: 1.25em;
  /* 20 / 16  */
}
.featured-block h4 {
  font-size: 0.9375em;
  /* 15 / 16 */
}
h5,
.h5,
.picture-text-block .text-col .h5 {
  font-size: 1.0625em;
  /* 17 / 16 */
}
h6,
.h6,
.picture-text-block .text-col .h6 {
  font-size: 1em;
  /* 16 / 16  */
}
.accordion h3,
.accordion h4,
.accordion h5,
.accordion h6 {
  font-size: 1.0625em;
  /* 17 / 16 */
}
@media only screen and (min-width: 320px) {
  h1 {
    font-size: 2.125em;
    /* 34 / 16 */
  }
  .homepage h1 {
    /*font-size: 2.5em; /* 40 / 16 */
  }
  h2,
  .h2 {
    font-size: 2.125em;
    /* 34 / 16 */
  }
  .homepage .whatwhyhow h2 {
    font-size: 1.5em;
    /* 24 / 16 */
  }
  .quiz h2 {
    font-size: 1.625em;
    /* 26 / 16 */
  }
  h3,
  .h3 {
    font-size: 1.625em;
    /* 26 / 16 */
  }
  h4,
  .h4 {
    font-size: 1.3125em;
    /* 21 / 16  */
  }
  h5,
  .h5 {
    font-size: 1.125em;
    /* 18 / 16 */
  }
  h6,
  .h6 {
    font-size: 1.0625em;
    /* 17 / 16  */
  }
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    font-size: 1.125em;
    /* 18 / 16 */
  }
}
@media only screen and (min-width: 500px) {
  .homepage h1 {
    /*font-size: 2.625em; /* 42 / 16 */
    font-size: 2.25em;
    /* 36 / 16 */
  }
  .homepage h1 span {
    font-size: 0.5em;
    display: block;
    font-family: "droid_sans", Tahoma, sans-serif;
  }
}
@media only screen and (min-width: 600px) {
  h1 {
    font-size: 2.25em;
    /* 36 / 16 */
  }
  .homepage h1 {
    /*font-size: 2.625em; /* 42 / 16 */
    font-size: 2.375em;
    /* 38 / 16 */
  }
  .homepage h1 span {
    font-size: 0.39em;
    display: block;
    font-family: "droid_sans", Tahoma, sans-serif;
  }
  h2,
  .h2 {
    font-size: 2.25em;
    /* 36 / 16 */
  }
  .quiz h2 {
    font-size: 1.75em;
    /* 28 / 16 */
  }
  h3,
  .h3 {
    font-size: 1.75em;
    /* 28 / 16 */
  }
  h4,
  .h4 {
    font-size: 1.375em;
    /* 22 / 16  */
  }
  h5,
  .h5 {
    font-size: 1.1875em;
    /* 19 / 16 */
  }
  h6,
  .h6 {
    font-size: 1.0625em;
    /* 17 / 16  */
  }
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    font-size: 1.1875em;
    /* 19 / 16 */
  }
}
@media only screen and (min-width: 700px) {
  .homepage h1 {
    font-size: 2.375em;
    /* 38 / 16 */
  }
  .homepage .whatwhyhow h2 {
    font-size: 1.25em;
    /* 20 / 16 */
  }
}
@media only screen and (min-width: 768px) {
  h1 {
    font-size: 2.375em;
    /* 38 / 16 */
  }
  .homepage h1 {
    /*font-size: 2.75em; /* 44 / 16 */
    font-size: 2.625em;
    /* 42 / 16 */
  }
  h2,
  .h2 {
    font-size: 2.375em;
    /* 38 / 16 */
  }
  .homepage .whatwhyhow h2 {
    font-size: 1.5em;
    /* 24 / 16 */
  }
  .quiz h2 {
    font-size: 1.875em;
    /* 30 / 16 */
  }
  h3,
  .h3 {
    font-size: 1.875em;
    /* 30 / 16 */
  }
  h4,
  .h4 {
    font-size: 1.4375em;
    /* 23 / 16  */
  }
  h5,
  .h5 {
    font-size: 1.25em;
    /* 20 / 16 */
  }
  h6,
  .h6 {
    font-size: 1.125em;
    /* 18 / 16  */
  }
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    font-size: 1.25em;
    /* 20 / 16 */
  }
}
@media only screen and (min-width: 980px) {
  h1 {
    font-size: 2.5em;
    /* 40 / 16 */
  }
  .homepage h1 {
    font-size: 2.875em;
    /* 46 / 16 */
  }
  h2,
  .h2 {
    font-size: 2.5em;
    /* 40 / 16 */
  }
  .homepage .whatwhyhow h2 {
    font-size: 1.625em;
    /* 26 / 16 */
  }
  .quiz h2 {
    font-size: 2em;
    /* 32 / 16 */
  }
  h3,
  .h3 {
    font-size: 2em;
    /* 32 / 16 */
  }
  h4,
  .h4 {
    font-size: 1.5em;
    /* 24 / 16  */
  }
  h5,
  .h5 {
    font-size: 1.3125em;
    /* 21 / 16 */
  }
  h6,
  .h6 {
    font-size: 1.125em;
    /* 18 / 16  */
  }
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    font-size: 1.3125em;
    /* 21 / 16 */
  }
}
h1 {
  margin: 0 auto;
  padding: 1em 5%;
  text-align: left;
  max-width: 1090px;
  color: #ffffff;
}
.homepage h1 {
  /*margin: 0;*/
  margin: 5% 0 9%;
  /*padding: 2.7em 0;*/
  /*padding: 12% 0;*/
  padding: 2%;
  text-align: left;
  /*max-width: 360px;*/
  max-width: 290px;
  color: #000000;
  background: none;
  background: #ffffff none repeat scroll 0 0;
  text-shadow: 2px 2px 2px #c6c6c6;
}
.homepage h1 span {
  font-size: 0.39em;
  display: block;
  font-family: "droid_sans", Tahoma, sans-serif;
}
@media only screen and (min-width: 700px) {
  .homepage h1 {
    max-width: 360px;
  }
}
h2 {
  margin: 1em 0 0.2em 0;
}
.content-col > h2:first-child {
  margin-top: 0;
}
.slice1 > h2:first-child,
.slice2 > h2:first-child,
.slice1 > figure:first-child h2,
.slice2 > figure:first-child h2 {
  margin-top: 0;
}
.whatsection.slices .coloured h2,
.whysection.slices .coloured h2,
.howsection.slices .coloured h2,
.resourcessection.slices .coloured h2,
.utilitysection.slices .coloured h2,
.whatsection.slices .coloured h3,
.whysection.slices .coloured h3,
.howsection.slices .coloured h3,
.resourcessection.slices .coloured h3,
.utilitysection.slices .coloured h3,
.whatsection.slices .coloured h4,
.whysection.slices .coloured h4,
.howsection.slices .coloured h4,
.resourcessection.slices .coloured h4,
.utilitysection.slices .coloured h4,
.whatsection.slices .coloured h5,
.whysection.slices .coloured h5,
.howsection.slices .coloured h5,
.resourcessection.slices .coloured h5,
.utilitysection.slices .coloured h5,
.whatsection.slices .coloured h6,
.whysection.slices .coloured h6,
.howsection.slices .coloured h6,
.resourcessection.slices .coloured h6,
.utilitysection.slices .coloured h6,
.whatsection.slices .coloured p,
.whysection.slices .coloured p,
.howsection.slices .coloured p,
.resourcessection.slices .coloured p,
.utilitysection.slices .coloured p,
.whatsection.slices .coloured ul,
.whysection.slices .coloured ul,
.howsection.slices .coloured ul,
.resourcessection.slices .coloured ul,
.utilitysection.slices .coloured ul,
.whatsection.slices .coloured li,
.whysection.slices .coloured li,
.howsection.slices .coloured li,
.resourcessection.slices .coloured li,
.utilitysection.slices .coloured li,
.whatsection.slices .coloured dl,
.whysection.slices .coloured dl,
.howsection.slices .coloured dl,
.resourcessection.slices .coloured dl,
.utilitysection.slices .coloured dl,
.whatsection.slices .coloured figcaption,
.whysection.slices .coloured figcaption,
.howsection.slices .coloured figcaption,
.resourcessection.slices .coloured figcaption,
.utilitysection.slices .coloured figcaption,
.whatsection.slices .coloured th,
.whysection.slices .coloured th,
.howsection.slices .coloured th,
.resourcessection.slices .coloured th,
.utilitysection.slices .coloured th,
.whatsection.slices .coloured td,
.whysection.slices .coloured td,
.howsection.slices .coloured td,
.resourcessection.slices .coloured td,
.utilitysection.slices .coloured td {
  color: #ffffff;
}
.whatsection.slices .coloured h2 a,
.whysection.slices .coloured h2 a,
.howsection.slices .coloured h2 a,
.resourcessection.slices .coloured h2 a,
.utilitysection.slices .coloured h2 a,
.whatsection.slices .coloured h3 a,
.whysection.slices .coloured h3 a,
.howsection.slices .coloured h3 a,
.resourcessection.slices .coloured h3 a,
.utilitysection.slices .coloured h3 a,
.whatsection.slices .coloured h4 a,
.whysection.slices .coloured h4 a,
.howsection.slices .coloured h4 a,
.resourcessection.slices .coloured h4 a,
.utilitysection.slices .coloured h4 a,
.whatsection.slices .coloured h5 a,
.whysection.slices .coloured h5 a,
.howsection.slices .coloured h5 a,
.resourcessection.slices .coloured h5 a,
.utilitysection.slices .coloured h5 a,
.whatsection.slices .coloured h6 a,
.whysection.slices .coloured h6 a,
.howsection.slices .coloured h6 a,
.resourcessection.slices .coloured h6 a,
.utilitysection.slices .coloured h6 a,
.whatsection.slices .coloured p a,
.whysection.slices .coloured p a,
.howsection.slices .coloured p a,
.resourcessection.slices .coloured p a,
.utilitysection.slices .coloured p a,
.whatsection.slices .coloured ul a,
.whysection.slices .coloured ul a,
.howsection.slices .coloured ul a,
.resourcessection.slices .coloured ul a,
.utilitysection.slices .coloured ul a,
.whatsection.slices .coloured li a,
.whysection.slices .coloured li a,
.howsection.slices .coloured li a,
.resourcessection.slices .coloured li a,
.utilitysection.slices .coloured li a,
.whatsection.slices .coloured dl a,
.whysection.slices .coloured dl a,
.howsection.slices .coloured dl a,
.resourcessection.slices .coloured dl a,
.utilitysection.slices .coloured dl a,
.whatsection.slices .coloured figcaption a,
.whysection.slices .coloured figcaption a,
.howsection.slices .coloured figcaption a,
.resourcessection.slices .coloured figcaption a,
.utilitysection.slices .coloured figcaption a,
.whatsection.slices .coloured th a,
.whysection.slices .coloured th a,
.howsection.slices .coloured th a,
.resourcessection.slices .coloured th a,
.utilitysection.slices .coloured th a,
.whatsection.slices .coloured td a,
.whysection.slices .coloured td a,
.howsection.slices .coloured td a,
.resourcessection.slices .coloured td a,
.utilitysection.slices .coloured td a {
  color: #000000 !important;
}
h2.nzfilms,
h2.films,
h2.games,
h2.books,
h2.randomstuff,
h2.other {
  padding: 0 0 0 2.5em;
  margin: 1em 0 1.1em 0;
}
h2.nzfilms {
  background: url(../img/icon-nz-films.gif) no-repeat 0 0;
  margin-top: 0;
}
h2.films {
  background: url(../img/icon-films.gif) no-repeat 0 0;
}
h2.games {
  background: url(../img/icon-games.gif) no-repeat 0 0;
}
h2.books {
  background: url(../img/icon-books.gif) no-repeat 0 0;
}
h2.randomstuff,
h2.other {
  background: url(../img/icon-random-stuff.gif) no-repeat 0 0;
}
.timeline-block h3 {
  margin: 0 0 0.2em 0;
}
.homepage .whatwhyhow h2 {
  margin: 0 0 1em 0;
}
h3 {
  margin: 1.5em 0 0.2em 0;
}
.accordion h3,
.accordion h4,
.accordion h5,
.accordion h6 {
  background: #e6e6e6 url(../img/grey-arrow-down.png) no-repeat 96% 0.9em;
  color: #666666;
  /*padding: 0.5em 1em;*/
  padding: 0.5em 13% 0.5em 1em;
  margin: 0 0 0.2em 0;
  cursor: pointer;
}
.accordion h3.active,
.accordion h4.active,
.accordion h5.active,
.accordion h6.active {
  background: #e6e6e6 url(../img/grey-arrow-up.png) no-repeat 96% 0.9em;
}
@media only screen and (min-width: 520px) {
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    background: #e6e6e6 url(../img/grey-arrow-down.png) no-repeat 97.5% 0.9em;
    padding: 0.5em 8% 0.5em 1em;
  }
  .accordion h3.active,
  .accordion h4.active,
  .accordion h5.active,
  .accordion h6.active {
    background: #e6e6e6 url(../img/grey-arrow-up.png) no-repeat 97.5% 0.9em;
  }
}
.featured-block h3 {
  margin: 0.5em 0 0.2em 0;
}
.carousel-header h3 {
  margin: 0 0 0.2em 0;
}
.content-col > h3:first-child {
  margin-top: 0;
}
.slice1 > h3:first-child,
.slice2 > h3:first-child,
.slice1 > figure:first-child h3,
.slice2 > figure:first-child h3 {
  margin-top: 0;
}
h4 {
  margin: 1.5em 0 0.2em 0;
}
.featured-block h4 {
  background: #779a0b url(../img/featured-arrow.gif) no-repeat 100% 0;
  height: 32px;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  padding: 7px 1.34em 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0.5em 0 1em -5%;
}
@media only screen and (min-width: 600px) {
  .featured-block h4 {
    margin: 0.5em 0 1em -13%;
  }
}
.content-col > h4:first-child {
  margin-top: 0;
}
.slice1 > h4:first-child,
.slice2 > h4:first-child,
.slice1 > figure:first-child h4,
.slice2 > figure:first-child h4 {
  margin-top: 0;
}
h5 {
  margin: 1.5em 0 0.2em 0;
}
.gallery h5 {
  margin: 0.5em 0 0.2em 0;
}
.content-col > h5:first-child {
  margin-top: 0;
}
.slice1 > h5:first-child,
.slice2 > h5:first-child,
.slice1 > figure:first-child h5,
.slice2 > figure:first-child h5 {
  margin-top: 0;
}
h6 {
  margin: 1.5em 0 0.2em 0;
}
.content-col > h6:first-child {
  margin-top: 0;
}
.slice1 > h6:first-child,
.slice2 > h6:first-child,
.slice1 > figure:first-child h6,
.slice2 > figure:first-child h6 {
  margin-top: 0;
}
/* ----- @@ paragraphs ----- */
p {
  font-family: "droid_sans", Tahoma, sans-serif;
  font-size: 1em;
  /* 16 / 16 = 1 */
  margin-bottom: 1.5em;
  line-height: 1.5;
}
p.intro {
  font-size: 2.5em;
  /* 40 / 16 */
}
p.center {
  text-align: center;
}
p.note {
  color: #6e7881;
  font-size: 0.875em;
  /* 14 / 16 */
}
p:empty {
  display: none;
}
.main-site-link p {
  font-size: 0.8125em;
  /* 13px */
  margin-bottom: 0;
  padding: 0.25em 0 0 0;
  color: #6e7881;
}
.main-site-link p a {
  color: #6e7881;
}
.main-site-link p a:active,
.main-site-link p a:hover {
  color: #666666;
}
.alert {
  color: #e82c21;
}
.timeline p {
  margin-bottom: 1em;
}
.gallery p {
  font-size: 0.9375em;
  /* 15 / 16 */
}
.and {
  font-family: GoudyBookletter1911Regular, Georgia, Times New Roman, sans-serif;
  font-size: 1.5em;
  /* 24 / 16 */
}
b,
strong {
  font-weight: bold;
}
i,
em {
  font-style: italic;
}
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}
/* ----- @@ lists ----- */
.whatsection #content-wrapper ul,
.whysection #content-wrapper ul,
.howsection #content-wrapper ul,
.resourcessection #content-wrapper ul,
.utilitysection #content-wrapper ul,
.errorpage #content-wrapper ul {
  margin: 0;
  padding: 0 0 20px 10px;
}
.whatsection #content-wrapper ul li ul,
.whysection #content-wrapper ul li ul,
.howsection #content-wrapper ul li ul,
.resourcessection #content-wrapper ul li ul,
.utilitysection #content-wrapper ul li ul,
.errorpage #content-wrapper ul li ul,
.whatsection #content-wrapper ul li ul li ul,
.whysection #content-wrapper ul li ul li ul,
.howsection #content-wrapper ul li ul li ul,
.resourcessection #content-wrapper ul li ul li ul,
.utilitysection #content-wrapper ul li ul li ul,
.errorpage #content-wrapper ul li ul li ul,
.whatsection #content-wrapper ul li ol li ul,
.whysection #content-wrapper ul li ol li ul,
.howsection #content-wrapper ul li ol li ul,
.resourcessection #content-wrapper ul li ol li ul,
.utilitysection #content-wrapper ul li ol li ul,
.errorpage #content-wrapper ul li ol li ul,
.whatsection #content-wrapper ol li ul,
.whysection #content-wrapper ol li ul,
.howsection #content-wrapper ol li ul,
.resourcessection #content-wrapper ol li ul,
.utilitysection #content-wrapper ol li ul,
.errorpage #content-wrapper ol li ul,
.whatsection #content-wrapper ol li ul li ul,
.whysection #content-wrapper ol li ul li ul,
.howsection #content-wrapper ol li ul li ul,
.resourcessection #content-wrapper ol li ul li ul,
.utilitysection #content-wrapper ol li ul li ul,
.errorpage #content-wrapper ol li ul li ul,
.whatsection #content-wrapper ol li ol li ul,
.whysection #content-wrapper ol li ol li ul,
.howsection #content-wrapper ol li ol li ul,
.resourcessection #content-wrapper ol li ol li ul,
.utilitysection #content-wrapper ol li ol li ul,
.errorpage #content-wrapper ol li ol li ul {
  margin: 0 0 -6px 1px;
  padding: 6px 0 0 0;
}
.whatsection #content-wrapper p + ul,
.whysection #content-wrapper p + ul,
.howsection #content-wrapper p + ul,
.resourcessection #content-wrapper p + ul,
.utilitysection #content-wrapper p + ul,
.errorpage #content-wrapper p + ul {
  margin: -12px 0 0 0;
}
.whatsection #content-wrapper ul li p,
.whysection #content-wrapper ul li p,
.howsection #content-wrapper ul li p,
.resourcessection #content-wrapper ul li p,
.utilitysection #content-wrapper ul li p,
.errorpage #content-wrapper ul li p {
  margin: 0;
  padding: 0;
}
.whatsection #content-wrapper ol,
.whysection #content-wrapper ol,
.howsection #content-wrapper ol,
.resourcessection #content-wrapper ol,
.utilitysection #content-wrapper ol,
.errorpage #content-wrapper ol {
  margin: 0 0 0 30px;
  padding: 0 0 20px 0;
}
.whatsection #content-wrapper ul li ol,
.whysection #content-wrapper ul li ol,
.howsection #content-wrapper ul li ol,
.resourcessection #content-wrapper ul li ol,
.utilitysection #content-wrapper ul li ol,
.errorpage #content-wrapper ul li ol,
.whatsection #content-wrapper ul li ul li ol,
.whysection #content-wrapper ul li ul li ol,
.howsection #content-wrapper ul li ul li ol,
.resourcessection #content-wrapper ul li ul li ol,
.utilitysection #content-wrapper ul li ul li ol,
.errorpage #content-wrapper ul li ul li ol,
.whatsection #content-wrapper ul li ol li ol,
.whysection #content-wrapper ul li ol li ol,
.howsection #content-wrapper ul li ol li ol,
.resourcessection #content-wrapper ul li ol li ol,
.utilitysection #content-wrapper ul li ol li ol,
.errorpage #content-wrapper ul li ol li ol,
.whatsection #content-wrapper ol li ol,
.whysection #content-wrapper ol li ol,
.howsection #content-wrapper ol li ol,
.resourcessection #content-wrapper ol li ol,
.utilitysection #content-wrapper ol li ol,
.errorpage #content-wrapper ol li ol,
.whatsection #content-wrapper ol li ul li ol,
.whysection #content-wrapper ol li ul li ol,
.howsection #content-wrapper ol li ul li ol,
.resourcessection #content-wrapper ol li ul li ol,
.utilitysection #content-wrapper ol li ul li ol,
.errorpage #content-wrapper ol li ul li ol,
.whatsection #content-wrapper ol li ol li ol,
.whysection #content-wrapper ol li ol li ol,
.howsection #content-wrapper ol li ol li ol,
.resourcessection #content-wrapper ol li ol li ol,
.utilitysection #content-wrapper ol li ol li ol,
.errorpage #content-wrapper ol li ol li ol {
  margin: 0 0 -6px 20px;
  padding: 6px 0 0 0;
}
.whatsection #content-wrapper p + ol,
.whysection #content-wrapper p + ol,
.howsection #content-wrapper p + ol,
.resourcessection #content-wrapper p + ol,
.utilitysection #content-wrapper p + ol,
.errorpage #content-wrapper p + ol {
  margin: -12px 0 0 30px;
}
.whatsection #content-wrapper ol li p,
.whysection #content-wrapper ol li p,
.howsection #content-wrapper ol li p,
.resourcessection #content-wrapper ol li p,
.utilitysection #content-wrapper ol li p,
.errorpage #content-wrapper ol li p {
  margin: 0;
  padding: 0;
}
.whatsection #content-wrapper ol li,
.whysection #content-wrapper ol li,
.howsection #content-wrapper ol li,
.resourcessection #content-wrapper ol li,
.utilitysection #content-wrapper ol li,
.errorpage #content-wrapper ol li {
  margin: 0;
  padding: 0 0 5px 0;
  list-style-type: decimal;
  background: none;
}
.whatsection #content-wrapper ol.lower-alpha li,
.whysection #content-wrapper ol.lower-alpha li,
.howsection #content-wrapper ol.lower-alpha li,
.resourcessection #content-wrapper ol.lower-alpha li,
.utilitysection #content-wrapper ol.lower-alpha li,
.errorpage #content-wrapper ol.lower-alpha li {
  list-style-type: lower-alpha;
}
.whatsection #content-wrapper ol.upper-alpha li,
.whysection #content-wrapper ol.upper-alpha li,
.howsection #content-wrapper ol.upper-alpha li,
.resourcessection #content-wrapper ol.upper-alpha li,
.utilitysection #content-wrapper ol.upper-alpha li,
.errorpage #content-wrapper ol.upper-alpha li {
  list-style-type: upper-alpha;
}
.whatsection #content-wrapper ol.lower-roman li,
.whysection #content-wrapper ol.lower-roman li,
.howsection #content-wrapper ol.lower-roman li,
.resourcessection #content-wrapper ol.lower-roman li,
.utilitysection #content-wrapper ol.lower-roman li,
.errorpage #content-wrapper ol.lower-roman li {
  list-style-type: lower-roman;
}
.whatsection #content-wrapper ol.upper-roman li,
.whysection #content-wrapper ol.upper-roman li,
.howsection #content-wrapper ol.upper-roman li,
.resourcessection #content-wrapper ol.upper-roman li,
.utilitysection #content-wrapper ol.upper-roman li,
.errorpage #content-wrapper ol.upper-roman li {
  list-style-type: upper-roman;
}
.whatsection #content-wrapper ol.lower-alpha-brackets,
.whysection #content-wrapper ol.lower-alpha-brackets,
.howsection #content-wrapper ol.lower-alpha-brackets,
.resourcessection #content-wrapper ol.lower-alpha-brackets,
.utilitysection #content-wrapper ol.lower-alpha-brackets,
.errorpage #content-wrapper ol.lower-alpha-brackets {
  list-style-type: none;
  margin: 0 0 0 10px;
}
.whatsection #content-wrapper ol.lower-alpha-brackets li:before,
.whysection #content-wrapper ol.lower-alpha-brackets li:before,
.howsection #content-wrapper ol.lower-alpha-brackets li:before,
.resourcessection #content-wrapper ol.lower-alpha-brackets li:before,
.utilitysection #content-wrapper ol.lower-alpha-brackets li:before,
.errorpage #content-wrapper ol.lower-alpha-brackets li:before {
  content: "(" counter(section, lower-alpha) ") ";
}
.whatsection #content-wrapper ol.lower-alpha-brackets li,
.whysection #content-wrapper ol.lower-alpha-brackets li,
.howsection #content-wrapper ol.lower-alpha-brackets li,
.resourcessection #content-wrapper ol.lower-alpha-brackets li,
.utilitysection #content-wrapper ol.lower-alpha-brackets li,
.errorpage #content-wrapper ol.lower-alpha-brackets li {
  counter-increment: section;
  list-style-type: none;
}
.whatsection #content-wrapper ol.decimal li,
.whysection #content-wrapper ol.decimal li,
.howsection #content-wrapper ol.decimal li,
.resourcessection #content-wrapper ol.decimal li,
.utilitysection #content-wrapper ol.decimal li,
.errorpage #content-wrapper ol.decimal li {
  list-style-type: decimal;
}
.whatsection #content-wrapper ul.link-list,
.whysection #content-wrapper ul.link-list,
.howsection #content-wrapper ul.link-list,
.resourcessection #content-wrapper ul.link-list,
.utilitysection #content-wrapper ul.link-list,
.errorpage #content-wrapper ul.link-list {
  padding: 0 0 20px 17px;
}
.whatsection #content-wrapper ul.link-list li:before,
.whysection #content-wrapper ul.link-list li:before,
.howsection #content-wrapper ul.link-list li:before,
.resourcessection #content-wrapper ul.link-list li:before,
.utilitysection #content-wrapper ul.link-list li:before,
.errorpage #content-wrapper ul.link-list li:before {
  content: "\203A";
  margin: 0 0.5em 0 -0.8em;
}
.whatsection #content-wrapper ul.link-list li,
.whysection #content-wrapper ul.link-list li,
.howsection #content-wrapper ul.link-list li,
.resourcessection #content-wrapper ul.link-list li,
.utilitysection #content-wrapper ul.link-list li,
.errorpage #content-wrapper ul.link-list li {
  margin: 0;
  padding: 0 0 5px 0;
  list-style-type: none;
  background: none;
}
.whatsection #content-wrapper ul li,
.whysection #content-wrapper ul li,
.howsection #content-wrapper ul li,
.resourcessection #content-wrapper ul li,
.utilitysection #content-wrapper ul li,
.errorpage #content-wrapper ul li {
  margin: 0;
  padding: 0 0 5px 15px;
  list-style-type: none;
}
.whatsection #content-wrapper ul li ul li,
.whysection #content-wrapper ul li ul li,
.howsection #content-wrapper ul li ul li,
.resourcessection #content-wrapper ul li ul li,
.utilitysection #content-wrapper ul li ul li,
.errorpage #content-wrapper ul li ul li,
.whatsection #content-wrapper ul li ul li ul li,
.whysection #content-wrapper ul li ul li ul li,
.howsection #content-wrapper ul li ul li ul li,
.resourcessection #content-wrapper ul li ul li ul li,
.utilitysection #content-wrapper ul li ul li ul li,
.errorpage #content-wrapper ul li ul li ul li,
.whatsection #content-wrapper ul li ol li ul li,
.whysection #content-wrapper ul li ol li ul li,
.howsection #content-wrapper ul li ol li ul li,
.resourcessection #content-wrapper ul li ol li ul li,
.utilitysection #content-wrapper ul li ol li ul li,
.errorpage #content-wrapper ul li ol li ul li,
.whatsection #content-wrapper ol li ul li,
.whysection #content-wrapper ol li ul li,
.howsection #content-wrapper ol li ul li,
.resourcessection #content-wrapper ol li ul li,
.utilitysection #content-wrapper ol li ul li,
.errorpage #content-wrapper ol li ul li,
.whatsection #content-wrapper ol li ul li ul li,
.whysection #content-wrapper ol li ul li ul li,
.howsection #content-wrapper ol li ul li ul li,
.resourcessection #content-wrapper ol li ul li ul li,
.utilitysection #content-wrapper ol li ul li ul li,
.errorpage #content-wrapper ol li ul li ul li,
.whatsection #content-wrapper ol li ol li ul li,
.whysection #content-wrapper ol li ol li ul li,
.howsection #content-wrapper ol li ol li ul li,
.resourcessection #content-wrapper ol li ol li ul li,
.utilitysection #content-wrapper ol li ol li ul li,
.errorpage #content-wrapper ol li ol li ul li {
  margin: 0;
  padding: 0 0 5px 15px;
  list-style-type: none;
}
.whatsection #content-wrapper ul li ol li,
.whysection #content-wrapper ul li ol li,
.howsection #content-wrapper ul li ol li,
.resourcessection #content-wrapper ul li ol li,
.utilitysection #content-wrapper ul li ol li,
.errorpage #content-wrapper ul li ol li,
.whatsection #content-wrapper ul li ul li ol li,
.whysection #content-wrapper ul li ul li ol li,
.howsection #content-wrapper ul li ul li ol li,
.resourcessection #content-wrapper ul li ul li ol li,
.utilitysection #content-wrapper ul li ul li ol li,
.errorpage #content-wrapper ul li ul li ol li,
.whatsection #content-wrapper ul li ol li ol li,
.whysection #content-wrapper ul li ol li ol li,
.howsection #content-wrapper ul li ol li ol li,
.resourcessection #content-wrapper ul li ol li ol li,
.utilitysection #content-wrapper ul li ol li ol li,
.errorpage #content-wrapper ul li ol li ol li,
.whatsection #content-wrapper ol li ol li,
.whysection #content-wrapper ol li ol li,
.howsection #content-wrapper ol li ol li,
.resourcessection #content-wrapper ol li ol li,
.utilitysection #content-wrapper ol li ol li,
.errorpage #content-wrapper ol li ol li,
.whatsection #content-wrapper ol li ul li ol li,
.whysection #content-wrapper ol li ul li ol li,
.howsection #content-wrapper ol li ul li ol li,
.resourcessection #content-wrapper ol li ul li ol li,
.utilitysection #content-wrapper ol li ul li ol li,
.errorpage #content-wrapper ol li ul li ol li,
.whatsection #content-wrapper ol li ol li ol li,
.whysection #content-wrapper ol li ol li ol li,
.howsection #content-wrapper ol li ol li ol li,
.resourcessection #content-wrapper ol li ol li ol li,
.utilitysection #content-wrapper ol li ol li ol li,
.errorpage #content-wrapper ol li ol li ol li {
  margin: 0;
  padding: 0 0 5px 0;
  list-style-type: decimal;
}
.whatsection #content-wrapper ul li {
  background: url(../img/bullet-green.gif) no-repeat 0 9px;
}
.whatsection #content-wrapper ul li ul li,
.whatsection #content-wrapper ul li ul li ul li,
.whatsection #content-wrapper ul li ol li ul li,
.whatsection #content-wrapper ol li ul li,
.whatsection #content-wrapper ol li ul li ul li,
.whatsection #content-wrapper ol li ol li ul li {
  background: url(../img/bullet-green.gif) no-repeat 0 9px;
}
.whatsection #content-wrapper ul li ol li,
.whatsection #content-wrapper ul li ul li ol li,
.whatsection #content-wrapper ul li ol li ol li,
.whatsection #content-wrapper ol li ol li,
.whatsection #content-wrapper ol li ul li ol li,
.whatsection #content-wrapper ol li ol li ol li {
  background: none;
}
.whatsection #content-wrapper ul.link-list li:before {
  color: #008850;
}
.whysection #content-wrapper ul li {
  background: url(../img/bullet-purple.gif) no-repeat 0 9px;
}
.whysection #content-wrapper ul li ul li,
.whysection #content-wrapper ul li ul li ul li,
.whysection #content-wrapper ul li ol li ul li,
.whysection #content-wrapper ol li ul li,
.whysection #content-wrapper ol li ul li ul li,
.whysection #content-wrapper ol li ol li ul li {
  background: url(../img/bullet-purple.gif) no-repeat 0 9px;
}
.whysection #content-wrapper ul li ol li,
.whysection #content-wrapper ul li ul li ol li,
.whysection #content-wrapper ul li ol li ol li,
.whysection #content-wrapper ol li ol li,
.whysection #content-wrapper ol li ul li ol li,
.whysection #content-wrapper ol li ol li ol li {
  background: none;
}
.whysection #content-wrapper ul.link-list li:before {
  color: #9040af;
}
.howsection #content-wrapper ul li {
  background: url(../img/bullet-red.gif) no-repeat 0 9px;
}
.howsection #content-wrapper ul li ul li,
.howsection #content-wrapper ul li ul li ul li,
.howsection #content-wrapper ul li ol li ul li,
.howsection #content-wrapper ol li ul li,
.howsection #content-wrapper ol li ul li ul li,
.howsection #content-wrapper ol li ol li ul li {
  background: url(../img/bullet-red.gif) no-repeat 0 9px;
}
.howsection #content-wrapper ul li ol li,
.howsection #content-wrapper ul li ul li ol li,
.howsection #content-wrapper ul li ol li ol li,
.howsection #content-wrapper ol li ol li,
.howsection #content-wrapper ol li ul li ol li,
.howsection #content-wrapper ol li ol li ol li {
  background: none;
}
.howsection #content-wrapper ul.link-list li:before {
  color: #e8160a;
}
.resourcessection #content-wrapper ul li {
  background: url(../img/bullet-blue.gif) no-repeat 0 9px;
}
.resourcessection #content-wrapper ul li ul li,
.resourcessection #content-wrapper ul li ul li ul li,
.resourcessection #content-wrapper ul li ol li ul li,
.resourcessection #content-wrapper ol li ul li,
.resourcessection #content-wrapper ol li ul li ul li,
.resourcessection #content-wrapper ol li ol li ul li {
  background: url(../img/bullet-blue.gif) no-repeat 0 9px;
}
.resourcessection #content-wrapper ul li ol li,
.resourcessection #content-wrapper ul li ul li ol li,
.resourcessection #content-wrapper ul li ol li ol li,
.resourcessection #content-wrapper ol li ol li,
.resourcessection #content-wrapper ol li ul li ol li,
.resourcessection #content-wrapper ol li ol li ol li {
  background: none;
}
.resourcessection #content-wrapper ul.link-list li:before {
  color: #1557cc;
}
.utilitysection #content-wrapper ul li,
.errorpage #content-wrapper ul li {
  background: url(../img/bullet-olive.gif) no-repeat 0 9px;
}
.utilitysection #content-wrapper ul li ul li,
.errorpage #content-wrapper ul li ul li,
.utilitysection #content-wrapper ul li ul li ul li,
.errorpage #content-wrapper ul li ul li ul li,
.utilitysection #content-wrapper ul li ol li ul li,
.errorpage #content-wrapper ul li ol li ul li,
.utilitysection #content-wrapper ol li ul li,
.errorpage #content-wrapper ol li ul li,
.utilitysection #content-wrapper ol li ul li ul li,
.errorpage #content-wrapper ol li ul li ul li,
.utilitysection #content-wrapper ol li ol li ul li,
.errorpage #content-wrapper ol li ol li ul li {
  background: url(../img/bullet-olive.gif) no-repeat 0 9px;
}
.utilitysection #content-wrapper ul li ol li,
.errorpage #content-wrapper ul li ol li,
.utilitysection #content-wrapper ul li ul li ol li,
.errorpage #content-wrapper ul li ul li ol li,
.utilitysection #content-wrapper ul li ol li ol li,
.errorpage #content-wrapper ul li ol li ol li,
.utilitysection #content-wrapper ol li ol li,
.errorpage #content-wrapper ol li ol li,
.utilitysection #content-wrapper ol li ul li ol li,
.errorpage #content-wrapper ol li ul li ol li,
.utilitysection #content-wrapper ol li ol li ol li,
.errorpage #content-wrapper ol li ol li ol li {
  background: none;
}
.utilitysection #content-wrapper ul.link-list li:before,
.errorpage #content-wrapper ul.link-list li:before {
  color: #779a0b;
}
.whatsection #content-wrapper .coloured ul li,
.whysection #content-wrapper .coloured ul li,
.howsection #content-wrapper .coloured ul li,
.resourcessection #content-wrapper .coloured ul li,
.utilitysection #content-wrapper .coloured ul li {
  background: url(../img/bullet-white.gif) no-repeat 0 9px;
}
.whatsection #content-wrapper .coloured ul li ul li,
.whysection #content-wrapper .coloured ul li ul li,
.howsection #content-wrapper .coloured ul li ul li,
.resourcessection #content-wrapper .coloured ul li ul li,
.utilitysection #content-wrapper .coloured ul li ul li,
.whatsection #content-wrapper .coloured ul li ul li ul li,
.whysection #content-wrapper .coloured ul li ul li ul li,
.howsection #content-wrapper .coloured ul li ul li ul li,
.resourcessection #content-wrapper .coloured ul li ul li ul li,
.utilitysection #content-wrapper .coloured ul li ul li ul li,
.whatsection #content-wrapper .coloured ul li ol li ul li,
.whysection #content-wrapper .coloured ul li ol li ul li,
.howsection #content-wrapper .coloured ul li ol li ul li,
.resourcessection #content-wrapper .coloured ul li ol li ul li,
.utilitysection #content-wrapper .coloured ul li ol li ul li,
.whatsection #content-wrapper .coloured ol li ul li,
.whysection #content-wrapper .coloured ol li ul li,
.howsection #content-wrapper .coloured ol li ul li,
.resourcessection #content-wrapper .coloured ol li ul li,
.utilitysection #content-wrapper .coloured ol li ul li,
.whatsection #content-wrapper .coloured ol li ul li ul li,
.whysection #content-wrapper .coloured ol li ul li ul li,
.howsection #content-wrapper .coloured ol li ul li ul li,
.resourcessection #content-wrapper .coloured ol li ul li ul li,
.utilitysection #content-wrapper .coloured ol li ul li ul li,
.whatsection #content-wrapper .coloured ol li ol li ul li,
.whysection #content-wrapper .coloured ol li ol li ul li,
.howsection #content-wrapper .coloured ol li ol li ul li,
.resourcessection #content-wrapper .coloured ol li ol li ul li,
.utilitysection #content-wrapper .coloured ol li ol li ul li {
  background: url(../img/bullet-white.gif) no-repeat 0 9px;
}
.whatsection #content-wrapper .coloured ul li ol li,
.whysection #content-wrapper .coloured ul li ol li,
.howsection #content-wrapper .coloured ul li ol li,
.resourcessection #content-wrapper .coloured ul li ol li,
.utilitysection #content-wrapper .coloured ul li ol li,
.whatsection #content-wrapper .coloured ul li ul li ol li,
.whysection #content-wrapper .coloured ul li ul li ol li,
.howsection #content-wrapper .coloured ul li ul li ol li,
.resourcessection #content-wrapper .coloured ul li ul li ol li,
.utilitysection #content-wrapper .coloured ul li ul li ol li,
.whatsection #content-wrapper .coloured ul li ol li ol li,
.whysection #content-wrapper .coloured ul li ol li ol li,
.howsection #content-wrapper .coloured ul li ol li ol li,
.resourcessection #content-wrapper .coloured ul li ol li ol li,
.utilitysection #content-wrapper .coloured ul li ol li ol li,
.whatsection #content-wrapper .coloured ol li ol li,
.whysection #content-wrapper .coloured ol li ol li,
.howsection #content-wrapper .coloured ol li ol li,
.resourcessection #content-wrapper .coloured ol li ol li,
.utilitysection #content-wrapper .coloured ol li ol li,
.whatsection #content-wrapper .coloured ol li ul li ol li,
.whysection #content-wrapper .coloured ol li ul li ol li,
.howsection #content-wrapper .coloured ol li ul li ol li,
.resourcessection #content-wrapper .coloured ol li ul li ol li,
.utilitysection #content-wrapper .coloured ol li ul li ol li,
.whatsection #content-wrapper .coloured ol li ol li ol li,
.whysection #content-wrapper .coloured ol li ol li ol li,
.howsection #content-wrapper .coloured ol li ol li ol li,
.resourcessection #content-wrapper .coloured ol li ol li ol li,
.utilitysection #content-wrapper .coloured ol li ol li ol li {
  background: none;
}
.whatsection #content-wrapper .coloured ul.link-list li:before,
.whysection #content-wrapper .coloured ul.link-list li:before,
.howsection #content-wrapper .coloured ul.link-list li:before,
.resourcessection #content-wrapper .coloured ul.link-list li:before,
.utilitysection #content-wrapper .coloured ul.link-list li:before {
  color: #ffffff;
}
.whatsection #content-wrapper .coloured ul.link-list li,
.whysection #content-wrapper .coloured ul.link-list li,
.howsection #content-wrapper .coloured ul.link-list li,
.resourcessection #content-wrapper .coloured ul.link-list li,
.utilitysection #content-wrapper .coloured ul.link-list li {
  margin: 0;
  padding: 0 0 5px 0;
  list-style-type: none;
  background: none;
}
.whatsection #content-wrapper ul.checkboxset,
.whysection #content-wrapper ul.checkboxset,
.howsection #content-wrapper ul.checkboxset,
.resourcessection #content-wrapper ul.checkboxset,
.utilitysection #content-wrapper ul.checkboxset {
  padding: 0 0 20px 0;
}
.whatsection #content-wrapper ul.checkboxset li,
.whysection #content-wrapper ul.checkboxset li,
.howsection #content-wrapper ul.checkboxset li,
.resourcessection #content-wrapper ul.checkboxset li,
.utilitysection #content-wrapper ul.checkboxset li {
  background: none;
  padding: 0 0 5px 0;
}
.whatsection #content-wrapper ul.checkboxset li input,
.whysection #content-wrapper ul.checkboxset li input,
.howsection #content-wrapper ul.checkboxset li input,
.resourcessection #content-wrapper ul.checkboxset li input,
.utilitysection #content-wrapper ul.checkboxset li input {
  margin: 0 5px 0 0;
  padding: 0;
}
.whatsection #content-wrapper ol.checkboxset,
.whysection #content-wrapper ol.checkboxset,
.howsection #content-wrapper ol.checkboxset,
.resourcessection #content-wrapper ol.checkboxset,
.utilitysection #content-wrapper ol.checkboxset {
  padding: 0 0 20px 0;
}
.whatsection #content-wrapper ol.checkboxset li,
.whysection #content-wrapper ol.checkboxset li,
.howsection #content-wrapper ol.checkboxset li,
.resourcessection #content-wrapper ol.checkboxset li,
.utilitysection #content-wrapper ol.checkboxset li {
  list-style-type: lower-alpha;
  background: none;
  padding: 0 0 5px 0;
  width: 100%;
  float: left;
}
.whatsection #content-wrapper ol.checkboxset li input,
.whysection #content-wrapper ol.checkboxset li input,
.howsection #content-wrapper ol.checkboxset li input,
.resourcessection #content-wrapper ol.checkboxset li input,
.utilitysection #content-wrapper ol.checkboxset li input {
  margin: 6px 5px 0 0;
  padding: 0;
  width: 5%;
  float: left;
}
.whatsection #content-wrapper ol.checkboxset li label,
.whysection #content-wrapper ol.checkboxset li label,
.howsection #content-wrapper ol.checkboxset li label,
.resourcessection #content-wrapper ol.checkboxset li label,
.utilitysection #content-wrapper ol.checkboxset li label {
  width: 80%;
  float: left;
}
/* ----- @@ definition lists ----- */
dl {
  margin: 0 0 1.5em 0;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 0 1.5em 1em;
}
dl.classification-labels {
  margin: 0;
  overflow: hidden;
  width: 100%;
}
dl.classification-labels dt {
  float: left;
  width: 25%;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0 1% 2px 1%;
  color: #000000;
}
@media only screen and (min-width: 460px) {
  dl.classification-labels dt {
    width: 15%;
  }
}
dl.classification-labels dt.green-label {
  background: #00a25f;
}
dl.classification-labels dt.yellow-label {
  background: #fcf000;
}
dl.classification-labels dt.red-label {
  background: #e82c21;
}
dl.classification-labels dd {
  float: left;
  width: 70%;
  margin: 0 0 1.5em 3%;
}
@media only screen and (min-width: 460px) {
  dl.classification-labels dd {
    width: 80%;
  }
}
/* ----- @@ superscript and subscript ----- */
sup,
sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: 1.5;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ----- @@ blockquote ----- */
blockquote {
  margin: 0;
  padding: 0 0 1.5em 3.5em;
  background: url(../img/blockquote.png) no-repeat 0 7px;
  min-height: 3em;
  color: #000000;
  font-style: italic;
}
blockquote p em {
  font-style: normal;
}
cite {
  font-style: normal;
  text-align: left;
  width: 100%;
  display: block;
}
.coloured blockquote {
  color: #ffffff;
}
.feature-col blockquote,
.slice2 blockquote {
  padding: 0.8em 0 1.5em 0;
  background: url(../img/blockquote.png) no-repeat 0 7px;
}
.feature-col blockquote p,
.slice2 blockquote p {
  margin-bottom: 0.5em;
}
.feature-col blockquote p em,
.slice2 blockquote p em {
  font-style: normal;
}
.feature-col blockquote p:first-child,
.slice2 blockquote p:first-child {
  text-indent: 2.5em;
}
.feature-col blockquote cite,
.slice2 blockquote cite {
  text-indent: 0;
}
/* @@ LINKS =============================================================================  */
a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}
.homepage #content-wrapper a:link,
.homepage #content-wrapper a:visited {
  color: #779a0b;
}
.homepage #content-wrapper a:hover,
.homepage #content-wrapper a:active {
  color: #526a08;
}
.homepage #content-wrapper .what-block a,
.homepage #content-wrapper .why-block a,
.homepage #content-wrapper .how-block a {
  color: #ffffff;
}
.homepage #content-wrapper .what-block p.readmore,
.homepage #content-wrapper .why-block p.readmore,
.homepage #content-wrapper .how-block p.readmore {
  margin-bottom: 0;
}
.homepage #content-wrapper .what-block p.readmore a,
.homepage #content-wrapper .why-block p.readmore a,
.homepage #content-wrapper .how-block p.readmore a {
  color: #000000;
}
.homepage #content-wrapper .featured-block p.readmore a {
  color: #ffffff;
}
.homepage #content-wrapper .timeline-text p.readmore {
  margin-bottom: 1em;
}
@media only screen and (min-width: 600px) {
  .homepage #content-wrapper .timeline-text p.readmore {
    margin-bottom: 0;
  }
}
.homepage #content-wrapper .timeline-text p.readmore a {
  color: #ffffff;
}
.whatsection #content-wrapper a:link,
.whatsection #content-wrapper a:visited {
  color: #008850;
}
.whatsection #content-wrapper a:hover,
.whatsection #content-wrapper a:active {
  color: #005532;
}
.whysection #content-wrapper a:link,
.whysection #content-wrapper a:visited {
  color: #9040af;
}
.whysection #content-wrapper a:hover,
.whysection #content-wrapper a:active {
  color: #71328a;
}
.howsection #content-wrapper a:link,
.howsection #content-wrapper a:visited {
  color: #e8160a;
}
.howsection #content-wrapper a:hover,
.howsection #content-wrapper a:active {
  color: #b71108;
}
.resourcessection #content-wrapper a:link,
.resourcessection #content-wrapper a:visited {
  color: #1557cc;
}
.resourcessection #content-wrapper a:hover,
.resourcessection #content-wrapper a:active {
  color: #10439e;
}
.utilitysection #content-wrapper a:link,
.errorpage #content-wrapper a:link,
.utilitysection #content-wrapper a:visited,
.errorpage #content-wrapper a:visited {
  color: #638009;
}
.utilitysection #content-wrapper a:hover,
.errorpage #content-wrapper a:hover,
.utilitysection #content-wrapper a:active,
.errorpage #content-wrapper a:active {
  color: #3e5006;
}
.whatsection #content-wrapper .backtotop a:link,
.whysection #content-wrapper .backtotop a:link,
.howsection #content-wrapper .backtotop a:link,
.resourcessection #content-wrapper .backtotop a:link,
.utilitysection #content-wrapper .backtotop a:link,
.errorpage #content-wrapper .backtotop a:link,
.whatsection #content-wrapper .backtotop a:visited,
.whysection #content-wrapper .backtotop a:visited,
.howsection #content-wrapper .backtotop a:visited,
.resourcessection #content-wrapper .backtotop a:visited,
.utilitysection #content-wrapper .backtotop a:visited,
.errorpage #content-wrapper .backtotop a:visited {
  color: #666666;
}
.whatsection #content-wrapper .backtotop a:hover,
.whysection #content-wrapper .backtotop a:hover,
.howsection #content-wrapper .backtotop a:hover,
.resourcessection #content-wrapper .backtotop a:hover,
.utilitysection #content-wrapper .backtotop a:hover,
.errorpage #content-wrapper .backtotop a:hover,
.whatsection #content-wrapper .backtotop a:active,
.whysection #content-wrapper .backtotop a:active,
.howsection #content-wrapper .backtotop a:active,
.resourcessection #content-wrapper .backtotop a:active,
.utilitysection #content-wrapper .backtotop a:active,
.errorpage #content-wrapper .backtotop a:active {
  color: #4d4d4d;
}
a:focus {
  outline: thin dotted;
  color: #000000;
}
a:hover,
a:active {
  outline: 0;
  text-decoration: underline;
}
a.pdf {
  background: url(../img/icon-pdf.gif) no-repeat 0 2px;
  padding: 0 0 0 24px;
}
a.word {
  background: url(../img/icon-word.gif) no-repeat 0 2px;
  padding: 0 0 0 24px;
}
a.excel {
  background: url(../img/icon-excel.gif) no-repeat 0 2px;
  padding: 0 0 0 24px;
}
a.file {
  background: url(../img/icon-page.gif) no-repeat 0 2px;
  padding: 0 0 0 24px;
}
a span.hidden {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
a.readmore {
  /*white-space: nowrap;*/
}
a.readmore span {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.gallery a.readmore {
  white-space: nowrap;
}
a.readmore:after {
  content: " \00bb";
  margin-left: 1px;
}
a.readmore:hover:after {
  text-decoration: none !important;
}
a.readmore-button {
  text-transform: uppercase;
  font-size: 0.8125em;
  padding: 0.6em 1.5em;
  border-radius: 2em;
  background: red;
  color: #ffffff;
}
.whatsection a.readmore-button {
  background: #00a25f;
}
.whatsection .coloured a.readmore-button {
  background: #ffffff;
  color: #00a25f;
}
.whysection a.readmore-button {
  background: #9040af;
}
.whysection .coloured a.readmore-button {
  background: #ffffff;
  color: #9040af;
}
.howsection a.readmore-button {
  background: #e82c21;
}
.howsection .coloured a.readmore-button {
  background: #ffffff;
  color: #e82c21;
}
.resourcessection a.readmore-button {
  background: #1557cc;
}
.resourcessection .coloured a.readmore-button {
  background: #ffffff;
  color: #1557cc;
}
.utilitysection a.readmore-button,
.errorpage a.readmore-button {
  background: #779a0b;
}
.utilitysection .coloured a.readmore-button,
.errorpage .coloured a.readmore-button {
  background: #ffffff;
  color: #779a0b;
}
a.back:before {
  content: " \00ab";
  margin-right: 5px;
}
footer a {
  color: #6e7881;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
footer a:visited {
  color: #666666;
}
footer a:focus {
  outline: thin dotted;
  color: #000000;
}
footer a:hover,
footer a:active {
  outline: 0;
  color: #3c3c3c;
  text-decoration: underline;
}
/* external link */
a[href^="//"]:after,
a[href^="http://"]:after,
a[href^="https://"]:after {
  content: url(../img/icon-external-link.png);
  margin-left: 4px;
  margin-right: 1px;
}
a.readmore[href^="//"]:after,
a.readmore[href^="http://"]:after,
a.readmore[href^="https://"]:after {
  content: url(../img/icon-external-link.png);
  margin-left: 3px;
}
#content-wrapper a.readmore-button[href^="//"]:after,
#content-wrapper a.readmore-button[href^="http://"]:after,
#content-wrapper a.readmore-button[href^="https://"]:after {
  content: url(../img/icon-external-link-white.png);
  margin-left: 1px;
  padding: 0 0 0 4px;
}
.coloured a[href^="//"]:after,
.coloured a[href^="http://"]:after,
.coloured a[href^="https://"]:after {
  content: url(../img/icon-external-link-white.png);
  margin-left: 4px;
  margin-right: 1px;
}
.main-nav a:hover[href^="//"]:after,
.subnav-col a:hover[href^="//"]:after,
.main-nav a:hover[href^="http://"]:after,
.subnav-col a:hover[href^="http://"]:after,
.main-nav a:hover[href^="https://"]:after,
.subnav-col a:hover[href^="https://"]:after,
.main-nav a:active[href^="//"]:after,
.subnav-col a:active[href^="//"]:after,
.main-nav a:active[href^="http://"]:after,
.subnav-col a:active[href^="http://"]:after,
.main-nav a:active[href^="https://"]:after,
.subnav-col a:active[href^="https://"]:after,
.main-nav a.current[href^="//"]:after,
.subnav-col a.current[href^="//"]:after,
.main-nav a.current[href^="http://"]:after,
.subnav-col a.current[href^="http://"]:after,
.main-nav a.current[href^="https://"]:after,
.subnav-col a.current[href^="https://"]:after {
  content: url(../img/icon-external-link-white.png);
  margin-left: 5px;
}
h1 a[href^="//"]:after,
h2 a[href^="//"]:after,
h3 a[href^="//"]:after,
h4 a[href^="//"]:after,
h5 a[href^="//"]:after,
h6 a[href^="//"]:after,
h1 a[href^="http://"]:after,
h2 a[href^="http://"]:after,
h3 a[href^="http://"]:after,
h4 a[href^="http://"]:after,
h5 a[href^="http://"]:after,
h6 a[href^="http://"]:after,
h1 a[href^="https://"]:after,
h2 a[href^="https://"]:after,
h3 a[href^="https://"]:after,
h4 a[href^="https://"]:after,
h5 a[href^="https://"]:after,
h6 a[href^="https://"]:after {
  content: none;
  margin-left: 0;
}
/* to remove the icon from images in the header and  footer */
header a[href^="//"]:after,
header a[href^="http://"]:after,
header a[href^="https://"]:after,
footer a[href^="//"]:after,
footer a[href^="http://"]:after,
footer a[href^="https://"]:after {
  content: none;
  margin-left: 0;
}
/* to remove the icon eg when external link is around an image */
a.no-icon[href^="//"]:after,
a.no-icon[href^="http://"]:after,
a.no-icon[href^="https://"]:after {
  content: none;
  margin-left: 0;
}
/* to remove the icon from Google search results overlay */
.gsc-results-wrapper-overlay a[href^="//"]:after,
.gsc-results-wrapper-overlay a[href^="http://"]:after,
.gsc-results-wrapper-overlay a[href^="https://"]:after {
  content: none;
  margin-left: 0;
}
/* to remove the icon from the 404 page full links */
.page404 a[href^="//"]:after,
.page404 a[href^="http://"]:after,
.page404 a[href^="https://"]:after {
  content: none;
  margin-left: 0;
}
/* @@ IMAGES ============================================================================= */
img {
  border: 0;
  max-width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ie9 img,
.ie8 img {
  max-width: none;
  width: auto;
  height: auto;
}
img.floatleft,
figure.floatleft {
  float: none;
  margin: 0.4em 0 0.5em 0;
}
img.floatright,
figure.floatright {
  float: none;
  margin: 0.4em 0 0.5em 0;
}
@media only screen and (min-width: 480px) {
  img.floatleft,
  figure.floatleft {
    float: left;
    margin: 0.4em 1em 0.5em 0;
  }
  img.floatright,
  figure.floatright {
    float: right;
    margin: 0.4em 0 0.5em 1em;
  }
}
img.floatleft + h2,
img.floatright + h2,
figure.floatleft + h2,
figure.floatright + h2 {
  margin-top: 0.5em;
}
img.floatleft + h3,
img.floatright + h3,
figure.floatleft + h3,
figure.floatright + h3 {
  margin-top: 0.8em;
}
img.floatleft + h4,
img.floatright + h4,
figure.floatleft + h4,
figure.floatright + h4 {
  margin-top: 1.1em;
}
img.floatleft + h5,
img.floatright + h5,
figure.floatleft + h5,
figure.floatright + h5 {
  margin-top: 1.3em;
}
/* Silverstripe image embedding in content area (with captions) */
.captionImage.left,
.captionImage.right,
.captionImage.floatleft,
.captionImage.floatright,
.captionImage.center,
img.left,
img.right {
  float: none;
  margin: 0.4em 0 0.5em 0;
}
p.caption.left,
p.caption.right,
p.caption.floatleft,
p.caption.floatright,
p.caption.center {
  float: none;
}
@media only screen and (min-width: 480px) {
  .captionImage.left,
  .captionImage.floatleft,
  img.left {
    float: left;
    margin: 0.4em 2em 1em 0;
  }
  .captionImage.left img.floatleft,
  .captionImage.floatleft img.floatleft,
  img.left img.floatleft {
    float: none;
  }
  .captionImage.right,
  .captionImage.floatright,
  img.right {
    float: right;
    margin: 0.4em 0 1em 2em;
  }
  .captionImage.right img.floatright,
  .captionImage.floatright img.floatright,
  img.right img.floatright {
    float: none;
  }
  .captionImage.center,
  img.center {
    float: none;
    text-align: center;
    margin: 0.4em auto 1em auto;
  }
  .captionImage.center img.floatright,
  img.center img.floatright {
    float: none;
  }
}
p.caption {
  font-size: 0.875em;
  /* 14 / 16 */
  text-align: left;
  font-style: italic;
}
p.caption em {
  font-style: normal;
}
/* Silverstripe WYSIWYG (no captions) */
p img.left {
  float: none;
  margin: 0.4em 0 0.5em 0;
}
p img.right {
  float: none;
  margin: 0.4em 0 0.5em 0;
}
@media only screen and (min-width: 480px) {
  p img.left {
    float: left;
    margin: 0.4em 1em 0.5em 0;
  }
  p img.right {
    float: right;
    margin: 0.4em 0 0.5em 1em;
  }
}
p img.left + h2,
p img.right + h2 {
  margin-top: 0.5em;
}
p img.left + h3,
p img.right + h3 {
  margin-top: 0.8em;
}
p img.left + h4,
p img.right + h4 {
  margin-top: 1.1em;
}
p img.left + h5,
p img.right + h5 {
  margin-top: 1.3em;
}
.timeline-block img {
  margin-bottom: 0.5em;
  border: 1em solid #e6e6e6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline-block img.floatleft {
  float: none;
  margin: 0.4em 0 0.5em 0;
}
@media only screen and (min-width: 450px) {
  .timeline-block img.floatleft {
    float: left;
    margin: 0.4em 1em 1.5em 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 950px) {
  .timeline-block img.floatleft {
    float: none;
    margin: 0.4em 0 0.5em 0;
  }
}
@media only screen and (min-width: 951px) {
  .timeline-block img.floatleft {
    float: left;
    margin: 0.4em 1em 1.5em 0;
  }
}
.timeline-block img.floatright {
  float: none;
  margin: 0.4em 0 0.5em 0;
}
@media only screen and (min-width: 450px) {
  .timeline-block img.floatright {
    float: right;
    margin: 0.4em 0 1.5em 1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 950px) {
  .timeline-block img.floatright {
    float: none;
    margin: 0.4em 0 0.5em 0;
  }
}
@media only screen and (min-width: 951px) {
  .timeline-block img.floatright {
    float: right;
    margin: 0.4em 0 1.5em 1em;
  }
}
img.border {
  border: 1em solid #e6e6e6;
}
figure {
  margin: 0 0 1.5em 0;
  display: table;
}
figure h4 {
  margin: 1.5em 0 0.5em;
}
figure img {
  width: 100%;
  /*max-width: 100%;*/
  height: auto;
  display: table;
  margin: 0 0 0.5em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ie9 figure img {
  width: 100%;
  /*max-width: 100%;*/
  display: block;
}
.ie8 figure img {
  width: 100%;
  /*width: auto;*/
  display: block;
}
figcaption {
  font-size: 0.875em;
  /* 14 / 16 */
  text-align: left;
  display: table-row;
  font-style: italic;
}
.ie9 #footer-wrapper .govt-logo img,
.ie8 #footer-wrapper .govt-logo img {
  width: 153px;
}
.feature-col figure,
.slice2 figure {
  margin: 0 0 1.5em 0;
  /*display: table;*/
  display: block;
  /* image in sidebar with no h4 above it - gives it some space above */
}
.feature-col figure h4,
.slice2 figure h4 {
  margin: 1.5em 0 0.5em;
}
.feature-col figure img,
.slice2 figure img {
  /*width: 100%;*/
  width: auto;
  max-width: 100%;
  height: auto;
  /*display: table;*/
  display: block;
  margin: 0 0 0.5em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.feature-col figure img.spacer,
.slice2 figure img.spacer {
  margin: 2.5em 0 0.5em 0;
}
.feature-col figcaption,
.slice2 figcaption {
  font-size: 0.875em;
  /* 14 / 16 */
  text-align: left;
  /*display: table-row;*/
  display: block;
  font-style: italic;
  clear: both;
}
.slick-slide img {
  display: block;
}
/* @@ TABLES ============================================================================= */
#content-wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1.5em 0;
  width: 100%;
}
#content-wrapper table th,
#content-wrapper table td,
#content-wrapper table caption {
  padding: .5em 1em .5em 1em;
}
#content-wrapper table tr:nth-child(even) {
  background: #f2f2f2;
}
#content-wrapper table th {
  font-weight: normal;
  text-align: left;
  background: #e6e6e6;
  font-size: 1.3125em;
  /* 21 / 16 */
  font-family: "droid_serif", Georgia, serif;
}
#content-wrapper table th em {
  font-style: italic;
}
#content-wrapper table tfoot {
  font-style: italic;
}
#content-wrapper table caption {
  background-color: transparent;
}
#content-wrapper .coloured table tr:nth-child(even) {
  background: none;
}
#content-wrapper .coloured table th {
  background: none;
}
.whatsection #content-wrapper table tr {
  border-bottom: 1px solid #00a25f;
}
.whatsection #content-wrapper table th {
  border-top: 1px solid #00a25f;
  border-bottom: 1px solid #00a25f;
}
.whysection #content-wrapper table tr {
  border-bottom: 1px solid #9040af;
}
.whysection #content-wrapper table th {
  border-top: 1px solid #9040af;
  border-bottom: 1px solid #9040af;
}
.howsection #content-wrapper table tr {
  border-bottom: 1px solid #e82c21;
}
.howsection #content-wrapper table th {
  border-top: 1px solid #e82c21;
  border-bottom: 1px solid #e82c21;
}
.resourcessection #content-wrapper table tr {
  border-bottom: 1px solid #1557cc;
}
.resourcessection #content-wrapper table th {
  border-top: 1px solid #1557cc;
  border-bottom: 1px solid #1557cc;
}
.utilitysection #content-wrapper table tr {
  border-bottom: 1px solid #779a0b;
}
.utilitysection #content-wrapper table th {
  border-top: 1px solid #779a0b;
  border-bottom: 1px solid #779a0b;
}
.whatsection.slices #content-wrapper .coloured table tr,
.whysection.slices #content-wrapper .coloured table tr,
.howsection.slices #content-wrapper .coloured table tr,
.resourcessection.slices #content-wrapper .coloured table tr,
.utilitysection.slices #content-wrapper .coloured table tr {
  border-bottom: 1px solid #ffffff;
}
.whatsection.slices #content-wrapper .coloured table th,
.whysection.slices #content-wrapper .coloured table th,
.howsection.slices #content-wrapper .coloured table th,
.resourcessection.slices #content-wrapper .coloured table th,
.utilitysection.slices #content-wrapper .coloured table th {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
/* @@ FORMS ============================================================================= */
form {
  margin: 0;
}
fieldset {
  margin-bottom: 1.5em;
  padding: 0;
  border-width: 0;
}
legend {
  *margin-left: -7px;
  padding: 0;
  border-width: 0;
}
label {
  font-weight: normal;
  cursor: pointer;
  /*display: block;*/
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
}
label.inline {
  display: inline;
  margin: 0;
}
label span {
  color: #666;
  font-size: 0.9em;
}
label span.right {
  position: absolute;
  bottom: 0;
  right: 1em;
  text-align: right;
}
label span.disabled {
  color: #ccc;
}
button,
input,
select,
textarea {
  font-family: "droid_sans", Tahoma, sans-serif;
  color: #6e7881;
}
button,
search,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  padding: 0.5em 1em;
  margin: 0;
  cursor: pointer;
  text-shadow: 0 1px 0 #ffffff;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  margin: 0;
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  -moz-box-shadow: inset 0px 0px 6px #ccc;
  -webkit-box-shadow: inset 0px 1px 6px #ccc;
  box-shadow: inset 0px 1px 6px #ccc;
}
input::-webkit-input-placeholder,
input:-moz-placeholder,
.placeholder {
  color: #bbb;
}
input::-moz-focus-inner {
  border: 0;
}
input[disabled="disabled"],
input.disabled {
  color: #999;
  background: #f5f5f5;
  -moz-box-shadow: inset 0px 0px 2px #ddd;
  -webkit-box-shadow: inset 0px 1px 2px #ddd;
  box-shadow: inset 0px 1px 2px #ddd;
}
/* Colors for form validity */
input:invalid,
textarea:invalid {
  -webkit-box-shadow: 0 0 2px #f00;
  -moz-box-shadow: 0 0 2px #f00;
  box-shadow: 0 0 2px #f00;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #ccc;
}
/* stops iPhone zoom */
@media only screen and (max-width: 480px) {
  input,
  button,
  select,
  textarea {
    font-size: 16px;
  }
}
/*  @@ SPECIAL ELEMENTS	============================================================================= */
#skiptomain {
  display: none;
}
/* hide this element in mobile view - for hidden text in h1 headings (might also be able to re-use it elsewhere) */
.mobile-hide {
  display: none;
}
@media only screen and (min-width: 768px) {
  .mobile-hide {
    display: inline;
  }
}
/* margin-top none - add this class into the HTML wherever you need it */
.margin-top-none {
  margin-top: 0 !important;
}
/* accordion */
.accordion {
  padding: 1em 0 1.5em 0;
}
.accordion .accordion-block {
  background: #f2f2f2;
  overflow: hidden;
  padding: 1em 1.35em 0 1.35em;
}
/* block with a picture on the left and floated text to the right, with a grey bottom border */
.picture-text-block {
  border-bottom: 1px solid #949698;
  margin: 0 0 1.5em 0;
}
.picture-text-block img {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e6e6e6;
  margin: 0 0 1.5em 0;
}
.picture-text-block img.no-border {
  border: none;
}
.picture-text-block .text-col {
  width: 100%;
  margin: 0;
}
.picture-text-block .text-col h2,
.picture-text-block .text-col h3,
.picture-text-block .text-col h4,
.picture-text-block .text-col h5,
.picture-text-block .text-col h6 {
  font-size: 1.5em;
  /* 24 / 16 */
  margin-top: -0.2em;
}
.picture-text-block .text-col h2 span.subheading,
.picture-text-block .text-col h3 span.subheading,
.picture-text-block .text-col h4 span.subheading,
.picture-text-block .text-col h5 span.subheading,
.picture-text-block .text-col h6 span.subheading {
  font-size: 0.7em;
}
h2 + .picture-text-block,
h3 + .picture-text-block,
h4 + .picture-text-block,
h5 + .picture-text-block,
h6 + .picture-text-block {
  margin-top: 1em;
}
/* for the last picture-text-block if it's the last thing in the content area before the back-to-top (removes bottom border) */
.picture-text-block.no-border {
  border-bottom: none;
  margin-bottom: 0.3em;
}
@media only screen and (min-width: 420px) {
  .picture-text-block img {
    width: 30%;
  }
  .picture-text-block .text-col {
    width: 65%;
    margin: 0 0 0 5%;
  }
}
/* back to top */
.backtotop {
  position: relative;
  top: 2.0em;
  height: 1.7em;
  line-height: 2.2;
}
.backtotop .topbox {
  text-align: left;
  max-width: 1090px;
  margin: 0 auto;
}
.backtotop .topbox a {
  font-size: 0.75em;
  /* 12 / 16 */
  text-transform: uppercase;
  border: 1px solid #949698;
  padding: 0.4em 1em 0.4em 2em;
  background: #ffffff url(../img/arrow-backtotop.gif) no-repeat 0.7em 0.8em;
}
.backtotop:last-child {
  top: 0.5em;
}
.backtotop.empty-feature:last-child,
.quiz .backtotop:last-child {
  top: 2.0em;
}
@media only screen and (min-width: 768px) {
  .backtotop:last-child {
    top: 2.0em;
  }
  .quiz .backtotop:last-child {
    top: 3.5em;
  }
}
.backtotop.mid-content {
  top: 0;
  line-height: 3.2;
  border-bottom: 1px solid #949698;
}
/* special styling for slices template */
.slices {
  /* for the last backtotop just above the footer border (to remove double border) NOTE IT GOES INSIDE THE LAST SLICE-WRAPPER */
}
.slices .slice-wrapper {
  border-bottom: 1px solid #949698;
  margin: 0 0 1.5em 0;
  padding: 0.25em 0 1.8125em 0;
}
.slices .slice-wrapper .slice .slice2 > figure:first-child,
.slices .slice-wrapper .slice .slice2 > img:first-child {
  margin-top: 0.4em;
}
.slices .backtotop {
  position: relative;
  top: -2.4em;
  top: -2.7em;
  /* check other browsers */
}
.slices .backtotop a {
  font-size: 0.75em;
  /* 12 / 16 */
  text-transform: uppercase;
  border: 1px solid #949698;
  padding: 0.4em 1em 0.4em 2em;
  background: #ffffff url(../img/arrow-backtotop.gif) no-repeat 0.7em 0.8em;
}
.slices .slice-wrapper:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0.25em 0 0 0;
}
.slices .backtotop.last {
  top: 2.0em;
}
.whatsection.slices .coloured,
.whysection.slices .coloured,
.howsection.slices .coloured,
.resourcessection.slices .coloured,
.utilitysection.slices .coloured {
  margin: -1.5em 0 1.5em 0;
  padding: 3em 0 3em 0;
}
.whatsection.slices .coloured {
  background: #008850;
}
.whysection.slices .coloured {
  background: #9e59b9;
}
.howsection.slices .coloured {
  background: #e8160a;
}
.resourcessection.slices .coloured {
  background: #1557cc;
}
.utilitysection.slices .coloured {
  background: #638009;
}
/* make embedded videos responsive */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
h4 + .video-container {
  margin-top: 12px;
}
.video-container + p {
  margin-top: 10px;
}
/* gallery carousel (slick slider) */
.gallery {
  margin: 0.5em 0 2.5em 0;
}
@media only screen and (min-width: 430px) {
  .gallery {
    margin: 0.5em 0 1.5em 0;
  }
}
@media only screen and (min-width: 550px) {
  .gallery {
    margin: 0.5em 0 0 0;
  }
}
/* case studies page */
.casestudies .content-col .casestudy {
  text-align: center;
}
.casestudies .content-col .casestudy figure {
  background: #f2f2f2;
  width: 100%;
  padding: 1em 0.5em 0.5em 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.casestudies .content-col .casestudy figure img {
  width: 90%;
  margin: 0 auto 0.5em auto;
}
.casestudies .content-col .casestudy figure figcaption {
  width: 90%;
  text-align: center;
  font-style: normal;
  font-size: 1.125em;
  /* 18 / 16 */
  display: block;
  padding: 0 0.5em 0 0.5em;
}
/* quiz page */
.quiz #content-wrapper a.quiz-submit {
  text-transform: uppercase;
  font-size: 0.8125em;
  padding: 0.6em 1.5em;
  border-radius: 2em;
  background: #1557cc;
}
.quiz #content-wrapper a.quiz-submit:link,
.quiz #content-wrapper a.quiz-submit:visited,
.quiz #content-wrapper a.quiz-submit:hover {
  color: #ffffff;
}
.quiz #content-wrapper h2 {
  display: none;
}
@media only screen and (min-width: 768px) {
  .quiz #content-wrapper h2 {
    display: inline;
  }
}
/* timeline page */
.timeline {
  /* vertical grey line */
}
.timeline .content-col {
  margin-top: 3em;
}
@media only screen and (min-width: 768px) {
  .timeline .content-col {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffffff), color-stop(49.7%, #ffffff), color-stop(49.7%, #949698), color-stop(50.3%, #949698), color-stop(50.3%, #ffffff), color-stop(100%, #ffffff));
    background-image: -webkit-linear-gradient(left, #ffffff, #ffffff 49.7%, #949698 49.7%, #949698 50.3%, #ffffff 50.3%, #ffffff 100%);
    background-image: -moz-linear-gradient(left, #ffffff, #ffffff 49.7%, #949698 49.7%, #949698 50.3%, #ffffff 50.3%, #ffffff 100%);
    background-image: -ms-linear-gradient(left, #ffffff, #ffffff 49.7%, #949698 49.7%, #949698 50.3%, #ffffff 50.3%, #ffffff 100%);
    background-image: -o-linear-gradient(left, #ffffff, #ffffff 49.7%, #949698 49.7%, #949698 50.3%, #ffffff 50.3%, #ffffff 100%);
  }
}
.timeline .date {
  text-align: center;
}
.timeline .date h2 {
  overflow: hidden;
  background: #1557cc;
  width: auto;
  text-align: center;
  margin: 0 auto 1em auto;
  padding: 0.2em 1em;
  border-radius: 0.7em;
  color: #ffffff;
  font-size: 1.3em;
  display: inline-block;
  font-family: "droid_sans", Tahoma, sans-serif;
}
.timeline .timeline-wrapper .timeline-block {
  /* Keeping the dot in the centre of the vertical line */
}
.timeline .timeline-wrapper .timeline-block .left {
  border: 3px solid #1557cc;
  padding: 1em 1.5em 0 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .timeline .timeline-wrapper .timeline-block {
    /* dot */
    /* speech bubble blue arrow */
    /* speech bubble white arrow on top of blue */
  }
  .timeline .timeline-wrapper .timeline-block .wrap-left {
    position: relative;
    display: block;
    margin: 0;
  }
  .timeline .timeline-wrapper .timeline-block .wrap-left:before {
    background-color: #ffffff;
    border: 4px solid #949698;
    border-radius: 14px;
    height: 20px;
    left: 48%;
    top: 70px;
    width: 20px;
    content: ' ';
    position: absolute;
  }
  .timeline .timeline-wrapper .timeline-block .left:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -40px;
    top: 60px;
    border: 20px solid;
    border-color: transparent transparent transparent #1557cc;
  }
  .timeline .timeline-wrapper .timeline-block .left:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -30px;
    top: 65px;
    border: 15px solid;
    border-color: transparent transparent transparent white;
  }
}
.timeline .timeline-wrapper .timeline-block .right {
  border: 3px solid #1557cc;
  padding: 1em 1.5em 0 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .timeline .timeline-wrapper .timeline-block {
    /* dot */
    /* speech bubble blue arrow */
    /* speech bubble white arrow on top of blue */
  }
  .timeline .timeline-wrapper .timeline-block .wrap-right {
    position: relative;
    display: block;
    margin: 0;
  }
  .timeline .timeline-wrapper .timeline-block .wrap-right:before {
    background-color: #1557cc;
    border: 4px solid #949698;
    border-radius: 14px;
    height: 20px;
    /*left: 48.7%;*/
    left: 48%;
    top: 134px;
    width: 20px;
    content: ' ';
    position: absolute;
  }
  .timeline .timeline-wrapper .timeline-block .wrap-right.single:before {
    top: 70px;
  }
  .timeline .timeline-wrapper .timeline-block .right:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -40px;
    top: 60px;
    border: 20px solid;
    border-color: transparent #1557cc transparent transparent;
  }
  .timeline .timeline-wrapper .timeline-block .right:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -30px;
    top: 65px;
    border: 15px solid;
    border-color: transparent #ffffff transparent transparent;
  }
}
@media only screen and (min-width: 900px) {
  .timeline .timeline-wrapper .timeline-block .wrap-left:before,
  .timeline .timeline-wrapper .timeline-block .wrap-right:before {
    left: 48.3%;
  }
}
@media only screen and (min-width: 1000px) {
  .timeline .timeline-wrapper .timeline-block .wrap-left:before,
  .timeline .timeline-wrapper .timeline-block .wrap-right:before {
    left: 48.4%;
  }
}
@media only screen and (min-width: 1100px) {
  .timeline .timeline-wrapper .timeline-block .wrap-left:before,
  .timeline .timeline-wrapper .timeline-block .wrap-right:before {
    left: 48.6%;
  }
}
@media only screen and (min-width: 1200px) {
  .timeline .timeline-wrapper .timeline-block .wrap-left:before,
  .timeline .timeline-wrapper .timeline-block .wrap-right:before {
    left: 48.8%;
  }
}
/* homepage */
.homepage {
  /* featured faux column bg */
}
.homepage p.readmore a {
  text-transform: uppercase;
  font-size: 0.8125em;
  padding: 0.6em 1.5em;
  border-radius: 2em;
}
.homepage .what-block,
.homepage .why-block,
.homepage .how-block {
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
}
.homepage .what-block p.readmore a,
.homepage .why-block p.readmore a,
.homepage .how-block p.readmore a {
  color: #000000;
  background: #ffffff;
}
.homepage .what-block {
  background: #008850;
}
.homepage .why-block {
  background: #9040af;
}
.homepage .how-block {
  background: #e8160a;
}
.homepage .whatwhyhow {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #008850), color-stop(33%, #008850), color-stop(33%, #9040af), color-stop(67%, #9040af), color-stop(67%, #e8160a), color-stop(100%, #e8160a));
  background-image: -webkit-linear-gradient(left, #008850, #008850 33%, #9040af 33%, #9040af 67%, #e8160a 67%, #e8160a 100%);
  background-image: -moz-linear-gradient(left, #008850, #008850 33%, #9040af 33%, #9040af 67%, #e8160a 67%, #e8160a 100%);
  background-image: -ms-linear-gradient(left, #008850, #008850 33%, #9040af 33%, #9040af 67%, #e8160a 67%, #e8160a 100%);
  background-image: -o-linear-gradient(left, #008850, #008850 33%, #9040af 33%, #9040af 67%, #e8160a 67%, #e8160a 100%);
}
.homepage .featured {
  background: #f2f2f2;
  padding: 3.5em 5% 0 5%;
}
.homepage .featured .featured-block {
  padding: 1em 5% 0.5em 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
}
@media only screen and (min-width: 600px) {
  .homepage .featured .featured-block {
    background: none;
  }
}
.homepage .featured .featured-block p.readmore a {
  color: #ffffff;
  background: #6e7881;
}
@media only screen and (min-width: 600px) {
  .homepage .featured {
    padding: 0 5%;
    border-top: 3.5em solid #f2f2f2;
    border-bottom: 3.5em solid #f2f2f2;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f2f2f2), color-stop(5%, #f2f2f2), color-stop(5%, #ffffff), color-stop(47.5%, #ffffff), color-stop(47.5%, #f2f2f2), color-stop(52.5%, #f2f2f2), color-stop(52.5%, #ffffff), color-stop(95%, #ffffff), color-stop(95%, #f2f2f2), color-stop(100%, #f2f2f2));
    background-image: -webkit-linear-gradient(left, #f2f2f2, #f2f2f2 5%, #ffffff 5%, #ffffff 47.5%, #f2f2f2 47.5%, #f2f2f2 52.5%, #ffffff 52.5%, #ffffff 95%, #f2f2f2 95%, #f2f2f2 100%);
    background-image: -moz-linear-gradient(left, #f2f2f2, #f2f2f2 5%, #ffffff 5%, #ffffff 47.5%, #f2f2f2 47.5%, #f2f2f2 52.5%, #ffffff 52.5%, #ffffff 95%, #f2f2f2 95%, #f2f2f2 100%);
    background-image: -ms-linear-gradient(left, #f2f2f2, #f2f2f2 5%, #ffffff 5%, #ffffff 47.5%, #f2f2f2 47.5%, #f2f2f2 52.5%, #ffffff 52.5%, #ffffff 95%, #f2f2f2 95%, #f2f2f2 100%);
    background-image: -o-linear-gradient(left, #f2f2f2, #f2f2f2 5%, #ffffff 5%, #ffffff 47.5%, #f2f2f2 47.5%, #f2f2f2 52.5%, #ffffff 52.5%, #ffffff 95%, #f2f2f2 95%, #f2f2f2 100%);
  }
}
.homepage .timeline .timeline-text p.readmore a {
  color: #ffffff;
  background: #e8160a;
}
.homepage .timeline .timeline-pic {
  text-align: center;
}
.homepage .timeline .timeline-pic img {
  margin: 0 auto;
}
@media only screen and (min-width: 600px) {
  .homepage .timeline .timeline-pic {
    text-align: right;
  }
  .homepage .timeline .timeline-pic img {
    margin: 0;
  }
}
.homepage .picture-wrapper .picture-block1 img,
.homepage .picture-wrapper .picture-block2 img,
.homepage .picture-wrapper .picture-block3 img,
.homepage .picture-wrapper .picture-block4a img,
.homepage .picture-wrapper .picture-block5 img,
.homepage .picture-wrapper .picture-block6 img,
.homepage .picture-wrapper .picture-block7 img,
.homepage .picture-wrapper .picture-block8 img,
.homepage .picture-wrapper .picture-block4b img {
  display: block;
}
.ie9 .homepage,
.ie8 .homepage {
  /* featured faux column bg */
}
@media only screen and (min-width: 600px) {
  .ie9 .homepage .featured .featured-block,
  .ie8 .homepage .featured .featured-block {
    background: #ffffff;
  }
}
@media only screen and (min-width: 600px) {
  .ie9 .homepage .featured,
  .ie8 .homepage .featured {
    padding: 3.5em 5%;
    border-top: none;
    border-bottom: none;
  }
}
.carousel {
  margin: 0;
  padding: 2% 2% 4% 2%;
  padding: 0 0 5em 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  background: #ffffff;
}
/* Basic jQuery Slider essential styles */
.homepage ul.bjqs {
  position: relative;
  list-style: none;
  margin: 0 -3px 0 0;
  overflow: hidden;
  display: none;
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  background: white;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.homepage ul.bjqs img {
  width: 100%;
  display: block;
  float: left;
}
.homepage li.bjqs-slide {
  position: absolute;
  display: none;
}
.homepage ul li.bjqs-slide {
  padding: 0;
}
.homepage ul.bjqs-controls {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.homepage ul.bjqs-controls li {
  padding: 0;
}
.homepage ul.bjqs-controls.v-centered li a {
  position: absolute;
  display: block;
  background: #fff;
  color: #000;
  text-decoration: none;
  width: 18px;
  height: 31px;
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden;
  text-transform: capitalize;
  /* removes text in IE7 */
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  transition: all 0s ease;
}
.homepage ul.bjqs-controls.v-centered li a:hover {
  background: #000;
  color: #fff;
}
.homepage ul.bjqs-controls.v-centered li.bjqs-next a {
  right: 0;
  background: url(../img/arrow-next.png) no-repeat 0 0;
}
.homepage ul.bjqs-controls.v-centered li.bjqs-next a:hover {
  right: 0;
  background: url(../img/arrow-next.png) no-repeat 0 -31px;
}
.homepage ul.bjqs-controls.v-centered li.bjqs-prev a {
  left: 0;
  background: url(../img/arrow-prev.png) no-repeat 0 0;
}
.homepage ul.bjqs-controls.v-centered li.bjqs-prev a:hover {
  left: 0;
  background: url(../img/arrow-prev.png) no-repeat 0 -31px;
}
.homepage ol.bjqs-markers {
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 13px 0 0 0;
  width: 100%;
}
.homepage ol.bjqs-markers.h-centered {
  text-align: center;
}
.homepage ol.bjqs-markers li {
  display: inline;
}
.homepage ol.bjqs-markers li a {
  display: inline-block;
  padding: 0;
  background: #000;
  color: #fff;
  margin: 5px;
  text-decoration: none;
  background: url(../img/slider-dot.png) no-repeat 0 0;
  width: 9px;
  height: 10px;
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden;
  text-transform: capitalize;
  /* removes text in IE7 */
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  transition: all 0s ease;
}
.homepage ol.bjqs-markers li.active-marker a,
.homepage ol.bjqs-markers li a:hover {
  background: #999;
  background: url(../img/slider-dot.png) no-repeat 0 -10px;
}
.homepage p.bjqs-caption {
  display: block;
  width: 96%;
  margin: 0;
  padding: 0.5em 2%;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
}
.homepage .ie8 p.bjqs-caption {
  left: 0;
  bottom: 0;
  background: #000;
  opacity: .80;
  filter: alpha(opacity=80);
}
.homepage p.bjqs-caption b {
  display: block;
  font-weight: normal;
}
.homepage p.bjqs-caption strong {
  font-size: 1em;
  line-height: 1.1;
  font-weight: normal;
  font-style: italic;
  display: block;
  padding: 0 0 0.1em 0;
}
.homepage p.bjqs-caption i {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  font-style: normal;
}
.homepage .ie8 p.bjqs-caption i {
  overflow: visible;
  position: relative;
  clip: none;
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
}
@media only screen and (min-width: 500px) {
  .homepage ul.bjqs p.bjqs-caption strong {
    overflow: visible;
    position: relative;
    clip: none;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 700px) {
  .homepage ul.bjqs p.bjqs-caption strong {
    overflow: visible;
    position: relative;
    clip: none;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1.2em;
  }
  .homepage ul.bjqs p.bjqs-caption i {
    overflow: visible;
    position: relative;
    clip: none;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 0.9375em;
  }
}
@media only screen and (min-width: 800px) {
  .homepage ul.bjqs p.bjqs-caption strong {
    overflow: visible;
    position: relative;
    clip: none;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1.4em;
  }
  .homepage ul.bjqs p.bjqs-caption i {
    overflow: visible;
    position: relative;
    clip: none;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1em;
  }
}
@media only screen and (min-width: 1024px) {
  .homepage ul.bjqs p.bjqs-caption strong {
    overflow: visible;
    position: relative;
    clip: none;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1.5em;
  }
  .homepage ul.bjqs p.bjqs-caption i {
    overflow: visible;
    position: relative;
    clip: none;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1em;
  }
}
/*  BUTTONS  ============================================================================= */
/*.content-wrapper {
	.button {
		display: inline-block;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		font-weight: normal;
		color: #fff;
		padding: .5em 1em;
		margin: 1px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		background: #cc1122 url(/images/glass.png) repeat-x 0 50%;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		font-size : 1.1em;
					
	}
	.button:hover {
		background: #dd2233 url(/images/glass.png) repeat-x 0 50%;
		color: #fff;
		text-decoration: none;
	}
	.button:active {
		background: #dd2233 url(/images/glass.png) repeat-x 0 50%;
		color: #fff;
		position: relative;
		top: 1px;
	}
	.button:visited { 
		color : #fff;
	}
}*/
/*  GLOBAL OBJECTS ============================================================================= */
.breaker {
  clear: both;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
/* VENDOR-SPECIFIC ============================================================================= */
html {
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #349edb;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
.clearfix {
  zoom: 1;
}
::-webkit-selection {
  background: #1777af;
  color: #fafafa;
  text-shadow: none;
}
::-moz-selection {
  background: #1777af;
  color: #fafafa;
  text-shadow: none;
}
::selection {
  background: #1777af;
  color: #fafafa;
  text-shadow: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
}
::-webkit-input-placeholder {
  font-size: .875em;
  line-height: 1.4;
}
input:-moz-placeholder {
  font-size: .875em;
  line-height: 1.4;
}
.ie7 img,
.iem7 img {
  -ms-interpolation-mode: bicubic;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
p {
  /* http://www.w3.org/TR/css3-text/#hyphenation */
  /*-webkit-hyphens : auto;
	-webkit-hyphenate-character : "\2010";
	-webkit-hyphenate-limit-after : 1;
	-webkit-hyphenate-limit-before : 3;
	-moz-hyphens : auto;*/
}
/* @@ FOOTER ============================================================================= */
#footer-wrapper {
  border-top: 1px solid #949698;
  margin: 1.5em 0 0 0;
}
#footer-wrapper footer {
  text-align: left;
  max-width: 1090px;
  margin: 0 auto;
  padding: 1em 5%;
  padding: 2.1em 5% 1em 5%;
}
#footer-wrapper .footer-nav {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 1090px) {
  #footer-wrapper .footer-nav {
    width: 65%;
    text-align: left;
  }
}
#footer-wrapper .footer-nav ul {
  margin: 0 auto;
  padding: 0.5em 0 1.5em 0;
  overflow: hidden;
}
@media only screen and (min-width: 1090px) {
  #footer-wrapper .footer-nav ul {
    padding: 0.5em 0;
  }
}
#footer-wrapper .footer-nav ul li {
  display: inline;
  font-size: 0.9375em;
  /* 15 / 16 */
}
#footer-wrapper .footer-nav ul li a {
  padding: 0 1em;
  white-space: nowrap;
}
@media only screen and (min-width: 1090px) {
  #footer-wrapper .footer-nav ul li a {
    padding: 0 1.1em 0 0;
  }
}
#footer-wrapper .footer-nav ul li.phone {
  white-space: nowrap;
}
#footer-wrapper .social-media {
  width: 100%;
  margin-left: 0;
}
@media only screen and (min-width: 320px) {
  #footer-wrapper .social-media {
    width: 47.5%;
    float: left;
  }
}
@media only screen and (min-width: 1090px) {
  #footer-wrapper .social-media {
    width: 14%;
    text-align: right;
    margin-left: 5%;
  }
}
#footer-wrapper .social-media ul {
  text-align: center;
}
@media only screen and (min-width: 320px) {
  #footer-wrapper .social-media ul {
    text-align: left;
  }
}
#footer-wrapper .social-media ul li {
  display: inline;
}
#footer-wrapper .social-media ul li img {
  padding: 0 6px 0 0;
}
#footer-wrapper .govt-logo {
  width: 100%;
  margin-left: 0;
  text-align: center;
  padding: 0.7em 0 0 0;
}
@media only screen and (min-width: 320px) {
  #footer-wrapper .govt-logo {
    width: 47.5%;
    float: right;
    text-align: right;
  }
}
@media only screen and (min-width: 1090px) {
  #footer-wrapper .govt-logo {
    width: 14%;
  }
}
.homepage #footer-wrapper {
  border-top: none;
  margin: 0;
}
.ie9 #footer-wrapper .footer-nav,
.ie8 #footer-wrapper .footer-nav {
  text-align: left;
  width: 65%;
}
.ie9 #footer-wrapper .social-media,
.ie8 #footer-wrapper .social-media {
  margin-left: 0;
  text-align: right;
  width: 19%;
}
.ie9 #footer-wrapper .govt-logo,
.ie8 #footer-wrapper .govt-logo {
  width: 14%;
  float: right;
  text-align: right;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 08, 2014 */
/*@font-face {
    font-family: 'droid_sansregular';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-webfont.woff') format('woff'),
         url('../fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/*@font-face {
    font-family: 'droid_sansbold';
    src: url('../fonts/DroidSans-Bold-webfont.eot');
    src: url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-Bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/*@font-face {
    font-family: 'droid_serifregular';
    src: url('../fonts/DroidSerif-webfont.eot');
    src: url('../fonts/DroidSerif-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/*@font-face {
    font-family: 'droid_serifbold';
    src: url('../fonts/DroidSerif-Bold-webfont.eot');
    src: url('../fonts/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-Bold-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-Bold-webfont.svg#droid_serifbold') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/*@font-face {
    font-family: 'droid_serifitalic';
    src: url('../fonts/DroidSerif-Italic-webfont.eot');
    src: url('../fonts/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-Italic-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-Italic-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-Italic-webfont.svg#droid_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/*@font-face {
    font-family: 'droid_serifbold_italic';
    src: url('../fonts/DroidSerif-BoldItalic-webfont.eot');
    src: url('../fonts/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-BoldItalic-webfont.svg#droid_serifbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/* Trying new technique with bold and italic fallback

/* DROID SANS - body copy (has no italic variant) */
@font-face {
  font-family: 'droid_sans';
  src: url('../fonts/DroidSans-webfont.eot');
  src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSans-webfont.woff') format('woff'), url('../fonts/DroidSans-webfont.ttf') format('truetype'), url('../fonts/DroidSans-webfont.svg#droid_sans') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'droid_sans';
  src: url('../fonts/DroidSans-Bold-webfont.eot');
  src: url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSans-Bold-webfont.woff') format('woff'), url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('../fonts/DroidSans-Bold-webfont.svg#droid_sans') format('svg');
  font-weight: bold;
  font-style: normal;
}
/* DROID SERIF - headings */
@font-face {
  font-family: 'droid_serif';
  src: url('../fonts/DroidSerif-webfont.eot');
  src: url('../fonts/DroidSerif-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSerif-webfont.woff') format('woff'), url('../fonts/DroidSerif-webfont.ttf') format('truetype'), url('../fonts/DroidSerif-webfont.svg#droid_serif') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'droid_serif';
  src: url('../fonts/DroidSerif-Italic-webfont.eot');
  src: url('../fonts/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSerif-Italic-webfont.woff') format('woff'), url('../fonts/DroidSerif-Italic-webfont.ttf') format('truetype'), url('../fonts/DroidSerif-Italic-webfont.svg#droid_serif') format('svg');
  font-weight: normal;
  font-style: italic;
}
/**
 * Greensky theme
 * A light green colored theme with query match highlighting and dotted rules
 * between each result. A slightly larger humanist sans, Trebuchet, is also used.
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 0 !important;
  width: auto;
}
.cse .gsc-control-wrapper-cse,
.gsc-control-wrapper-cse {
  width: 100%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse,
.gsc-control-cse {
  font-family: "droid_sans", Tahoma, sans-serif !important;
  background-color: #fff !important;
  border: 1px solid #fff !important;
}
.gsc-control-cse .gsc-table-result {
  font-family: "droid_sans", Tahoma, sans-serif !important;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border: block;
}
/**
 * Table cell containing the search input.
 * 12 pixels added to account for the horizontal padding on the input.
 */
.cse table.gsc-search-box td.gsc-input,
table.gsc-search-box td.gsc-input {
  padding-right: 9px !important;
}
/* Search input field */
.cse input.gsc-input,
input.gsc-input {
  font-family: inherit;
  font-size: 13px;
  border: 1px solid #e6e6e6 !important;
  background-color: #e6e6e6 !important;
  padding: 6px 6px !important;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background-position: 10px 7px !important;
}
/* stops iPhone zoom */
@media only screen and (max-width: 480px) {
  .cse input.gsc-input,
  input.gsc-input {
    font-size: 16px !important;
  }
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  font-size: 1px !important;
  font-weight: bold;
  color: #e6e6e6 !important;
  padding: 0 !important;
  height: 32px !important;
  min-width: 33px !important;
  background-color: #e6e6e6 !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background: url(../img/icon-search.gif) no-repeat 0 0;
  cursor: pointer;
}
.ie9 .homepage .cse input.gsc-search-button,
.ie9 .homepage input.gsc-search-button {
  height: 31px !important;
}
.ie8 .homepage .cse input.gsc-search-button,
.ie8 .homepage input.gsc-search-button {
  height: 30px !important;
}
@media only screen and (max-width: 480px) {
  .cse input.gsc-search-button,
  input.gsc-search-button {
    height: 36px !important;
  }
}
.gsc-clear-button {
  display: none;
}
/* Base tab selector styles */
.cse .gsc-tabHeader,
.gsc-tabHeader {
  padding: 2px 8px 0 8px;
  border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border: 1px solid;
  border-color: #a9da92;
  border-bottom: none;
  background-color: #ffffff;
  color: #333333;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  font-weight: bold;
  background-color: #B5C9AB;
  border: 1px solid;
  border-color: #a9da92;
  border-bottom: none;
  color: #333333;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid;
  border-color: #a9da92;
  padding: 0;
}
/* Inactive refinement */
.cse .gsc-refinementHeader.gsc-refinementhInactive,
.gsc-refinementHeader.gsc-refinementhInactive {
  color: #0066cc;
}
/* Wrapper for all results */
.cse .gsc-results,
.gsc-results {
  width: 100%;
  margin-top: -5px;
  background-color: #ffffff;
}
/* Wrapper for a result */
.cse .gsc-webResult,
.gsc-webResult,
.gsc-webresult .gsc-result,
.gsc-imageResult-classic,
.gsc-imageResult-column {
  padding: .6em 0 1em 0;
  border-bottom: 1px dotted;
  border-color: #a9da92;
}
.cse .gs-spelling,
.gs-spelling,
.gs-per-result-labels {
  padding: 0 8px;
}
/* Font size */
.cse .gs-snippet,
.gs-snippet,
.cse .gs-spelling-original,
.gs-spelling-original {
  font-size: 14px;
  line-height: 17px;
}
/* Set link colors. */
.cse .gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link,
.cse .gs-webResult.gs-result a.gs-title:link b,
.gs-webResult.gs-result a.gs-title:link b,
.cse .gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited,
.cse .gs-webResult.gs-result a.gs-title:visited b,
.gs-webResult.gs-result a.gs-title:visited b,
.cse .gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover,
.cse .gs-webResult.gs-result a.gs-title:hover b,
.gs-webResult.gs-result a.gs-title:hover b,
.cse .gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active,
.cse .gs-webResult.gs-result a.gs-title:active b,
.gs-webResult.gs-result a.gs-title:active b,
.gs-imageResult a.gs-title:link,
.gs-imageResult a.gs-title:link b,
.gs-imageResult a.gs-title:visited,
.gs-imageResult a.gs-title:visited b,
.gs-imageResult a.gs-title:hover,
.gs-imageResult a.gs-title:hover b,
.gs-imageResult a.gs-title:active,
.gs-imageResult a.gs-title:active b,
.cse .gsc-cursor-page,
.gsc-cursor-page,
.cse a.gsc-trailing-more-results:link,
a.gsc-trailing-more-results:link,
.cse .gs-spelling a,
.gs-spelling a {
  color: #0066cc;
}
/* Override default.css selector to disable underlines. */
.cse .gs-result .gs-title,
.gs-result .gs-title,
.cse .gs-result .gs-title *,
.gs-result .gs-title *,
.cse .gs-promotion a.gs-title,
.gs-promotion a.gs-title,
.cse .gs-promotion a.gs-title *,
.gs-promotion a.gs-title *,
.cse .gs-promotion .gs-snippet a,
.gs-promotion .gs-snippet a,
.cse .gsc-cursor-page,
.gsc-cursor-page,
.cse .gsc-results .gsc-trailing-more-results,
.gsc-results .gsc-trailing-more-results,
.cse .gsc-results .gsc-trailing-more-results *,
.gsc-results .gsc-trailing-more-results *,
.cse .gs-spelling a,
.gs-spelling a {
  text-decoration: none;
}
/* Snippet text */
.cse .gs-webResult .gs-snippet,
.gs-webResult .gs-snippet,
.gs-fileFormatType,
.gs-imageResult .gs-snippet {
  color: #454545;
}
/* URL styling */
.cse .gs-webResult .gs-visibleUrl,
.gs-webResult .gs-visibleUrl,
.cse .gs-webResult .gs-visibleUrl-short,
.gs-webResult .gs-visibleUrl-short,
.gs-imageResult .gs-visibleUrl,
.gs-imageResult .gs-visibleUrl-short {
  color: #815FA7;
}
/* Pagination container centered */
.cse .gsc-cursor-box,
.gsc-cursor-box {
  padding: 1em .8px;
  text-align: center;
}
/* Pagination */
.cse .gsc-cursor-page,
.gsc-cursor-page {
  padding: .2em .5em;
  border: 1px solid;
  border-color: #a9da92;
}
.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page,
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
  color: #333333;
  text-shadow: 0 1px 2px #ffffff;
  background-color: #a9da92;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gsc-webResult.gsc-result.gsc-promotion,
.gsc-webResult.gsc-result.gsc-promotion {
  background-color: #CBE8B4;
  border-color: #94CC7A;
}
/* Promotion links */
.cse .gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link,
.cse .gs-promotion a.gs-title:link *,
.gs-promotion a.gs-title:link *,
.cse .gs-promotion .gs-snippet a:link,
.gs-promotion .gs-snippet a:link {
  color: #0066CC;
}
.cse .gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited,
.cse .gs-promotion a.gs-title:visited *,
.gs-promotion a.gs-title:visited *,
.cse .gs-promotion .gs-snippet a:visited,
.gs-promotion .gs-snippet a:visited {
  color: #0066CC;
}
.cse .gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover,
.cse .gs-promotion a.gs-title:hover *,
.gs-promotion a.gs-title:hover *,
.cse .gs-promotion .gs-snippet a:hover,
.gs-promotion .gs-snippet a:hover {
  color: #0066CC;
}
.cse .gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active,
.cse .gs-promotion a.gs-title:active *,
.gs-promotion a.gs-title:active *,
.cse .gs-promotion .gs-snippet a:active,
.gs-promotion .gs-snippet a:active {
  color: #0066CC;
}
/* Promotion snippet */
.cse .gs-promotion .gs-snippet,
.gs-promotion .gs-snippet,
.cse .gs-promotion .gs-title .gs-promotion-title-right,
.gs-promotion .gs-title .gs-promotion-title-right,
.cse .gs-promotion .gs-title .gs-promotion-title-right *,
.gs-promotion .gs-title .gs-promotion-title-right * {
  color: #454545;
}
/* Promotion url */
.cse .gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl {
  color: #815FA7;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #E1F3DA;
}
.gsc-completion-container {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 13px;
  background: white;
  border: 1px solid #94CC7A;
  margin-left: 0;
  margin-right: 0;
  text-shadow: 0 1px 2px #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  /* The top, left, and width are set in JavaScript. */
}
.gsc-completion-title {
  color: #0066CC;
}
.gsc-completion-snippet {
  color: #454545;
}
/* Full URL */
.gs-webResult div.gs-visibleUrl-short,
.gs-promotion div.gs-visibleUrl-short {
  display: none;
}
.gs-webResult div.gs-visibleUrl-long,
.gs-promotion div.gs-visibleUrl-long {
  display: block;
}
.gs-webResult,
.gs-promotion {
  margin-left: 6px;
}
.gsc-rating-bar {
  display: inline-block;
  width: 53px;
  height: 10px;
  background: transparent url(/cse/images/cse_snippets_stars.png) -52px -22px no-repeat;
  margin: 4px 0 0 0;
}
.gsc-rating-bar span {
  display: inline-block;
  height: 10px;
  background: transparent url(/cse/images/cse_snippets_stars.png) 0 -22px no-repeat;
}
.gsc-reviewer {
  color: #06c;
}
.gsc-author {
  color: #06c;
}
.gsc-option-menu-item-highlighted {
  background: #e1f3da;
}
/* Facet box css */
.gsc-context-box {
  font-size: 83%;
  margin-top: 3px;
  border-collapse: collapse;
}
.gsc-context-box .gsc-col {
  padding: 1px 0;
  white-space: nowrap;
  vertical-align: middle;
}
.gsc-context-box .gsc-facet-label {
  width: 65px;
  padding-left: 2px;
  text-decoration: underline;
  color: #06c;
  cursor: pointer;
}
.gsc-context-box .gsc-chart {
  width: 32em;
  padding: 3px;
  border-left: 1px solid #A997BE;
  border-right: 1px solid #A997BE;
}
.gsc-context-box .gsc-top {
  border-top: 1px solid #A997BE;
}
.gsc-context-box .gsc-bottom {
  border-bottom: 1px solid #A997BE;
}
.gsc-context-box .gsc-chart div {
  background: #A997BE;
  height: 9px;
}
.gsc-context-box .gsc-facet-result {
  color: #06c;
  width: 30px;
  text-align: right;
  padding-right: 5px;
}
/* Universal one box css. */
.gsc-usr-group-thumbnail {
  display: inline-block;
  max-width: 72px;
  max-height: 72px;
}
.gsc-usr-group-thumbnail img {
  max-height: 72px;
  overflow: hidden;
}
.gs-webResult .gs-title .gs-title.gsc-usr-group-heading {
  color: #06c;
  cursor: pointer;
}
.gsc-usr-group {
  min-height: 100px;
  zoom: 1;
  display: block;
  line-height: 1.24;
  margin-top: -7px;
  margin-bottom: -7px;
  margin-left: 20px;
}
.gsc-usr-group-content {
  padding-top: 1px;
  padding-bottom: 3px;
}
.gsc-usr-group-content-thumbnail {
  display: inline-block;
  vertical-align: top;
}
.gsc-usr-group-head-result {
  display: inline-block;
  padding-left: 6px;
}
.gsc-usr-group-snippet {
  width: 100%;
  height: 3.6em;
  overflow: hidden;
}
.gsc-usr-group-content-results {
  font-size: 12px;
  padding-left: 1px;
  width: 80%;
  padding-top: 7px;
}
.gsc-usr-group-head-results {
  display: inline-block;
  font-size: 13px;
  padding-left: 6px;
  width: 80%;
}
.gs-webResult .gs-title .gs-title.gsc-usr-group-all-results {
  font-size: 11px;
  line-height: 10px;
}
.gs-webResult .gs-title .gs-title.gsc-usr-group-all-results b {
  font-size: 14px;
  font-weight: 600;
}
.gs-webResult .gs-title .gs-title.gsc-usr-group-heading b {
  color: #06c;
}
#main-nav-wrapper {
  width: 100%;
  text-align: left;
  padding: 0.75em 0;
  float: left;
}
@media all and (min-width: 768px) {
  #main-nav-wrapper {
    position: relative;
  }
}
#main-nav-wrapper nav {
  text-align: left;
  max-width: 1090px;
  margin: 0 auto;
  padding: 0 5%;
}
#main-nav-wrapper ul.main-nav > li {
  display: block;
  float: left;
  font-family: "droid_serif", Georgia, serif;
  font-size: 1.3125em;
  /* 21 / 16 */
  padding: 0;
}
@media all and (min-width: 360px) {
  #main-nav-wrapper ul.main-nav > li {
    font-size: 1.5em;
    /* 24 / 16 */
  }
}
@media all and (min-width: 768px) {
  #main-nav-wrapper ul.main-nav > li {
    font-size: 1.625em;
    /* 26 / 16 */
    border-right: 1px solid #e6e6e6;
  }
  #main-nav-wrapper ul.main-nav > li:last-child {
    border-right: none;
  }
}
#main-nav-wrapper ul.main-nav > li > a {
  padding: 0.1em 2em 0.1em 0.5em;
}
#main-nav-wrapper ul.main-nav > li:first-child > a {
  padding: 0.3em 2em 0.1em 0.5em;
  line-height: 1.2;
}
@media all and (min-width: 768px) {
  #main-nav-wrapper ul.main-nav > li > a {
    padding: 0.077em 1.077em 0.077em 1em;
  }
  #main-nav-wrapper ul.main-nav > li:first-child > a {
    padding: 4px 1em 0 0;
    line-height: 1;
  }
}
#main-nav-wrapper ul.main-nav {
  float: left;
}
#main-nav-wrapper ul.main-nav li.what a {
  color: #00a25f;
}
#main-nav-wrapper ul.main-nav li.why a {
  color: #9040af;
}
#main-nav-wrapper ul.main-nav li.how a {
  color: #e82c21;
}
#main-nav-wrapper ul.main-nav li.resources a {
  color: #1557cc;
}
#main-nav-wrapper ul.main-nav li.what a span.subtext,
#main-nav-wrapper ul.main-nav li.why a span.subtext,
#main-nav-wrapper ul.main-nav li.how a span.subtext,
#main-nav-wrapper ul.main-nav li.resources a span.subtext {
  color: #6e7881;
  display: block;
  font-family: "droid_sans", Tahoma, sans-serif;
  font-size: 0.577em;
  /* 15 / 26 */
  font-style: italic;
  padding: 0 0 0 0.3077em;
  /* 8 / 26 */
}
@media all and (min-width: 360px) {
  #main-nav-wrapper ul.main-nav {
    float: none;
  }
  #main-nav-wrapper ul.main-nav li.what a span.subtext,
  #main-nav-wrapper ul.main-nav li.why a span.subtext,
  #main-nav-wrapper ul.main-nav li.how a span.subtext,
  #main-nav-wrapper ul.main-nav li.resources a span.subtext {
    display: inline-block;
  }
}
@media all and (min-width: 768px) {
  #main-nav-wrapper ul.main-nav {
    float: none;
  }
  #main-nav-wrapper ul.main-nav li.what a span.subtext,
  #main-nav-wrapper ul.main-nav li.why a span.subtext,
  #main-nav-wrapper ul.main-nav li.how a span.subtext,
  #main-nav-wrapper ul.main-nav li.resources a span.subtext {
    display: block;
  }
}
@media all and (min-width: 1088px) {
  #main-nav-wrapper ul.main-nav {
    float: left;
  }
  #main-nav-wrapper ul.main-nav li.what a span.subtext,
  #main-nav-wrapper ul.main-nav li.why a span.subtext,
  #main-nav-wrapper ul.main-nav li.how a span.subtext,
  #main-nav-wrapper ul.main-nav li.resources a span.subtext {
    display: inline-block;
  }
}
.menu-link {
  display: none;
}
.menu {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: inline-table;
  z-index: 10;
}
@media all and (min-width: 768px) {
  .menu ul {
    position: relative;
  }
}
.menu > li > ul.sub-menu {
  min-width: 10em;
  padding: 4px 0;
  background-color: #f4f4f4;
  border: 1px solid #CCC;
}
.menu ul li {
  padding: 0px;
}
.menu > ul > li {
  display: inline-block;
}
.menu ul li a {
  display: block;
  text-decoration: none;
}
.menu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  min-width: 160px;
  border: 1px solid #CCC;
}
.menu ul ul ul ul {
  white-space: nowrap;
}
.menu ul li:hover > ul {
  display: block;
}
/* hiding dropdown levels until there is enough space for them */
@media all and (min-width: 768px) and (max-width: 850px) {
  .menu ul ul li:hover > ul {
    display: none;
  }
}
@media all and (min-width: 768px) and (max-width: 1430px) {
  .menu ul ul ul li:hover > ul {
    display: none;
  }
}
/*.menu ul ul ul li:hover > ul { 
	
	@media all and (min-width: 1430px) {
		display: block; 
	}
}*/
.menu ul ul > li {
  /*position: relative; */
  font-size: 14px;
}
@media all and (min-width: 768px) {
  .menu ul ul > li {
    position: relative;
  }
}
.menu ul ul > li a {
  padding: 0.5em 2em 0.5em 2em;
  height: auto;
  background-color: #f2f2f2;
}
.menu ul ul ul > li a {
  padding: 0.5em 2em 0.5em 1em;
  height: auto;
}
.menu ul ul ul ul > li a {
  font-style: italic;
}
#main-nav-wrapper ul.main-nav li.what a.active,
#main-nav-wrapper ul.main-nav li.what a:hover {
  color: #ffffff;
  background: #00a25f;
}
#main-nav-wrapper ul.main-nav li.what .sub-menu a {
  color: #007e4a;
}
#main-nav-wrapper ul.main-nav li.what .sub-menu a.active,
#main-nav-wrapper ul.main-nav li.what .sub-menu a:hover {
  color: #ffffff;
  background: #00a25f;
}
#main-nav-wrapper ul.main-nav li.why a.active,
#main-nav-wrapper ul.main-nav li.why a:hover {
  color: #ffffff;
  background: #9040af;
}
#main-nav-wrapper ul.main-nav li.how a.active,
#main-nav-wrapper ul.main-nav li.how a:hover {
  color: #ffffff;
  background: #e82c21;
}
#main-nav-wrapper ul.main-nav li.how .sub-menu a {
  color: #d3281e;
}
#main-nav-wrapper ul.main-nav li.how .sub-menu a.active,
#main-nav-wrapper ul.main-nav li.how .sub-menu a:hover {
  color: #ffffff;
  background: #e82c21;
}
#main-nav-wrapper ul.main-nav li.resources a.active,
#main-nav-wrapper ul.main-nav li.resources a:hover {
  color: #ffffff;
  background: #1557cc;
}
#main-nav-wrapper ul.main-nav li.what a.active span.subtext,
#main-nav-wrapper ul.main-nav li.why a.active span.subtext,
#main-nav-wrapper ul.main-nav li.how a.active span.subtext,
#main-nav-wrapper ul.main-nav li.resources a.active span.subtext,
#main-nav-wrapper ul.main-nav li.what a:hover span.subtext,
#main-nav-wrapper ul.main-nav li.why a:hover span.subtext,
#main-nav-wrapper ul.main-nav li.how a:hover span.subtext,
#main-nav-wrapper ul.main-nav li.resources a:hover span.subtext {
  color: #ffffff;
}
.whatsection #main-nav-wrapper ul.main-nav li.what > a {
  color: #ffffff;
  background: #00a25f;
}
.whatsection #main-nav-wrapper ul.main-nav li.what > a span.subtext {
  color: #ffffff;
}
.whysection #main-nav-wrapper ul.main-nav li.why > a {
  color: #ffffff;
  background: #9040af;
}
.whysection #main-nav-wrapper ul.main-nav li.why > a span.subtext {
  color: #ffffff;
}
.howsection #main-nav-wrapper ul.main-nav li.how > a {
  color: #ffffff;
  background: #e82c21;
}
.howsection #main-nav-wrapper ul.main-nav li.how > a span.subtext {
  color: #ffffff;
}
.resourcessection #main-nav-wrapper ul.main-nav li.resources > a {
  color: #ffffff;
  background: #1557cc;
}
.resourcessection #main-nav-wrapper ul.main-nav li.resources > a span.subtext {
  color: #ffffff;
}
.menu ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}
/*.menu ul ul li.has-submenu > a:after {
	content: '\203A';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	padding: 0.25em 0.7em 0 0.5em;

}*/
/* dropdown arrows - hide them until the next dropdown is showing */
@media all and (min-width: 768px) {
  .menu ul ul li.has-submenu > a:after {
    content: '\203A';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    /*padding: 0.5em 0.7em 0 0.5em;*/
    padding: 0.25em 0.7em 0 0.5em;
  }
  .menu ul ul li.has-submenu > a:after,
  .menu ul ul ul li.has-submenu > a:after {
    content: ' ';
  }
}
@media all and (min-width: 850px) {
  .menu ul ul li.has-submenu > a:after {
    content: '\203A';
  }
}
@media all and (min-width: 1430px) {
  .menu ul ul ul li.has-submenu > a:after {
    content: '\203A';
  }
}
@media all and (max-width: 359px) {
  #main-nav-wrapper ul.main-nav > li {
    height: 55px;
  }
  #main-nav-wrapper ul.main-nav > li.homepage {
    height: auto;
  }
  #main-nav-wrapper ul.main-nav > li.active-parent {
    height: auto;
  }
  .menu li.has-submenu > span.opener:after {
    height: 54px;
  }
}
@media all and (min-width: 360px) and (max-width: 767px) {
  #main-nav-wrapper ul.main-nav > li {
    height: 41px;
  }
  #main-nav-wrapper ul.main-nav > li.homepage {
    height: auto;
  }
  #main-nav-wrapper ul.main-nav > li.active-parent {
    height: auto;
  }
  .menu li.has-submenu > span.opener:after {
    height: 40px;
  }
}
@media all and (max-width: 767px) {
  #main-nav-wrapper ul.main-nav > li {
    float: none;
    padding: 0;
    /*height: 42px;*/
  }
  #main-nav-wrapper ul.main-nav > li:first-child {
    padding: 0;
  }
  a.menu-link {
    display: block;
    color: #ffffff;
    background: #779a0b;
    text-decoration: none;
    padding: 0.5em 1em;
    margin: 0 5%;
  }
  a.menu-link.active {
    margin: 0 5% 2px 5%;
  }
  .menu {
    clear: both;
    min-width: inherit;
    float: none;
  }
  .menu,
  .menu > ul ul {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .menu > li > ul.sub-menu {
    padding: 0px;
    border: none;
  }
  .menu.active,
  .menu > ul ul.active {
    max-height: 555em;
    -webkit-transition: all 5.5s ease-in-out;
    -moz-transition: all 5.5s ease-in-out;
    -ms-transition: all 5.5s ease-in-out;
    transition: all 5.5s ease-in-out;
  }
  .menu ul {
    display: inline;
  }
  .menu li,
  .menu > ul > li {
    display: block;
  }
  .menu li a {
    display: block;
    padding: 0.5em;
    border-bottom: 1px solid #949698;
    position: relative;
  }
  /* CT */
  .menu li.has-submenu {
    padding-right: 25px;
    position: relative;
  }
  .menu li.has-submenu > span.opener:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    /*padding: 0.2em 0.5em;*/
    padding: 0 0.5em;
    /*height: 27px;*/
    /*height: 41px;*/
    /*width: 12px;*/
    width: 18px;
    cursor: pointer;
    /*xbackground-color: @basecolor;*/
    text-align: center;
    line-height: 1.2;
  }
  .menu li.has-submenu.active-parent > span:after {
    content: "-";
  }
  .menu li.has-submenu.active-parent ul > span:after {
    content: "-";
  }
  .menu ul ul li.has-submenu > span.opener:after {
    content: '\203A';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0.25em 0.5em 0 0.5em;
    width: 10px;
  }
  .menu ul ul li.has-submenu.active-parent > span.opener:after {
    content: "-";
  }
  .menu li.has-submenu ul li.has-submenu {
    margin-right: -25px;
  }
  .menu li.has-submenu ul li.has-submenu li a {
    margin-right: -25px;
  }
  .menu li.has-submenu ul li.has-submenu > span.opener:after {
    right: 25px;
  }
  .menu li.what.has-submenu > span.opener:after,
  .menu li.what.has-submenu li > span.opener:after {
    color: #00a25f;
  }
  .menu li.what.has-submenu > span.opener:hover:after,
  .menu li.what.has-submenu:hover > span.opener:after,
  .menu li.what.has-submenu li:hover > span.opener:after {
    color: #ffffff;
    background: #00a25f;
  }
  .menu li.why.has-submenu > span.opener:after,
  .menu li.why.has-submenu > li span.opener:after {
    color: #9040af;
  }
  .menu li.why.has-submenu > span.opener:hover:after,
  .menu li.why.has-submenu:hover > span.opener:after,
  .menu li.why.has-submenu li:hover > span.opener:after {
    color: #ffffff;
    background: #9040af;
  }
  .menu li.how.has-submenu > span.opener:after,
  .menu li.how.has-submenu > li span.opener:after {
    color: #e82c21;
  }
  .menu li.how.has-submenu > span.opener:hover:after,
  .menu li.how.has-submenu:hover > span.opener:after,
  .menu li.how.has-submenu li:hover > span.opener:after {
    color: #ffffff;
    background: #e82c21;
  }
  .menu li.resources.has-submenu > span.opener:after,
  .menu li.resources.has-submenu li > span.opener:after {
    color: #1557cc;
  }
  .menu li.resources.has-submenu > span.opener:hover:after,
  .menu li.resources.has-submenu:hover > span.opener:after,
  .menu li.resources.has-submenu li:hover > span.opener:after {
    color: #ffffff;
    background: #1557cc;
  }
  /* end CT */
  /*.menu li.has-submenu > a:after {
		content: '+';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 1.5em;
		padding: 0.2em 0.5em;
	}*/
  /*.menu li.has-submenu > a.active:after {
		content: "-";
		right: 6px;
	}*/
  .menu ul ul > li a {
    background-color: #ffffff;
    padding: 0.75em 1em 0.75em 1em;
  }
  .menu ul ul ul > li a {
    background-color: #f2f2f2;
    padding: 0.75em 1em 0.75em 2em;
  }
  .menu ul ul ul ul > li a {
    background-color: #e5e5e5;
    padding: 0.75em 1em 0.75em 3em;
    font-style: italic;
  }
  .menu ul ul,
  .menu ul ul ul {
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    border: none;
  }
  .menu ul ul ul ul {
    white-space: inherit;
  }
  /*.menu ul ul li.has-submenu > a:after {
		right: 6px;
	}*/
}
@media all and (min-width: 360px) and (max-width: 767px) {
  .menu li.has-submenu > a:after {
    padding: 0 0.3em;
    line-height: 1.2;
  }
}