/*	--------------------------------------
	Page structure and scaffolding
	-------------------------------------- */

	html { height: 100%; }
	body { height: 100%; font-family: Helvetica, Arial, sans-serif; font-size: 12pt; line-height: 1.5em; }

	#pageContainer { min-height: 100%; position: relative; }
	#environmentWarning { background-color: #dfdfdf; color: #aaaaaa; font-family: Helvetica, Arial, sans-serif; font-size: 8pt; font-weight: bold; padding: 1px; }
	#maintenanceWarning { background-color: #F9F2F4; color: #D02572; font-family: Helvetica, Arial, sans-serif; font-size: 10pt; font-weight: normal; padding: 10px; }
	#console { background-color: #aaa; color: #eee; font-family: Helvetica, Arial, sans-serif; font-size: 10pt; font-weight: normal; padding: 10px; }
	#superHeader { padding-top: 5px; padding-bottom: 5px; background-color: #65676a; color: #ffffff; }
	#superHeaderRow { }
	#header { padding-top: 5px; padding-bottom: 5px; background-color: #000000; background-image: url('/resources/img/header_background.jpg'); background-repeat: no-repeat; background-position: center center; }
	#headerRow1 { padding-top: 50px; padding-bottom: 50px; }
	#subheader { padding-top: 15px; padding-bottom: 15px; color: #ffffff; background-color: #1f457a; }
	.subheaderDanger { background-color: #a94442; text-align: center; font-size: 9pt; font-weight: bold; margin-bottom: 15px; }

	#pageContent { margin: 0 auto; padding-top: 25px; padding-bottom: 150px; }
	#footer { color: #ffffff; background-color: #626262; font-size: 10pt; position: absolute; bottom: 0; width: 100%; height: 100px; padding-top: 25px; padding-bottom: 25px; }
		/* to ensure footer remains anchored to bottom of page, footer height (plus top or bottom padding) must always match bottom padding of pageContent */

	#title_1 { font-family: Arial Black, Arial, Verdana, Helvetica, sans-serif; font-size: 20pt; line-height: 1em; text-transform: uppercase; color: #E7E7E8; text-align: right; text-shadow: 2px 2px #000000; }
	#title_2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:  bold; font-size: 12pt; font-style: italic; line-height: 1.25em; color: #EA1C24; text-align: right; text-shadow: 2px 2px #000000; }
	#title_3 { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:  bold; font-size: 12pt; line-height: 1.2em; text-shadow: 2px 2px #000000; color: #E7E7E8; }

	/* large */
		@media (max-width: 1199px) {
			#title_1 { font-size: 20pt; }
			#title_2 { font-size: 12pt; }
			#title_3 { font-size: 12pt; }
		}
	/* small */
		@media (max-width: 770px) {
			#title_1 { text-align: center; }
			#title_2 { text-align: center; }
		}

	#cmsPageBottomNav { margin-top: 15px; }

/*	--------------------------------------
	Headers
	-------------------------------------- */
	
	h1 { font-size: 18pt; margin-top: 0px; margin-bottom: 0px; }
	h2 { font-size: 18pt; margin-top: 0px; margin-bottom: 15px; }
	h3 { font-size: 14pt; margin-top: 25px; margin-bottom: 15px; }
	h4 { font-size: 14pt; }
	h5 { font-size: 12pt; }
	h6 { font-size: 10pt; font-weight: bold; }
	
	.hero { font-size: 38pt; line-height: 1em; }

/*	--------------------------------------
	Forms
	-------------------------------------- */
	
	form { padding: 0; margin: 0; }
	.inputMargins { margin-bottom: 10px; }
	.inputLabel { font-weight: bold; }
	.inputColumnLeft { float: left; width: 20%; margin-right: 5%; }
	.inputColumnRight { float: left; width: 75%; }
	.inputColumnClear { clear: left; }
	
	.multipicker { padding: 4px; border: 1px solid #ddd; overflow: scroll; overflow-x: hidden; }
	.multipickerSelectedValue { font-weight: bold; }
	.multipickerUnselectedValue { font-weight: normal; }

/*	--------------------------------------
	Links
	-------------------------------------- */

	a, a:visited { color: #1f457a; text-decoration: none; }
	a:hover, a:active { color: #87b9ec; text-decoration: underline; }

	a.titleLink, a.titleLink:visited { color: #E7E7E8; text-decoration: none; }
	a.titleLink:hover, a.titleLink:active { color: #eeeeee; text-decoration: none; }

	a.inverse, a.inverse:visited { color: #ffffff; text-decoration: none; }
	a.inverse:hover, a.inverse:active { color: #ffffff; text-decoration: none; }

	a.subtle, a.subtle:visited { color: #c2c2c2; text-decoration: none; }
	a.subtle:hover, a.subtle:active { color: #959595; text-decoration: underline; }

	a.errorMessage, a.errorMessage:visited { color: #ff0000; text-decoration: underline; }
	a.errorMessage:hover, a.errorMessage:active { color: #ff0000; text-decoration: none; }

	a.warningMessage, a.warningMessage:visited { color: #ab8258; text-decoration: underline; }
	a.warningMessage:hover, a.warningMessage:active { color: #ab8258; text-decoration: none; }

	a.footer, a.footer:visited { color: #ffffff; text-decoration: none; }
	a.footer:hover, a.footer:active { color: #eeeeee; text-decoration: underline; }

	#headerRow2 > div > a, #headerRow2 > div > a:visited { color: #D91D24; text-decoration: none; font-weight: bold; }
	#headerRow2 > div > a:hover, #headerRow2 > div > a:active { color: #ffffff; text-decoration: none; font-weight: bold; }

/*	--------------------------------------
	Lists
	-------------------------------------- */

	.hideBullets { list-style-type: none; padding-left: 0px; margin-left: 0px; }