html,body,form {height:100%;width:100%;border:0px;}

html,body,form,p {margin:0px auto;padding:0px;}

#MAIN_CONTAINER {}

	.MAIN_HEADER_LOGIN {
		background-image: url(../images/header-splash.jpg);
		height: 270px;
		letter-spacing: 0.03em;
		position: relative;
		background-size: cover;
		background-position: 0% 100%;}

		.MAIN_HEADER_LOGIN .HEADER_TITLE {display: block;
			height: 154px;
			width: 85%;
			padding: 20px 0px;
			margin: auto;
			display: flex;}

			.MAIN_HEADER_LOGIN .HEADER_TITLE .LOGO {height:100%;}

			.MAIN_HEADER_LOGIN .HEADER_TITLE .TITLE {
				height:100%-79px;
				padding-top:79px;
				width:100%;}

			.MAIN_HEADER_LOGIN .SUBMAIN {position: absolute;
				bottom: 0;
				width: 100%;
				padding: 11px 0;}

				.MAIN_HEADER_LOGIN .SUBMAIN .SUBTITLE {
					width: 100%;
					text-align:center;
					margin: 0 auto;
					display: block;
					white-space: nowrap;}


	.MAIN_HEADER {
		height: 130px;
		letter-spacing: 0.03em;
		position: relative;}

		.MAIN_HEADER .HEADER_TITLE {display: block;
			height: 130px;
			width: 85%;
			padding: 0px 0px;
			margin: auto;
			display: flex;}

			.MAIN_HEADER .HEADER_TITLE .LOGO {height:100%;}

			.MAIN_HEADER .HEADER_TITLE .TITLE {
				height:100%-79px;
				padding-top:39px;
				padding-left:39px;
				width:80%;}

			.MAIN_HEADER .SUBMAIN {
				width: 100%;
				padding: 0px;}

				.MAIN_HEADER .SUBMAIN .SUBTITLE {
					width: 100%;
					text-align:center;
					margin: 0 auto;
					display: block;
					white-space: nowrap;}

	#MAIN_CONTENT {
		width: 83.3333333333%;
		margin: 0 auto;
		margin-bottom: 30px;
		padding:0px;}

		#MAIN_CONTENT .content {
			width:96%;
			margin:0px;
			}




	#MAIN_CONTENT_LOGIN {
		width: 83.3333333333%;
		margin: 0 auto;
		margin-bottom: 30px;
		padding:0px;}

		#MAIN_CONTENT_LOGIN .content {width:83.3%;
			margin-left:8.33%;}

			.flex {display: flex;}
			
			.flex div {
				flex-basis: 70%;
				padding:10px;}	
			
			.login_box {text-align:center;}
			.key_messages {text-align:left;}
			
			h1 {
				margin-top: 12.5px;
				margin-bottom: 12.5px;}

			#login_form {}
			#login_buttons {}

				.form-group {margin-bottom: 0px;}

				.form-group label {
					display: inline-block;
					max-width: 100%;
					margin-bottom: 5px;}

				.form-group input {
					width: 100%;
					height: 39px;
					padding: 6px 12px;}

				.TEXTBOX {
					padding: 0.3em 0.5em;
					display: inline-block;
					vertical-align: middle;
					max-width: 400px;}


				#ERROR_MESSAGE p {}
				
				.LOG_ERR {
					text-align:center;
					display:block;
					padding:10px;}
				
				.EMAIL,
				.PASSW {
					display: block;
					width: 428px;
					margin: 0px auto;
					text-align:left;}



				.BUTTON	{display: inline-block;
					margin-bottom: 0;
					text-align: center;
					vertical-align: middle;
					cursor: pointer;
					white-space: nowrap;
					padding: 6px 12px;
					border-radius: 4px;}
					
				.DIR_NAV {width:100%;}
				
				.forgot {
					width:55%;
					display:inline-block;
					text-align:left;}
				
			.information {
				display:inline-block;
				width:100%;
				padding-top:10px;
				text-align:center;}
					
	.FOOTER {width:100%;
		text-align:center;
		margin: 0px auto;
		padding-top: 3%;
		text-align: center;}

	.FOOTER img {
		vertical-align: middle;
		border:0;}
		
	.DIR_FOOTER {width:100%;
		text-align:center;
		margin: 0px auto;
		padding-top: 3%;
		text-align: center;}