* {
	border-width: 0;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: inherit;
	color: inherit;
}

html {
}

body {
	font-size: 62.5%;
	font-family: "Work Sans", sans-serif;
	font-weight: 400;
}

a {
	color: inherit;
	display: inline-block;
	outline: none;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

a:hover,
a:focus {
	padding: .3em;
	margin: -.3em;
	text-decoration: none;
	position: relative;
	z-index: 1;
}

.icon {
	/* Allows sizing by changing the icon’s font-size */
	width: 1em; height: 1em;
	/* Nice visual alignment for icons alongside text */
	vertical-align: -0.15em;
	/* Default path fill = value of the color property */
	fill: currentColor;
	/* Paths and strokes that overflow the viewBox can show in IE.
	   If you use normalize.css, it already sets this. */
	overflow: hidden;
}

.button {
	border: .5em solid;
	border-radius: .5em;
	font-size: 1em;
	line-height: 1em;
	padding: 1.2em 2em;

	vertical-align: middle;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	display: inline-block;
	outline: none;
}

.button .icon {
	vertical-align: middle;
	display: inline-block;
	font-size: 2.6em;
}

.button span {
	font-weight: 600;
	vertical-align: middle;
	font-size: 1.9em;
	line-height: 1.3684210526315789473684210526316em; /* 26px */
	display: inline-block;
}

.button:hover,
.button:focus,
.hover .moreButton,
.focus .moreButton {
	padding: 1.2em 2em;
	margin: 0;
}

.button .icon ~ span,
.button span ~ .icon {
	margin-left: 1em;
}

.button .icon.big {
	font-size: 3.6em;
	margin: -.13888888888888888888888888888889em; /* -5px */
}

.button span ~ .icon.big {
	margin-left: .5em;
}




#topNav {
	padding: 1.75em 3em;
}

#topNavInner {
	max-width: 108em;
}

#topNavInner:after {
	content: " ";
	clear: both;
	display: block;
}

#pageNavJump {
	float: left;
	padding: 1em 0;
}

#pageNavJump > * {
	font-size: 1.9em;
	line-height: 1.3157894736842105263157894736842em;
	display: block;
	float: left;
}

#pageNavJump > strong {
	margin-right: 1em;
}

#pageNavJump > span {
	margin-right: .5em;
}

#pageNavJump > span > a {
	display: block;
}

#pageStyleControlPanel {
	float: right;
}

#pageStyleControlPanel:after {
	content: " ";
	clear: both;
	display: block;
}

#pageStyleControlPanel fieldset {
	float: left;
}

#pageStyleControlPanel fieldset ~ fieldset {
	margin-left: 1.5em;
}

#pageStyleControlPanel fieldset legend {
	float: left;
	vertical-align: middle;
	font-size: 1.9em;
	line-height: 1.3157894736842105263157894736842em;
	font-weight: 600;
	display: block;
	padding: .5em;
}

#pageStyleFontSize button {
	text-indent: -200em;
	overflow: hidden;
	width: 3.4em;
	height: 3.4em;
	position: relative;
	border: solid .5em;
	box-sizing: content-box;
	border-radius: 1em;
	display: block;
	float: left;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 1em;
	outline: none;
}

#pageStyleFontSize button.smaller:before,
#pageStyleFontSize button.bigger:before,
#pageStyleFontSize button.bigger:after {
	position: absolute;
	content: " ";
	width: 1.4em;
	height: 0;
	border: solid .3em;
	border-radius: .2em;
	top: 50%;
	margin-top: -.3em;
	left: 50%;
	margin-left: -1em;
}

#pageStyleFontSize button.bigger:after {
	width: 0;
	height: 1.4em;
	margin-left: -.3em;
	margin-top: -1em;
}


#pageStyleContrast {
	position: relative;
	overflow: hidden;
}

#pageStyleContrast input {
	position: absolute;
	left: -300em;
	width: 1em;
	height: 1em;
}

#pageStyleContrast label {
	text-indent: -200em;
	overflow: hidden;
	width: 3.4em;
	height: 3.4em;
	position: relative;
	border: solid .5em;
	box-sizing: content-box;
	border-radius: 1em;
	display: block;
	float: left;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 1em;
}

#pageStyleContrast label:after {
	content: "A";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent: 0;
	text-align: center;
	font-size: 3em;
	font-weight: 600;
	line-height: 1.1333333333333333333333333333333em;
}

#pageStyleContrast label.YellowBlack:after {
	color: #fc0;
	background: #000;
}

#pageStyleContrast label.BlackYellow:after {
	color: #000;
	background: #fc0;
}

#pageStyleContrast label.WhiteBlue:after {
	color: #fff;
	background: #009;
}

#pageStyleContrast label.BlueWhite:after {
	color: #009;
	background: #fff;
}

#pageStyleContrast label.Default:after {
	color: #1a1a1a;
	background: #fff;
}



#pageHeader {
	padding: 3.5em 3em;
}

#pageHeaderInner {
	max-width: 108em;
	position: relative;
}

#pageHeader a {
	font-size: 4em;
	display: inline-block;
}

#pageHeader a .logo {
	font-size: .25em;
	width: 30.7em;
	height: 8.9em;
	display: none;
	vertical-align: middle;
}




#pageNavMainCheckbox {
	position: absolute;
	left: -200em;
	width: 1em;
	height: 1em;
	overflow: hidden;
	display: none;
}

#pageNavControlsOuter {
	padding: 0 3em;
}

#pageNavControls {
	position: relative;
	max-width: 108em;
}

#pageNavControlsInner {
	position: absolute;
	right: 0;
	/*top: 16.9em;*/
	bottom: 3.5em;
}

#pageNavControlsInner:after {
	content: " ";
	display: block;
	clear: both;
}

#pageNavControlsSearchForm {
	float: left;
}

#pageNavControlsSearchForm:after {
	content: " ";
	clear: both;
	display: block;
}

#pageNavControlsSearchForm label span {
	position: absolute;
	left: -200em;
	overflow: hidden;
	width: 1em;
	height: 1em;
}

#pageNavControlsSearchForm .mobile {
	display: none;
}

#pageNavControlsSearchForm input {
	vertical-align: middle;
	font-size: 1.9em;
	line-height: 1.3684210526315789473684210526316em; /* 26px */
	padding: 0.84210526315789473684210526315789em;
	border: solid 0.05263157894736842105263157894737em;
	box-sizing: border-box;
	outline: none;
	float: left;
	width: 15.105263157894736842105263157895em; /* 287px */
	box-sizing: border-box;
	border-radius: 0;
	-webkit-appearance: none;
}

#pageNavControlsSearchForm .button {
	margin-left: 1em;
}

#pageNavControlsSearchForm .button .icon {
	margin-left: -.25em;
	margin-right: -.25em;
}


#pageNavMainButton {
	margin-left: 1em;
	display: none;
}

#pageNavMainButton span {
	font-weight: 600;
}

#pageNavMainButton .icon {
	/*font-size: 2em;
	margin-top: -0.19736842105263157894736842105263em;
	margin-bottom: -0.19736842105263157894736842105263em;
	margin-left: .5em;*/
}

#pageMiddle {
	position: relative;
	border-left: solid 34em;
}

#pageMiddle:after {
	content: " ";
	display: block;
	clear: both;
}

#pageNavMain {
	/*background: #c0e9f9;*/
	width: 34em;
	margin-left: -34em;
	float: left;
	/*position: absolute;
	left: 0;
	top: 0;
	min-height: 100%;*/
}

#pageNavMain ul {
	list-style: none;
}

#pageNavMain > ul {
	border-bottom: solid .1em;
}

#pageNavMain a {
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border-top: solid .1em;
}

#pageNavMain > ul > li > a {
	padding: 1.9em 3em;
}

#pageNavMain > ul > li > a > * {
	font-size: 2.1em;
	line-height: 1.2380952380952380952380952380952em;
}

#pageNavMain > ul > li > ul > li > a {
	padding: 1.6em 3em;
}

#pageNavMain > ul > li > ul > li > a > span {
	font-size: 1.8em;
	line-height: 1.2222222222222222222222222222222em;
}


#pageMain {
	max-width: 72em;
	padding: 3.5em 5em;
}

#pageMain > .top {
	margin-top: 2em;
}

#pageBreadcrumb {
	font-size: 1.9em;
	line-height: 1.3157894736842105263157894736842em;
	margin-bottom: 1.5789473684210526315789473684211em; /* 30px */
}

#pageBreadcrumb strong {
	margin-right: 1em;
}

#pageContent {
	float: left;
	width: 100%;
}

#pageContent article {
	border-style: solid;
	border-width: 0 0 .1em;
	padding: 2.5em 1em 4em;
	margin: -2.5em -1em 0;
}

#pageContent article > .controls {
	clear: both;
}

#pageContent * ~ article {
	margin-top: 0;
}

#pageMain h1 {
	font-size: 3.6em;
	line-height: 1.3888888888888888888888888888889em;
	font-family: "Roboto Slab", serif;
	font-weight: 700;
	margin-bottom: 0.83333333333333333333333333333333em;
}

#pageContent h2 {
	font-size: 2.3em;
	font-weight: 600;
	line-height: 1.2173913043478260869565217391304em;
	margin-bottom: 1.2173913043478260869565217391304em;
}

#pageContent .contentListEntry:after {
	content: " ";
	display: block;
	clear: both;
}

#pageContent figure {
	margin-bottom: 3em;
}

#pageContent .contentListEntry figure {
	max-width: 50%;
	float: left;
	margin-right: 3em;
}

#pageContent article ~ article figure {
	max-width: 50%;
	float: left;
	margin-right: 3em;
}

#pageContent figure img {
	max-width: 100%;
	vertical-align: middle;
}

#pageContent figure figcaption {
	font-size: 1.6em;
	line-height: 1.375em;
}

#pageContent .text {
	font-size: 1.9em;
	line-height: 1.3157894736842105263157894736842em;
}

#pageContent .text h2 {
	font-size: 1.2105263157894736842105263157895em;
}

#pageContent .text .button {
	font-size: 0.52631578947368421052631578947368em; /* 10px */
}

#pageContent p.text,
#pageContent .text p,
#pageContent .text ol,
#pageContent .text ul {
	margin-bottom: 1.3157894736842105263157894736842em;
}

#pageContent ol,
#pageContent ul {
	margin-left: 1em;
}

#pageContent hr {
	border-style: solid;
	border-width: .1em 0 0;
	height: 0;
	margin: 0 -1em;
	margin-bottom: 2.5em;
}

#pageContent a span ~ .icon {
	margin-left: .5em;
}


#pageContentSearchForm {
	padding: 0 1em 4em;
	margin: 0 -1em;
	border-bottom: solid .1em;
}

#pageContent form .formElements {
	padding-bottom: 1.9em;
}

#pageContent form label {
	position: relative;
	display: block;
	margin-bottom: 1.9em;
}

#pageContent form label span {
	width: 40%;
	vertical-align: middle;
	font-size: 1.9em;
	line-height: 1.3684210526315789473684210526316em; /* 26px */
	padding: 0.84210526315789473684210526315789em; /* 16px */
	border: solid 0.05263157894736842105263157894737em transparent; /* 1px */
	box-sizing: border-box;
	display: inline-block;
	float: left;
}

#pageContent form label:after {
	content: " ";
	display: block;
	clear: both;
}

#pageContent form label.fullWidth:after {
	display: none;
}

#pageContent form label.fullWidth span {
	position: absolute;
	left: -200em;
	overflow: hidden;
	width: 1em;
	height: 1em;
}

#pageContent form label input,
#pageContent form label select,
#pageContent form label textarea {
	width: 50%;
	vertical-align: middle;
	font-size: 1.9em;
	line-height: 1.3684210526315789473684210526316em; /* 26px */
	padding: 0.84210526315789473684210526315789em; /* 16px */
	border: solid 0.05263157894736842105263157894737em; /* 1px */
	box-sizing: border-box;
	outline: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	float: right;
}

#pageContent form label.fullWidth input,
#pageContent form label.fullWidth select,
#pageContent form label.fullWidth textarea {
	width: 100%;
	float: none;
}

#pageContent form label select ~ .icon {
	position: absolute;
	right: 1.1538461538461538461538461538462em; /* 30px */
	top: 1.1538461538461538461538461538462em; /* 30px */
	font-size: 2.6em;
	line-height: 1em;
	margin-top: -.5em;
	margin-right: -.5em;
}

#pageContent form label textarea {
	resize: vertical;
}








#pageFooter {
	padding: 6em 3em;
	border-top: solid .1em;
	margin-top: -.1em;
	position: relative;
	z-index: 1;
}

#pageFooterInner {
	max-width: 108em;
}

#pageFooter:after {
	content: " ";
	clear: both;
	display: block;
}

#pageFooter h1 {
	font-size: 1.9em;
	line-height: 1.3157894736842105263157894736842em;
	margin-bottom: 1.3157894736842105263157894736842em;
}

#pageFooter p {
	font-size: 1.6em;
	line-height: 1.375em;
	float: left;
}

#pageFooter p strong {
	font-weight: 600;
}

#pageFooter p ~ p {
	margin-left: 5em;
}

#pageFooter p ~ p ~ p {
	float: right;
	text-align: right;
}





@media all and (max-width: 63.75em) { /* 1020px */
/*@media all and (max-width: 65.625em) { /* 1050px */

	#pageNavJump {
		width: 100%;
	}

	#pageStyleControlPanel {
		float: none;
	}

	#pageStyleControlPanel fieldset {
		padding-top: 1em;
	}

	#pageStyleControlPanel fieldset:first-child legend {
		padding-left: 0;
	}

	#pageNavControlsSearchForm {
		padding-right: 6em;
		position: relative;
		width: 15em;
		max-width: calc(100% - 220px);
	}

	#pageNavControlsSearchForm .desktop {
		display: none;
	}

	#pageNavControlsSearchForm .mobile {
		display: inline;
		vertical-align: middle;
	}

	#pageNavControlsSearchForm input {
		width: 100%;
	}

	#pageNavControlsSearchForm .button {
		margin-left: 0;
		border-radius: 0 .5em .5em 0;
		padding: 1.2em;
		position: absolute;
		right: 0;
		top: 0;
	}

	#pageNavControlsSearchForm .button .icon {
		margin: 0;
	}

	#pageNavControlsSearchForm .button span {
		position: absolute;
		left: -200em;
		width: 1em;
		height: 1em;
		overflow: hidden;
	}

	#pageNavMainCheckbox {
		display: inline-block;
	}

	#pageNavMainButton {
		display: inline-block;
	}

	#pageMiddle {
		border-left: 0;
	}

	#pageNavMain {
		margin-left: 0;
		float: none;
		width: auto;
		display: none;
	}

	#pageNavMainCheckbox:checked ~ #pageMiddle #pageNavMain {
		display: block;
	}

	#pageFooter p ~ p ~ p {
		float: none;
		clear: both;
		text-align: left;
		margin-left: 0;
		padding-top: 1em;
	}
}

@media all and (max-width: 50em) { /* 800px */

	#pageHeader {
		padding-bottom: 9.5em;
	}

	#pageNavControlsOuter {
		padding: 0;
	}

	#pageNavControlsInner {
		/*position: static;*/
		bottom: 0;
		width: 100%;
	}

	#pageNavControlsSearchForm input {
		/*max-width: calc(100% - 220px);*/
	}

	#pageNavMainButton {
		float: right;
		margin: 0;
	}
}

@media all and (max-width: 40.625em) { /* 650px */

	#pageStyleControlPanel fieldset {
		float: none;
	}

	#pageStyleControlPanel fieldset ~ fieldset {
		margin-left: 0;
	}

	#pageStyleControlPanel fieldset legend {
		padding-left: 0;
	}

	#topNav {
		padding-left: 2em;
		padding-right: 2em;
	}

	#pageHeader {
		padding-left: 1em;
		padding-right: 16em;
	}

	/*#pageHeader a {
		width: 100%;
		max-width: 7.675em; /* 307px */
/*		display: block;
	}

	#pageHeader a span {
		padding-top: 28.990228013029315960912052117264%;
		display: block;
		height: 0;
		position: relative;
	}

	#pageHeader a span .logo {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	#pageNavControls {
		top: 22.3em;
		right: 1em;
	}*/

	#pageMain {
		padding-left: 2em;
		padding-right: 2em;
	}

	#pageFooter {
		padding-left: 2em;
		padding-right: 2em;
	}

	#pageFooter p,
	#pageFooter p ~ p,
	#pageFooter p ~ p ~ p {
		float: none;
		margin-left: 0;
	}

	#pageFooter p ~ p {
		padding-top: 1em;
	}
}

@media all and (max-width: 28.75em) { /* 460px */

	#pageNavJump {
		padding-bottom: 0;
	}

	#pageNavJump > strong {
		float: none;
	}

	#pageStyleControlPanel fieldset legend {
		width: 100%;
		padding: 0;
	}

	#pageStyleFontSize button {
		margin-left: 0;
	}

	#pageStyleFontSize button ~ button {
		margin-left: 1em;
	}

	#pageStyleContrast label {
		margin-left: 0;
	}

	#pageStyleContrast label ~ label {
		margin-left: 1em;
	}

	/*#pageNavControls {
		top: 28.8em;
	}

	#pageHeader {
		padding-right: 1em;
		padding-bottom: 9.2em;
	}

	#pageNavControls {
		margin-top: -5.7em;
		position: relative;
		top: 0;
		right: 0;
	}

	#pageNavControls:after {
		content: " ";
		clear: both;
		display: block;
	}*/

	#pageNavMainButton {
		float: right;
	}

	#pageContent .contentListEntry figure {
		max-width: 100%;
		float: none;
		margin-right: 0;
	}

	#pageContent article ~ article figure {
		max-width: 100%;
		float: none;
		margin-right: 0;
	}



}