@charset "utf-8";
body {
	font-family: "Jost", Arial, Helvetica, sans-serif;
	text-rendering: optimizeLegibility;
	font-weight: 300;
	font-size: medium;
	color: #000;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}
blockquote {
	border-left: 1px solid #999;
	margin: 1em .5em;
	padding: 0 0 0 1em;
}
.serif {
	font-family: Georgia, "Times New Roman", Times, serif;
}
b {
	font-weight: 600;
}
strong {
	font-weight: 800;
}
em {
	font-weight: 600;
	font-style: italic;
}
.serif em, .serif b {
	font-weight: 700;	
}
figure, figcaption {
	margin: 0;
}
.upper {
	text-transform: uppercase;
}
.larger {
	font-size: 1.15em;
}
img, video, audio, iframe {
	width: 100%;
}
img, video, iframe {
	height: auto;
}
video, audio, iframe {
	max-width: 640px;
}
iframe {
	height: 52vw;
}
.nobreak {
	white-space: nowrap;
}
a, a:link, a:visited{
	text-decoration: none;
	color: #53794B;
	cursor: pointer;
}
a:hover, a:visited:hover {
	color: #355B2D;
}
.page a {
	text-decoration: underline;
}
a.tel, .bigbutton a, a.submitbutton, a.clean {
	text-decoration: none;
}
h1, h2, h3 {
	font-weight: 700;
	line-height: 1.15em;
}
h1 {
	padding: 0;
	background-color: #426975;
	color: #BAE1ED;
	text-align: right;
	margin-bottom: 0;
	line-height: .9em;
	text-transform: uppercase;
	text-shadow: 0 0 3px #000;
}
.titleblock {
	padding: 0;
}
h3 {
	font-size: 1.5625em;
	color: #244B57;
	margin: 1rem auto 1rem;
}
h3 a, h3 a:link, h3 a:visited {
	color: #244B57;
}
h4 {
	font-weight: 600;
	font-size: 1.2em;
	margin: 0 auto 1rem;
}
h5, h6 {
	font-weight: 600;
	font-size: 1.11em;
	margin: 0 auto 1rem;
}
p + h3, ul + h3, ol + h3, p + h4 {
	margin-top: 2em;
}
h1 br, h3 br, h4 br {
	display: none;
}
p {
	padding: 0;
	margin: 0 0 1.2em;
}
p:last-child {
	margin-bottom: 0;
}
hr {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 2px solid #244B57;
	margin: 1.5em auto;
	clear: both;
}
li {
	padding: 0;
	list-style-position: outside;
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	line-height: 1.2em;
	margin-bottom: 1em;
}
ul {
	padding: 0 0 0 1em;
	margin: 1.2em 0;
}
ul.clean {
	display: table;
	list-style: none;
	margin: 1em auto;
	padding: 0;
}
dl {
	margin: .2em 0 1em;
}
dt {
	margin: 1.3em 1em 0 0;
	padding: .2em;
	font-weight: 600;
	color: #555;
	line-height: 1.1em;
	position: relative;
	clear: both;
}
dd {
	line-height: 1.1em;
	margin: 0 0 1em;
	padding: .5em 0 0 .3em;
}
dd.current, div.current {
	display: block;
}
dd.off, div.off, h1.off {
	display: none;
}
dl.faq {
	width: 100%;
	max-width: 40em;
	margin: 0 auto;
}
dl.faq dt {
	padding: 0;
	margin: 0;
	cursor: pointer;
}
dl.faq dt h3 {
	font: 600 1.43em/1.1em "Jost", sans-serif;
	background-color: #27495E;
	color: #FFF;
	padding: 1em 3rem .8em 1.5rem;
	margin-top: 1rem;
	text-align: left;
	position: relative;
}
dl.faq dt:first-child h3 {
	margin-top: 0;
}
dl.faq > dd {
	box-shadow: 0 0 .5em rgba(0,0,0,.25);
	padding: 0;
	margin: 0;
}
dl dt .arrowhead {
	position: absolute;
	font-size: 1rem;
	bottom: calc(50% - .5em);
	right: 1rem;	
}
dl dt.current .arrowhead {
	transform: rotate(180deg);
}
dl.faq dt h4 {
	font: 600 1em/1.3em "Jost", sans-serif;
	background-color: #FFF;
	color: #356583;
	padding: 1em 1.5rem .8em;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #B2B2B2;
	text-align: left;
}
dl.faq dl {
	padding: 0;
	margin: 0;
}
dl.faq dl dd {
	background-color: #F5F4F4;
	padding: 1.5em 1.5rem;
	line-height: 1.5em;
	margin: 0;
}
dl.faq .bigbutton, dl.testimonial .bigbutton {
	margin-top: 2em;
}
dl.faq .bigbutton a, dl.testimonial .bigbutton a {
	font-size: 1.1em;
	margin: 0;
}
.errorborder.pad {
	padding: .5em;
}
.last:last-child {
	margin-bottom: 0;
}
#fullwidth {
	padding: 1px;
	background-color: #E5E5E5;
	overflow: hidden;
}
#header {
	background-color: #FFF;
}
#header .envelope {
	padding: 1em;
	text-align: center;
}
.tel {
	white-space: nowrap;
}
.logo {
	width: 80%;
	margin: 0 auto;
}
#main {
	position: relative;
}
.page {
	line-height: 1.625em;
}
.offwhite {
	color: #F0F0F0;
}
.envelope, .fullarticle .content {
	box-sizing: border-box;
	padding: 0 1em;
}
#footer {
	padding: 2em 0 1em;
}
#footer .logo {
	margin-bottom: .5em;
}
.blue {
	color: #426975;
}
.green {
	color: #53794B;
}
.whiteback {
	background-color: #FFF;
	position: relative;
}
.grayback {
	background-color: #E0E0E2;
}
.shadow, ul.cards li {
	box-shadow: 0 0 .5em rgba(0,0,0,.25);
}
#navbar, .none, .fordesktop, .fortablet, .split > div.fordesktop {
	display: none;
}
.button {
	font-family: "Jost", sans-serif;
	display: table;
	margin: 1em 0 0 auto;
	padding: .6em 1em .4em;
	font-weight: 600;
	box-sizing: border-box;
}
#mobilenav {
	width: 100%;
	position: relative;
	background-color: #426975;
	border-bottom: 2px solid #FFF;
}
#mobilenav svg {
	fill: #FFF;
}
#mobilenav ul	{
	font-size: 19px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#mobilenav li{
	box-sizing: border-box;
	width: 100%;
	list-style:none;
	display: table;
	text-align: center;
	padding: 0;
	margin-bottom: 0;
}
#mobilehide > ul > li{
	border-top: 1px solid #FFF;
} 
#mobilehide .more {
	width: 70px;
	height: 44px;
}
#mobilenav .more, #mobilenav li > div {
	display: table-cell;
	vertical-align: middle;
}
#mobilenav a, #mobilenav a:link, #mobilenav a:visited {
	text-decoration: none;
	display: block;
	line-height: 44px;
	height: 44px;
	color: #FFF;
}
#mobilenav .mobiletitle {
	opacity: 0;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	font-size: x-large;
	line-height: 52px;
	height: 52px;
	display: block;
	margin-right: 70px;
	overflow: hidden;
}
#mobilenav ul ul, #mobilehide, .searchblock {
	display:none;
}
.mobileicon {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 52px;
}
.mobileicon:hover, #mobiletoggle:checked ~ .mobileicon, #mobilenav .more, #mobilenav a:hover, #mobilenav a:visited:hover {
	color: #FFF;
	background-color: #244B57;
}
#mobiletoggle, .subtoggle {
	position:absolute;
	left:-100%;
	top:-100%;
}
#mobiletoggle + label, #mobilehide.more{
	cursor: pointer;
}
#mobiletoggle:checked ~ #mobilehide {
	display: block;
}
#mobilehide ul li input:checked ~ ul {
	display: table-row;
}
#mobilehide ul li input:checked + label .plus {
	fill: none;
}
.container {
	margin: 1em 0;
}
.socialmedia {
	font-size: 20px;
	display: table;
	margin: 0 auto;
	text-align: center;
}
.socialmedia > div {
	display: inline-block;
	padding: .5em;
}

.social .spacer { 
	-webkit-transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	background-image: url(https://commonelements.net/common/elements/social-icons.png);
	background-repeat: no-repeat;
	background-size: 31.25em;
	height: 2em;
	width: 2em;
	border-radius: .5em;
	display: block;
}
.socialmedia a:hover .spacer, .socialmedia a:visited:hover .spacer{
	background-color: #000;
}
.socialmedia .facebook .spacer {
	background-position: 0 0;
}
.socialmedia .twitter .spacer {
	background-position: -3.125em 0;
}
.socialmedia .linkedin .spacer {
	background-position: -9.375em 0;
}
.socialmedia .youtube .spacer {
	background-position: -12.5em 0;
}
.socialmedia .instagram .spacer {
	background-position: -15.625em 0;
}
.socialmedia .email .spacer {
	background-position: -21.875em 0;
}

#sharegroup {
	margin-top: 2em;
}
#sharegroup h3 {
	margin-bottom: .2em;
}
.sharenav {
	display: table;
	margin: 1em auto;
	padding: 0;
	text-align: center;
}
.share {
	display: inline-block;
	vertical-align: middle;
	margin: .25em;
}
.share .icon {
	font-size: 8px;
	background-image: url(https://commonelements.net/common/elements/share-icons.png);
	background-repeat: no-repeat;
	background-size: 100em;
	-webkit-transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	width: 8.4em;
	height: 2.8em;
	border-radius: 4px;
}
.share a:hover, .share a:visited:hover {
	opacity: .6;
}
.share.facebook .icon{
	background-position: 0 0;
}
.share.twitter .icon {
	background-position: -10em 0;
}
.share.linkedin .icon {
	background-position: -30em 0;
}
.share.email .icon {
	background-position: -70em 0;
}

.articlelist {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 1em 0;
}
.articlelist > div{
	padding-top: .5em;
}
.articlelist .content {
	font-size: .9em;
	line-height: 1.2em;
}
.articlelist .docside {
	text-align: center;
}
.docside img {
	max-width: 200px;
	height: auto;
}
.articlelist img, #media img {
	box-shadow: 2px 2px 4px #000;
}
.articlelist .more {
	margin-top: .8em;
}
#media {
	margin: 1em auto;
	text-align: center;
}
#media img {
	border: 1px solid;
}
.titlebreak::before {
	content: "\A";
	white-space: pre;
}
.navigation {
	text-align: right;
	font-size: .9em;
	opacity: .9;
	margin: .5em;
}
.fullarticle {
	position: relative;
}
.articlelist h3 {
	font-size: 1.3em;
	margin-right: 3em;
	margin-bottom: 1.5rem;
	text-align: left;
}
.articlelist h3 a{
	padding: 0;
	text-decoration: none;
}
.articlelist h4{
	opacity: .75;
	font-size: 1.05em;
}
.articlelist h5 {
	padding: .5em 0 0;
	margin: 0;
	font-size: .8em;
	color: #3F6D89;
}
.articlelist h5 + div {
	padding-top: .5em;
}
.fullarticle .date, .fullarticle .author, .fullarticle .preauthor {
	font-size: 1em;
	line-height: 1.1em;
}
.fullarticle .date {
	margin-bottom: 1em;
	color: #3F6D89;
}
.fullarticle .preauthor {
	margin-bottom: .3em;
}
.fullarticle .author {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .05em;
}
.fullarticle .adminbutton {
	position: absolute;
	top: 0;
	left: 0;
}
.fullarticle .split > div {
	padding: .5em;
	text-align: center;
}
.photoshell {
	float: right;
	margin: 0 0 .5em .5em;
	width: 60%;
	max-width: 250px;
}
.caption {
	display: block;
	font-size: .9em;
	line-height: 1em;
	margin-top: .3em;
 	color: #999;
}
.fullarticle .content {
	margin-top: 1.5em;
}
.fullarticle .titleblock + .content {
	margin-top: 0;
}
.fullarticle ul, .fullarticle ol {
	margin: 2em 0;
}
.fullarticle ul.clean {
	margin: 2em 1em;
}
.fullarticle table {
	margin-top: .2em;
	margin-bottom: 1em;
	border: 2px solid #CCC;
}
.fullarticle table td, .fullarticle table th {
	display: block;
	padding: .5em;
}
.fullarticle table td + td, .fullarticle table th + th{
	border-top: 1px dashed #CCC;
}
.fullarticle table td:last-child, .fullarticle table th:last-child{
	border-bottom: 2px solid #CCC;
}
.fullarticle table tbody tr:nth-child(odd) {
	background-color: #EEE;
}
.fullarticle table p {
	padding-bottom: .2em;
	line-height: 1.2em;
}
.border {
	border: 3px solid #99B9BF;
}
.light1 {
	color: #FEAB4F;
}
.light2 {
	color: #3FD8FF;
}
.light3 {
	color: #77657F;
}
.dark1, .color1 {
	color: #7E90A6;
}
.dark2 {
	color: #0060A4;
}
.dark3 {
	color: #1D0B25;
}
.bar1 {
	text-align: center;
	font-size: 1.1em;
	color: #FFF;
	background-color: #B6BBBF;
}

.formtable {
	width: 90%;
	max-width: 40em;
	background-color: #FFF;
	padding: 1em;
	margin: 1em auto;
	box-shadow: 0 0 .5em rgba(0,0,0,.25);
}
.formtable td {
	display: block;
}
.formtable td.right {
	padding-top: 12px;
	border-top: 2px dashed #E0E0E2;
}
.formtable td.right, .formtable td.left {
	text-align: center;
}
.formtable .bar {
	font-size: 1.1em;
	text-align: center;
	border: 1px solid #FFF;
	background-color: #8BA8AE;
	color: #FFF;
	padding: 1.5rem 1em;
}
input[type="text"], input[type="email"], input[type="tel"], textarea {
	box-sizing: border-box;
	width: 100%;
}
.disabled {
	opacity: .5;
	pointer-events: none;
}
.granted, .split > div.granted {
	display: none;
}
.formnorm {
	font: 300 1em/1em "Jost", sans-serif;
	background-color: #DFF1F7;
	color: #000;
	padding: 1em .8em .8em;
	margin: .5em 0;
	border: none;
}
select.formnorm {
	font-weight: 600;
	padding-right: 1.5em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #F0F0F0;
	border: 1px solid #27495E;
	background-image: url(elements/dropdown-arrow.svg);
	background-size: 1em;
	background-position: calc(100% - .5em) center;
	background-repeat: no-repeat;
	width: 100%;
	text-align: center;
}
select.formnorm option {
	color: #3F6D89;
}
table.formgroup td {
	display: block;
	line-height: 1.3em;
}
table.formgroup td:first-child {
	margin-top: 1em;
}
.input {
	font-size: .85em;
	padding: .5em;
}
.formnorm::-webkit-input-placeholder {
	color: #666 !important;
}
.formnorm::-moz-placeholder {
	color: #66 !important;
}
.formnorm:-ms-input-placeholder {
	color: #666 !important;
}
.formsubmit {
	width: 100%;
	font-size: 1.1em;
	background-color: #7E1519;
	color: #FFF;
	padding: .5em;
}
input.submitbutton, a.submitbutton {
	box-sizing: border-box;
	font: 600 1em/1em "Jost", sans-serif;
	display: inline-block;
	padding: .8em 1em .6em;
	text-align: center;
	border: 2px solid #E0E0E2;
	background-color: #E0E0E2;
	color: #27495E;
	max-width: 100%;
	width: 14em;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}
a.submitbutton:link, a.submitbutton:visited {
	border: 2px solid #E0E0E2;
	background-color: #E0E0E2;
	color: #27495E;
}
input.submitbutton:focus, input.submitbutton:hover {
	color: #FFF;
	background-color: #4A4D52;
	cursor: pointer;
}
#enterkey {
	position: absolute;
	top: 0;
	left: -5em;
}
table.preview {
	background-color: #E0E2DF;
	border-spacing: 0;
	color: #000;
}
table.preview td {
	padding: .5em;
}
.check_human .errorborder {
	padding: 4px;
}
.submitgroup {
	position: relative;
	padding-bottom: 1em;
}
#coverup {
	position: absolute;
	font-size: .85em;
	padding: 3.2em .5em 0;
	text-align: center;
	width: 100%;
	top: 0;
	left: 0;
	color: #990000;
	background-color: rgba(0,0,0,0);
	z-index: 11;
	display: none;
}
#coverup.after {
	display: block;
}
#coverup.after::after {
	content: "Submitting, please wait";
}

.bigbutton a {
	font-weight: 600;
	display: block;
	font-size: .9em;
	line-height: 1.1em;
	padding: .8em 1em .6em;
	text-align: center;
}
.bigbutton a + a {
	margin-top: 1.5em;
}
a:hover .button, a:visited:hover .button {
	color: #FFF;
	background-color: #4A4D52;
}
.forcebreak::after {
	content: "\A";
	white-space: pre;
}
.twitter-tweet {
	font: 400 .9em/1.2em Arial, Helvetica, sans-serif;
	max-width: 550px;
	margin: .6em auto;
	padding: 15px;
	border-radius: 15px;
	border: 1px solid rgb(204, 214, 221);
	background-color: #FFF;
}
.twitter-tweet + p {
	margin-top: 1.5rem;
}
.section {
	margin: 1em 0;
	padding: 2px .5em 1em;
	border-bottom: 2px solid #244B57;
	line-height: 1.4em;
}
.section h3 {
	margin: 0; 
}
.imageside {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 42vw;
	margin: .5em 0;
}
ul.cards {
	list-style: none;
	padding: 0 1em;
	margin: 1em 0;
}
ul.cards li {
	padding: 4px;
	margin: 1em 0;
	text-align: center;
	font-weight: 600;
}
ul.cards .image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 40vw;
}
ul.cards .text {
	margin: 1em 0;
}
ul.cards a, ul.cards a:link, ul.cards a:visited {
	text-decoration: none;
	color: inherit;
}
ul.cards li:hover {
	-webkit-transition: background-color 200ms cubic-bezier(.5, 0, .5, 1);
	transition: background-color 200ms cubic-bezier(.5, 0, .5, 1);
	background-color: #FFF;
	cursor: pointer;
}
@media only screen and (min-width: 20em) {
	#debug {
		z-index: 501;
		background-color: rgba(256,256,256,.5);
		border: 1px solid #FFF;
		color: #3300FF;
		padding: 4px;
		position: fixed;
		bottom: 0;
		right: 0;
	}
	.debugnotes {
		font-size: medium;
		line-height: 1.15em;
		color: #000;
	}
}
@media only screen and (min-width: 30em) {
/* 480 */
	.original {
		display: initial;
	}
	.articlelist > div{
		display: table-cell;
		vertical-align: top;
	}
	.articlelist .docside {
		padding-right: 1em;
	}
	.fullarticle table td, .fullarticle table th {
		display: table-cell;
		border: none;
	}
	.fullarticle table td + td, .fullarticle table th + th{
		border-left: 1px solid #CCC;
		border-top: none;
	}
	.fullarticle table td:last-child, .fullarticle table th:last-child{
		border-bottom: none;
	}

	.fullarticle table th, .fullarticle table th p {
		text-align: center;
	}
	.share {
		margin: .5em;
	}
	.share .icon {
		font-size: 9px;
	}
}
@media only screen and (min-width: 41em) {
/* 656 */
	.smaller {
		font-size: .85em;
		line-height: 1.4em;
	}
	iframe {
		height: 360px;
	}
	h1 br, h3 br, h4 br {
		display: initial;
	}
	.floatleft {
		float: left;
		margin: .2em 1em .5em 0;
	}
	.floatright {
		float: right;
		margin: .2em 0 .5em 1em;
	}
	.split {
		width: 100%;
		display: table;
		margin: 0 auto;
		position: relative;
		box-sizing: border-box;
	}
	.split > div {
		display: table-cell;
		vertical-align: top;
	}
	.split > div.middle, .split > div.textside {
		vertical-align: middle;
	}

	.articlelist.withphoto .docside {
		width: 200px;
	}
	.search .articlelist .docside {
		width: 100px;
	}
	.fullarticle .split {
		width: auto;
		margin: 1em auto;
		text-align: center;
	}
	.fullarticle .split > div {
		padding: 1em;
	}
	.formtable td {
		display: table-cell;
	}
	.formtable td.right, .formtable .center.submit {
		padding-top: 4px;
		border-top: none;
		text-align: right;
	}
	.formtable td.left, .formtable .center.return {
		text-align: left;
	}
	.share .icon {
		font-size: 10px;
	}
	.envelope, .fullarticle .content {
		padding-left: 2.5em;
		padding-right: 2.5em;
	}
	.button {
		margin: 1em auto 0 0;
	}
	.bigbutton {
		text-align: right;
	}
	.bigbutton a {
		display: inline-block;
		vertical-align: middle;
		margin: .5em;
	}
	.bigbutton a:last-child {
		margin-right: 0;
	}
	.bigbutton a + a {
		margin-top: .5em;
	}
	input.submitbutton, a.submitbutton {
		width: auto;
		font-size: .9em;
	}
	.section {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: stretch;
		position: relative;
		padding: 0;
		margin: 0;
	}
	.section .imageside {
		width: 50%;
		height: auto;
		margin: 0;
	}
	.section .textside {
		width: 50%;
		padding: 5em 2rem 3em;
	}
	.section.reverse .textside {
		order: 1;
	}
	.section.reverse .imageside {
		order: 2;
	}
	.section h3 {
		position: absolute;
		top: 2rem;
		left: 50%;
		font-size: 2.5em;
	}
	.section.reverse h3 {
		left: 2rem;
	}
	#priorities h3 {
		font-size: 2.5em;
		margin-top: 2rem;
	}
	ul.cards {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: stretch;
	}
	ul.cards li {
		width: 30%;
	}
	ul.cards .image {
		height: 22vw;
	}
}
@media only screen and (min-width: 50em) {
/* 800 */
	body {
		font-size: 1.9vw;
	}	
	a, .formsubmit, .submitbutton, #searchfield, #movable, .circleicons img, .boxed .inside, .button {
		-webkit-transition: all 200ms cubic-bezier(.5, 0, .5, 1);
		transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	}
	a.tel, a.tel:link, a.tel:visited {
		color: inherit;
	}
	iframe {
		height: 33vw;
	}
	dd {
		font-size: .9em;
	}
	dl.faq {
		max-width: 45em;
	}
	h3 {
		font-size: 1.875em;
	}
	#fullwidth {
		box-sizing: border-box;
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#header .envelope {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: flex-end;
		padding: .5em;
	}
	#header .logo {
		box-sizing: border-box;
		width: 30%;
		padding: 1em;
	}
	#header .envelope nav {
		width: 70%;
	}
	#footer .logo {
		width: 280px;
	}
	#navbar {
		display: block;
	}
	#navbar > ul {
		box-sizing: border-box;
		display: table;
		width: 100%;
		padding: 0;
		margin: 0 0 2.6em;
		list-style: none;
		font-size: .8em;
		font-weight: 600;
		text-align: left;
	}
	#navbar li{
		margin: 0;
		padding: 0;
	}
	#navbar > ul > li {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	#navbar > ul > li + li {
		border-left: 2px solid #7EA5B1;
	}
	#navbar a {
		display: block;
		padding: .4em .5em;
	}
	#navbar a, #navbar a:link, #navbar a:visited {
		color: #454545;
		text-decoration: none;
	}
	#navbar a:hover, #navbar a:visited:hover {
		color: #000;
		background-color: #BAE1ED;
	}
	#navbar .nav.on a {
		color: #FFF;
		background-color: #7EA5B1;
	}
	#navbar ul ul {
		border-top: 1px solid #99B9BF;
		margin: 0 0 0 -1em;
		padding: 0;
		position: absolute;
		z-index: 500;
		display: none;
		text-align: center;
		list-style: none;
		font-size: 1em;
		background-color: #27495E;
		background-color: rgba(39,73,94,.9);
	}
	#navbar ul ul a{
		font-size: .9em;
		line-height: 1em;
		letter-spacing: .01em;
		text-transform: none;
		border-bottom: 1px solid #99B9BF;
	}
	#navbar ul ul a, #navbar ul ul a:link, #navbar ul ul a:visited {
		color: #FFF;
		padding: .5em .5em;
	}
	#navbar ul ul a:hover, #navbar ul ul a:visited:hover {
		color: #FFF;
		background-color: rgba(49,49,51,.9);
	}
	#navbar ul ul .on a, #navbar ul ul .on a:link, #navbar ul ul .on a:visited {
		background-color: rgb(49,49,51);
	}
	
	div#navbar li:hover {
		cursor:pointer;
		z-index:100;
	}
	
	div#navbar li:hover ul ul,
	div#navbar li li:hover ul ul,
	div#navbar li li li:hover ul ul,
	div#navbar li li li li:hover ul ul
	{display:none;}
	
	div#navbar li:hover ul,
	div#navbar li li:hover ul,
	div#navbar li li li:hover ul,
	div#navbar li li li li:hover ul
	{display:block;}
	.original {
		display: inherit;
	}
	#mobilenav {
		display: none;
	}
	.floatleft {
		margin: .2em 2em 1.5em 0;
	}
	.floatright {
		margin: .2em 0 1.5em 2em;
	}

	.forcebreak::after {
		content: "\A";
		white-space: pre;
	}
	.photoshell {
		width: auto;
		max-width: 50%;
		float: right;
		margin: 0 0 .5em .5em;
	}
	.fordesktop, .split > div.fordesktop {
		display: initial;
	}
	div.fordesktop {
		display: block;
	}
	.formobile {
		display: none;
	}
	input.submitbutton, a.submitbutton {
		width: auto;
	}

	.socialmedia > div {
		display: inline-block;
		padding: .5em .45em;
	}
	#sharegroup {
		margin-top: 290px;
		text-align: right;
		position: absolute;
		padding: .5em;
		top: 0;
		left: 1.5em;
	}
	#sharegroup h3 {
		font-size: 1em;
		margin: 0;
	}
	#sharegroup.stuck {
		position: fixed;
		top: 0;
		margin-top: 0;
	}
	#sharegroup.bottom {
		top: auto;
		bottom: 0;
	}
	.sharenav {
		margin: 0 auto;
		padding-bottom: 5em;
	}
	.share {
		display: table;
		margin: 1em auto;
	}
	.share + .share {
		margin-left: 0;
	}
	.share .icon {
		font-size: 5px;
		background-image: url(elements/social-icons.png);
		width: 6.4em;
		height: 6.4em;
		border-radius: 3.2em;
		border: none;
	}
	.share.facebook .icon{
		background-position: 0 0;
	}
	.share.twitter .icon {
		background-position: -10em 0;
	}
	.share.linkedin .icon {
		background-position: -30em 0;
	}
	.share.email .icon {
		background-position: -70em 0;
	}

	/* for stickyscroll */
	.twocolumn aside.sidebar {
		position: absolute;
		top: 0;
		left: 0;
	}
	#subcontainer {
		width: 8em;
		margin-top: 0;
	}
	#subcontainer.stuck {
		position: fixed;
		margin-top: 1.5em;
	}
	#subcontainer.free {
		position: relative;
	}
	#subcontainer.bottom {
		position: relative;
	}
	/* */
}
@media only screen and (min-width: 64em) {
/* 1024 */
	.columnize {
		column-count: 2;
		column-gap: 2em;
	}
}
@media only screen and (min-width: 74em) {
/* 1184 */
	iframe {
		height: 360px;
	}
}
@media only screen and (min-width: 80em) {
/* 1280 */
	body {
		font-size: 1.7vw;
	}
	ul {
		margin: 2em 0;
	}
	dl.faq dt h3, dl.faq dt h4  {
		padding: .9em 3rem .7em;	
	}
	dl.faq dl dd {
		font-size: .85em;
		line-height: 1.6em;
		padding: 1.5em 3rem;
	}
	dl.faq dt h3 {
		font-size: 1.3em;
	}
	dl.faq .bigbutton {
		margin-top: 3em;
	}
	dl.faq .bigbutton a {
		font-size: .9em;
	}
	dl dt .arrowhead {
		right: 2em;
	}
	.witherror .anchor::before {
		margin-top: -11.7em;
		height: 11.7em;
	}
	#navbar > ul {
		font-size: .8em;
	}
	.envelope, #header .envelope, .fullarticle .content {
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.input {
		line-height: 1em;
	}
}
@media only screen and (min-width: 87.5em) {
/* 1400 */
	body {
		font-size: 22px;
	}
	#navbar > ul {
		font-size: .85em;
		margin-bottom: 2.7em;
	}
	.envelope, #header .envelope, .fullarticle .content {
		padding-left: calc((100vw - 1260px)/2);
		padding-right: calc((100vw - 1260px)/2);
	}
}