/* NOTES
redo colors
*/
/* EMBEDDED FONTS
---------------------------------------------------- */
@font-face {
	font-family: 'Fira Sans';
	src: url('/cca/web.nsf/FiraSans-Regular.woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Fira Sans';
	src: url('/cca/web.nsf/FiraSans-Italic.woff2');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Fira Sans';
	src: url('/cca/web.nsf/FiraSans-Medium.woff2');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Fira Sans';
	src: url('/cca/web.nsf/FiraSans-MediumItalic.woff2');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'Fira Sans';
	src: url('/cca/web.nsf/FiraSans-Light.woff2');
	font-weight: lighter;
	font-style: normal;
}
@font-face {
	font-family: 'Fira Sans';
	src: url('/cca/web.nsf/FiraSans-LightItalic.woff2');
	font-weight: lighter;
	font-style: italic;
}
/* HEADER
---------------------------------------------------- */
#preHeaderContainer {
	background-color: #eee;
	padding: 10px 0px;
}
#preHeader {
	font-size: 12pt;
	line-height: 1.5;
	max-width: 1000px;
	margin: 0px auto; 
	text-align: right;
}
#loginBar {
	display: inline-block;
}
#header {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px
	width: 1000px;
	max-width: 100%;
	margin: 40px auto;
}
#headerLogo {
	width: 200px;
	height: auto;
}
@media (min-device-width:571px) {
#header {
}
#headerLogo {
}
}
@media (max-device-width:570px) {
#header {
}
#headerLogo {
	max-width: 30%;
}
}
/* ALL PAGES
-------------------------------- */
/* HOME PAGE
--------------------------------- */
/* OTHER PAGE LAYOUTS
---------------------------------------------------- */
/* NAVIGATION MENU
---------------------------------------------------- */
/* FOOTER
---------------------------------------------------- */
#footer {
	text-align: center;
	font-size: 12pt;
	line-height: 1.5;
	margin: 40px auto;
	width: 1000px;
	max-width: 100%;
}
/* CONTENT
---------------------------------------------------- */
#content {
	background: #fff;
	color: #25292c;
	margin: 20px auto;
	width: 1000px;
	max-width: 100%;
}
/* PRESENTATION
---------------------------------------------------- */
body {
}
body, td, th {
	font-family: "Fira Sans";
	font-size: 14pt;
	line-height: 1.5;
}
body, form, p {
	margin: 0;
	padding: 0;
}
a {
	color: #004459;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1:not(.sub) {
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #8c4400;
	background-image: url('/cca/web.nsf/files/2560769054/$file/pattern-lines.png');
	background-size: 50%;
	color: #fff;
	font-weight: lighter;
	font-size: 28pt;
	line-height: 1.5;
	margin: 30px 0;
	padding: 10px 150px 10px 20px;
}
h1.sub {
	color: #000;
	font-weight: lighter;
	font-size: 22pt;
	line-height: 1.5;
	margin: 30px 0;
	padding: 10px 20px;
}
h1 + h1.sub {
	margin-top: -30px;
}
/*
h1 {
	background-color: #8c4400;
	color: #fff;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
	font-weight: lighter;
	font-size: 28pt;
	line-height: 1.5;
	margin: 30px 0;
	padding-right: 150px;
	padding: 10px 150px 10px 20px;
	position: relative;
}
h1 > * {
	margin: -10px auto -10px -20px;
	padding: 10px 20px;
}
h1::after {
	content: " ";
	position: absolute;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-image: url('/cca/web.nsf/files/2560769054/$file/pattern-lines.png');
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 150px;
}
h1 > .suffix {
	background-color: #f5de89;
	color: #000;
	margin: -10px -150px -10px auto;
	padding-right: 150px;
	flex-grow: 1;
}
*/
h2 {
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #8cd8fa;
	background-image: url('/cca/web.nsf/files/2560769054/$file/pattern-lines.png');
	background-size: 50%;
	color: #000;
	display: flex;
	font-weight: lighter;
	font-size: 20pt;
	line-height: 1.5;
	margin: 30px 0;
	padding: 10px 150px 10px 20px;
}
h2 > .prefix {
	background-color: #004459;
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	margin: -10px 20px -10px -20px;
}
h3 {
	font-weight: lighter;
	font-size: 20pt;
	line-height: 1.5;
	margin: 30px 0;
}
h4 {
	font-weight: bold;
	font-size: 16pt;
	line-height: 1.5;
	margin: 0px 0px 0.5em 0px;
}
/* IMAGES */
img {
	border: 0 none;
}
/* TABLES */
#content table {
	border-collapse:collapse;
	border-spacing:0px;
}
/*
#content td,
#content th {
	padding:3px 5px;
	vertical-align:top;
}
#content td {
	text-align:left;
}
/* Fix for automatically generated table spacer images from richtext to html conversion. */
#content table img[src="/icons/ecblank.gif"] {
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
}
#content table img[src="/icons/ecblank.gif"]+br {
	display:none;
}
#content table.noPadding {
}
#content table.noPadding td,
#content table.noPadding th {
	margin:0px;
	padding:0px;
}
#content table.noBorders {
	border:0px none;
}
#content table.noBorders td,
#content table.noBorders th {
	border:0px none;
	line-height:140%;
}
#content table.outlineRowsGray {
	border:1px solid #ddd;
}
#content table.outlineRowsGray td,
#content table.outlineRowsGray th {
	border-color:#ddd;
	border-style:solid;
	border-width:1px 0px;
	line-height:140%;
}
#content table.outlineCellsGray {
	border:1px solid #ddd;
}
#content table.outlineCellsGray td,
#content table.outlineCellsGray th {
	border:1px solid #ddd;
	line-height:140%;
}
@media all and (min-width:600px) {
table.noBordersResponsive {
	margin-top: 15px;
	width:100%;
}
table.noBordersResponsive td,
table.noBordersResponsive th {
	font-weight:normal;
	line-height:140%;
	padding:3px 5px;
	text-align:left;
}
}
@media all and (max-width:600px) {
table.noBordersResponsive {
	border:0px none;
	display:block;
	margin:0px;
	padding:0px;
}
table.noBordersResponsive tbody {
	border:0px none;
	display:block;
	margin:0px;
	padding:0px;
}
table.noBordersResponsive tr {
	display:block;
	margin:0px;
	padding:3px 0px;
}
#content table.noBordersResponsive img[src="/icons/ecblank.gif"],
#content table.noBordersResponsive img[src="/icons/ecblank.gif"]+br {
	display:none;
}
table.noBordersResponsive th,
table.noBordersResponsive td {
	border:0px none;
	display:block;
	font-weight:normal;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	text-align:left;
}
}
@media all and (min-width:600px) {
table.outlineRowsGrayResponsive {
	border-collapse:collapse;
	border:1px solid #bbb;
	width:100%;
}
table.outlineRowsGrayResponsive td,
table.outlineRowsGrayResponsive th {
	border-color:#bbb;
	border-style:solid;
	border-width:1px 0px;
	line-height:140%;
	padding:3px 5px;
}
}
@media all and (max-width:600px) {
table.outlineRowsGrayResponsive {
	border:0px none;
	display:block;
	margin:0px;
	padding:0px;
}
table.outlineRowsGrayResponsive tbody {
	border:0px none;
	display:block;
	margin:0px;
	padding:0px;
}
table.outlineRowsGrayResponsive tr {
	border-color:#bbb;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	display:block;
	margin:0px;
	padding:3px 5px;
}
table.outlineRowsGrayResponsive tr:last-child {
	border-bottom:1px solid #bbb;
}
table.outlineRowsGrayResponsive img[src="/icons/ecblank.gif"],
table.outlineRowsGrayResponsive img[src="/icons/ecblank.gif"]+br {
	display:none;
}
table.outlineRowsGrayResponsive th {
	border:0px none;
	display:inline-block;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	width:150px;
}
table.outlineRowsGrayResponsive td {
	border:0px none;
	display:inline-block;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	width:298px;
	width:calc(100% - 154px);
	min-width:298px;
}
}
*/
/* FORMS */
input, 
select, 
option, 
textarea {
	font-family: "Fira Sans";
	font-size: 12pt;
	line-height: 1.5;
}
input,
textarea,
select {
	background: #fff;
	border: none;
	border: 1px solid #a2a6a9;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
	color: #25292c;
	padding: 8px;
	margin: 2px 0;
}
input:not([type]),
input[type="text"],
input[type="password"],
input[type="number"],
textarea {
	width: 450px;
	max-width: 100%;
}
input:hover,
textarea:hover,
select:hover {
	border-color: #999 #bbb #bbb #a2a6a9;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}
textarea {
	height:100px;
}
select {
}
input[type=checkbox],
input[type=radio] {
	border: 0 none;
	width: auto;
	margin-right: 5px;
}
input[type=button],
input[type=submit],
a.button,
span.button {
	animation: .1s ease 1 buttonHoverOut;
	background: #8c4400;
	border: 0 none;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14pt;
	line-height: 1;
	font-weight: bold;
	margin: 5px 0 2px 0;
	padding: 20px 25px;
	text-align: center;
	text-decoration: none;
	vertical-align: bottom;
}
@keyframes buttonHover {
	from {
		background: #555;
	}
	to {
		background: #000;
	}
}
@keyframes buttonHoverOut {
	from {
		background: #000;
	}
	to {
		background: #555;
	}
}
input[type=button]:hover,
input[type=submit]:hover,
a.button:hover,
span.button:hover {
	animation: .1s ease 1 buttonHover;
	background: #000;
	text-decoration: none;	
}
input[type=button]:active,
input[type=submit]:active {
}
a.smallButton,
span.smallButton {
	background: #007208;
	border: 0 none;
	border-radius: 0;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 12pt;
	line-height: 12pt;
	font-weight: normal;
	margin-bottom: 4px;
	padding: 10pt;
	text-align: left;
	width: 200px;
}
a.smallButton:hover,
span.button:hover {
	background: #00BA0A;
	text-decoration: none;
}
textarea:disabled,
select:disabled,
input:disabled {
	background: #e3e6e7;
	color: #888;
}
input[type=button]:disabled,
input[type=submit]:disabled,
a.button:disabled {
	background: #e3e6e7 url('/cca/web.nsf/ajax-loader.gif') calc(100% - 10px) center no-repeat;
	color: #888;
}
/* Success and warning notices from form events */
div.notices {
	background-color: #eee;
	font-size: 14pt;
	font-weight: bold;
	margin: 30px 0px;
	padding:20px;
	font-size: 16pt;
	line-height: 1.5;
}
div.notices span {
	display: inline-block;
}
div.notices span:first-of-type {
	margin: 5px 5px 0px 5px;
}
div.notices span:last-of-type {
	margin:0px 5px 5px 5px;
}
div.notices span:only-of-type {
	margin:5px;
}
div.notices .success,
.success {
	color: #004459;
}
div.notices .warning,
.missing {
	color: #8c4401;
}
label.validationError {
	background-color: #ecae24;
	display: block;
	padding: 5pt;
}
div.validationError {
	background-color: #ecae24;
	padding: 5pt;
}
tr.validationError label {
}
tr.validationError {
	background-color: #ecae24;
}
.validationError input,
.validationError select {
	border-color: #8c4401;
	background-color: #faede1;
}
.validationErrorMessage {
	color:#f00;
	font-weight:bold;
}
/* =====================================================================
      CROSS-WEBSITE MOBILE RESPONSIVENESS
    ===================================================================== */
@media (max-device-width:600px) {
/* KILL ALL SPACER GRAPHICS */
#content table.responsiveFourColumnLayout600 img[src="/icons/ecblank.gif"],
#content table.responsiveFourColumnLayout600 img[src="/icons/ecblank.gif"] + br,
#content table.responsiveFourColumnLayoutSpaced600 img[src="/icons/ecblank.gif"],
#content table.responsiveFourColumnLayoutSpaced600 img[src="/icons/ecblank.gif"] + br,
#content table.responsiveTwoColumnLayout600 img[src="/icons/ecblank.gif"],
#content table.responsiveTwoColumnLayout600 img[src="/icons/ecblank.gif"] + br,
#content table.responsiveFourColumnData img[src="/icons/ecblank.gif"],
#content table.responsiveFourColumnData img[src="/icons/ecblank.gif"] + br {
	display: none;
}
/* RESPONSIVE FOUR COLUMN LAYOUT 600 */
#content table.responsiveFourColumnLayout600 {
}
#content table.responsiveFourColumnLayout600 tr {
	width: 100%;
	position: relative;
}
#content table.responsiveFourColumnLayout600 td {
	display: table-cell;
	float: left;
	width: calc(50%) !important;
	height: 100%;
}
/* RESPONSIVE FOUR COLUMN LAYOUT SPACED 600 */
#content table.responsiveFourColumnLayoutSpaced600 {
}
#content table.responsiveFourColumnLayoutSpaced600 tr {
	width: 100%;
	position: relative;
}
#content table.responsiveFourColumnLayoutSpaced600 td {
	display: table-cell;
	float: left;
	width: calc(50% - 50px) !important;
	height: 100%;
}
#content table.responsiveFourColumnLayoutSpaced600 td:nth-child(1) {
	margin-right: 15px;
	margin-bottom: 15px;
}
#content table.responsiveFourColumnLayoutSpaced600 td:nth-child(2) {
	margin-bottom: 15px;
}
#content table.responsiveFourColumnLayoutSpaced600 td:nth-child(3) {
	clear: left;	
	margin-right: 15px;
}
/* RESPONSIVE TWO COLUMN LAYOUT 600 */
#content table.responsiveTwoColumnLayout600 {
	display: block;
	width: 100% !important;
}
#content table.responsiveTwoColumnLayout600 tr {
	display: inline;
}
#content table.responsiveTwoColumnLayout600 td {
	display: block;
	float: none;
	width: auto !important;
}
/* RESPONSIVE FOUR COLUMN DATA 600 */
#content table.responsiveFourColumnData600 tr + tr {
	border-top: 1px solid #a2a6a9;
	display: block;
}
#content table.responsiveFourColumnData600 td, #content table.responsiveFourColumnData600 th {
	border: 0 none;
	display: block;
	width: 100% !important;
}
}
@media (max-device-width:500px) {
#content table.responsiveThreeColumnData500 tr + tr {
	border-top: 1px solid #a2a6a9;
	display: block;
}
#content table.responsiveThreeColumnData500 td, #content table.responsiveThreeColumnData500 th {
	border: 0 none;
	display: block;
	width: 100% !important;
}
}
@media (max-device-width:400px) {
#content table.responsiveTwoColumnData400 tr + tr {
	border-top: 1px solid #a2a6a9;
	display: block;
}
#content table.responsiveTwoColumnData400 td, #content table.responsiveTwoColumnData400 th {
	border: 0 none;
	display: block;
	width: 100% !important;
}
}
@media (max-device-width:300px) {
#content table.responsiveFourColumnLayoutSpaced600 {
	border-spacing: 0 !important;
	display: block;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
#content table.responsiveFourColumnLayoutSpaced600 tr {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
#content table.responsiveFourColumnLayoutSpaced600 td {
	display: block;
	float: none;
	margin: 0 0 15px 0 !important;
	width: auto !important;
}
#content table.responsiveFourColumnLayout600 {
	display: block;
	width: 100% !important;
}
#content table.responsiveFourColumnLayout600 tr {
	display: inline;
}
#content table.responsiveFourColumnLayout600 td {
	display: block;
	float: none;
	width: auto !important;
}
}
/* RESPONSIVE TWO COLUMN FORM */
/* This style allows for two forms of tabluar HTML to adapt responsively to screen size. */
#content div.responsiveTwoColumnForm,
#content table.responsiveTwoColumnForm {
	width: 100%;
}
#content div.responsiveTwoColumnForm>.row,
#content table.responsiveTwoColumnForm>tbody>tr {
	text-align:left;
}
#content div.responsiveTwoColumnForm>.row {
	padding:3px 0px;
}
#content table.responsiveTwoColumnForm>tbody>tr>td>img[src="/icons/ecblank.gif"],
#content table.responsiveTwoColumnForm>tbody>tr>td>img[src="/icons/ecblank.gif"]+br {
	display:none;
}
#content div.responsiveTwoColumnForm>.row>label,
#content table.responsiveTwoColumnForm>tbody>tr>td:first-child {
	padding-right:20px;
	vertical-align:middle;
	width:130px;
}
#content table.responsiveTwoColumnForm>tbody>tr>td:last-child {
	width:auto;
}
#content div.responsiveTwoColumnForm>.row>label {
	display:inline-block;
}
#content div.responsiveTwoColumnForm>.row>input,
#content .responsiveTwoColumnForm>tbody>tr>td>input {
	vertical-align:middle;
}
@media screen and (min-width: 768px) {
#content table.responsiveTwoColumnForm {
	border-spacing:0px;
}
#content div.responsiveTwoColumnForm>.row>input,
#content table.responsiveTwoColumnForm>tbody>tr>td>input {
	width: 100%;
}
}
@media screen and (max-width: 767.9px) {
#content table.responsiveTwoColumnForm,
#content table.responsiveTwoColumnForm>tbody>tr {
	display:block;
}
#content table.responsiveTwoColumnForm>tbody>tr {
	padding:3px 0px;
}
#content table.responsiveTwoColumnForm>tbody>tr>td {
	display:inline-block;
	padding:0px 5px;
	width:auto;
}
#content div.responsiveTwoColumnForm>.row>input,
#content table.responsiveTwoColumnForm>tbody>tr>td>input {
	width:280px;
}
}
/* What a great idea! */