
body {
	background: #009;
	color: #fff;
}

a:hover,
a:focus {
	background: #fff;
	color: #009;
}

::-webkit-selection { background: #fff; color: #009; }
::-moz-selection { background: #fff; color: #009; }
::-ms-selection { background: #fff; color: #009; }
::-o-selection { background: #fff; color: #009; }
::selection { background: #fff; color: #009; }

.button {
	background: #009;
	border-color: #fff;
}

.button:hover,
.button:focus,
.hover .moreButton,
.focus .moreButton {
	background: #fff;
	border-color: #fff;
	color: #009;
}

#topNav {
	background: linear-gradient(to top, #fff .1em, #009 .1em);
}

#pageStyleFontSize button {
	background: #009;
	border-color: #aaa;
}

#pageStyleFontSize button:focus,
#pageStyleFontSize button:hover {
	border-color: #fff;
}

#pageStyleFontSize button.smaller:before,
#pageStyleFontSize button.bigger:before,
#pageStyleFontSize button.bigger:after {
	border-color: #fff;
	background: #fff;
}

#pageStyleContrast label {
	border-color: #aaa;
}

#pageStyleContrast label:hover,
#pageStyleContrast label:focus,
#pageStyleContrast input:checked + label {
	border-color: #fff;
}

#pageHeader {
	background: linear-gradient(to top, #fff .5em, #009 .5em);
}

#pageHeader a .logo.mono {
	display: inline-block;
	fill: #009;
}

#pageHeader a:hover .logo.mono,
#pageHeader a:focus .logo.mono {
	fill: #fff;
}

#pageNavControlsSearchForm label input {
	border-color: #fff;
	background: #009;
}

#pageNavControlsSearchForm label input::-webkit-input-placeholder { color: #fff; }
#pageNavControlsSearchForm label input:-moz-placeholder { color: #fff; }
#pageNavControlsSearchForm label input::-moz-placeholder { color: #fff; }
#pageNavControlsSearchForm label input:-ms-input-placeholder { color: #fff; }
#pageNavControlsSearchForm label input::-ms-input-placeholder { color: #fff; }
#pageNavControlsSearchForm label input::input-placeholder { color: #fff; }
#pageNavControlsSearchForm label input::placeholder { color: #fff; }

#pageNavMainCheckbox:focus ~ #pageNavControlsOuter #pageNavMainButton {
	background: #fff;
	border-color: #fff;
	color: #009;
}

#pageMiddle {
	border-color: #009;
	background: linear-gradient(to right, #fff .5em, #009 .5em);
}

@media all and (max-width: 63.75em) { /* 1020px */
	#pageMiddle {
		background: none;
	}
}

#pageNavMain > ul {
	border-bottom-color: #fff;
}

#pageNavMain a {
	border-top-color: #fff;
}

#pageNavMain a:hover,
#pageNavMain a:focus,
#pageNavMain a.active {
	background-color: #fff;
	color: #009;
	border-top-color: #009;
}

#pageNavMain > ul > li > ul {
	background: #009;
	/*border-bottom: #fff solid .5em;*/
}

#pageContent article {
	border-color: #fff;
}

#pageContent article.hover,
#pageContent article.focus {
	/*border-width: .4em .5em .5em;
	padding: 2.1em .5em 3.6em;*/
	border-width: 2.5em .5em .5em;
	padding: 0 .5em 3.6em;
}

#pageContent article.hover h1,
#pageContent article.focus h1 {
	color: #009;
	background: #fff;

	margin-left: -0.27777777777777777777777777777778em;
	margin-right: -0.27777777777777777777777777777778em;
	padding-left: 0.27777777777777777777777777777778em;
	padding-right: 0.27777777777777777777777777777778em;
}

#pageContent hr {
	border-color: #fff;
}

#pageContentSearchForm {
	border-color: #fff;
}

#pageContent form label input,
#pageContent form label select,
#pageContent form label textarea {
	border-color: #fff;
	background: #009;
}

#pageContent form label input:focus,
#pageContent form label select:focus,
#pageContent form label textarea:focus {
	border-color: #fff;
	background: #009;

	border-width: 0.26315789473684210526315789473684em;
	padding: 0.63157894736842105263157894736842em;
	border-radius: 0.26315789473684210526315789473684em;
}

#pageContent form label input::-webkit-input-placeholder { color: #fff; }
#pageContent form label input:-moz-placeholder { color: #fff; }
#pageContent form label input::-moz-placeholder { color: #fff; }
#pageContent form label input:-ms-input-placeholder { color: #fff; }
#pageContent form label input::-ms-input-placeholder { color: #fff; }
#pageContent form label input::input-placeholder { color: #fff; }
#pageContent form label input::placeholder { color: #fff; }

#pageContent form label textarea::-webkit-input-placeholder { color: #fff; }
#pageContent form label textarea:-moz-placeholder { color: #fff; }
#pageContent form label textarea::-moz-placeholder { color: #fff; }
#pageContent form label textarea:-ms-input-placeholder { color: #fff; }
#pageContent form label textarea::-ms-input-placeholder { color: #fff; }
#pageContent form label textarea::input-placeholder { color: #fff; }
#pageContent form label textarea::placeholder { color: #fff; }

#pageContent form label select ~ .icon {
	background: #009;
}

#pageContent form label select:focus ~ .icon {
	background: #009;
}

#pageFooter {
	background: linear-gradient(to bottom, #fff .5em, #009 .5em);
	border-top: #009;
}

#pageMain select option {
	background: #009;
	color: #fff;
}

