﻿/*For Use with Forms and Guides pages.  Resources/Payroll Deductions Pages use a separate stylesheet*/
		header{
			color: #00467F;
			font-family: 'verdana';
			font-weight: bold;
			font-size: 24pt;
			text-align: center;
			background-color: #FFFFFF;
			max-width: 1024px;
			margin: 0px;
			padding-top: 20px;
			padding-bottom: 20px;
		}
		/*unvisited link*/
		a:link {
			color: #337AB7;
			text-decoration: none;
		}
		/*visited link*/
		a:visited {
			color:#337AB7;	
		}
		/*mouse over link*/
		a:hover {
			text-decoration-line: underline;
			color: #569FD3;
		}
		/*selected link*/
		a:active {
			color: blueviolet;
		}
		body{
			color: #000000;
			font-family: 'Verdana';
			list-style-position:  outside;
			list-style-type: circle;
			text-align: left;
			max-width: 1024px;
		}
		img{
			padding-right: 15px;
			float: left;
		}
		#content{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			grid-auto-rows: minmax(15px, auto);
			grid-template-areas:
				"first"
				"second"
				"third"
				"fourth"
				"fifth"
				"sixth"
				"seventh"
				"eighth"
				"ninth"
				"tenth"
				"eleventh"
				"twelfth"
				"thirteenth"
				"fourteenth"
				"fifteenth";
			max-width: 1024px;
			margin: 30px;
		}
		@media screen and (min-width: 760px){
		#content{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-auto-rows: minmax(15px, auto);
			grid-column-gap: 40px;
			grid-template-areas:
				"first second"
				"first second"
				"third fourth"
				"third fourth"
				"fifth sixth"
				"fifth sixth"
				"seventh eighth"
				"seventh eighth"
				"ninth tenth"
				"ninth tenth"
				"eleventh twelfth"
				"eleventh twelfth"
				"thirteenth fourteenth"
				"thirteenth fourteenth"
				"fifteenth sixteenth"
				"fifteenth sixteenth";
			max-width: 1024px;
			margin: 30px;
		}
		}
		#content div{
			/*font-size: 12pt;*/
			padding: 10px;
			/*margin: 20px;*/
		}
		#content div:nth-child(odd){
			background: #FFFFFF;
			text-align: center;
			padding-right: 20px;
			color: #337AB7;
			font-size: 16pt;
			font-weight: bold;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
			border: 1px solid #00467F;
		}
		#content div:nth-child(even){
			background: #FFFFFF;
			color: #337AB7;
			font-size: 12pt;
			line-height: 1.5;
			margin-bottom: 20px;
			border-bottom-left-radius: 0px;
			border-bottom-right-radius: 0px;
			border: 1px solid #00467F;
		}
		
		first{
			grid-area: first;
		}
		second{
			grid-area: second;
		}
		third{
			grid-area: third;
		}
		fourth{
			grid-area: fourth;
		}
		fifth{
			grid-area: fifth;
		}
		sixth{
			grid-area: sixth;
		}
		seventh{
			grid-area: seventh;
		}
		eighth{
			grid-area: eighth;
		}
		ninth{
			grid-area: ninth;
		}
		tenth{
			grid-area: tenth
		}
		eleventh{
			grid-area: eleventh;
		}
		twelfth{
			grid-area: twelfth;
		}
		thirteenth{
			grid-area: thirteenth;
		}
		fourteenth{
			grid-area: fourteenth
		}
		fifteenth{
			grid-area: fifteenth
		}


		.one{
			grid-column: 1;
			grid-row: 1;
		}
		.two{
			grid-column: 1;
			grid-row: 2;
		}
		.three{
			grid-column:2;
			grid-row: 1;
		}
		.four{
			grid-column: 2;
			grid-row: 2;
		}
		.five{
			grid-column: 1;
			grid-row: 3;
		}
		.six{
			grid-column: 1;
			grid-row: 4;
		}
		.seven{
			grid-column:2;
			grid-row: 3;
		}
		.eight{
			grid-column: 2;
			grid-row: 4;
		}
		.nine{
			grid-column: 1;
			grid-row: 5;
		}
		.ten{
			grid-column: 1;
			grid-row: 6;
		}
		.eleven{
			grid-column: 2;
			grid-row: 5;
		}
		.twelve{
			grid-column: 2;
			grid-row: 6;
		}
		.thirteen{
			grid-column: 1;
			grid-row: 7;
		}
		.fourteen{
			grid-column: 1;
			grid-row: 8;
		}
		.fifteen{
			grid-column: 2;
			grid-row: 7;
		}
		.sixteen{
			grid-column: 2;
			grid-row: 8;
		}
		.seventeen{
			grid-column: 1;
			grid-row: 9;
		}
		.eighteen{
			grid-column: 1;
			grid-row: 10;
		}
		.nineteen{
			grid-column: 2;
			grid-row: 9;
		}
		.twenty{
			grid-column: 2;
			grid-row: 10;
		}
		.twentyone{
			grid-column: 1;
			grid-row: 11;
		}
		.twentytwo{
			grid-column: 1;
			grid-row: 12;
		}
		.twentythree{
			grid-column: 2;
			grid-row: 11;
		}
		.twentyfour{
			grid-column: 2;
			grid-row: 12;
		}
		.twentyfive{
			grid-column: 1;
			grid-row: 13;
		}
		.twentysix{
			grid-column: 1;
			grid-row: 14;
		}
		.twentyseven{
			grid-column: 2;
			grid-row: 13;
		}
		.twentyeight{
			grid-column: 2;
			grid-row: 14;
		}
		.twentynine{
			grid-column: 1;
			grid-row: 15;
		}
		.thirty{
			grid-column: 1;
			grid-row: 16;
		}

