/* CSS Document */

* { 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	}

body,
html {
	height: 100%;
	margin: 0px;

	}







/* ........... SITE ARCHITECTURE ............*/



.Band {
	width: 100%;
	float: left;
	}


.ContentWidth {
	position: relative;
	max-width: 90em;
	margin-left: auto;
	margin-right: auto;
	padding-left: .5em;
	padding-right: .5em;
	padding-top: 6em;  /* This makes room for section's icon */
	}
	@media (min-width: 480px){
		.ContentWidth {
			padding-left: 2em;
			padding-right: 2em;
			}
			}
	
.ContentWidth.Stack {	
	padding-top: 0;  /* Ovberride top margin */
	}


.Documents #OnThisPage {
 border-bottom: solid 2px #939598;
}


#OnThisPage .ContentWidth {
	padding-top: 0;  /* Ovberride top margin */
	}


#OnThisPage .Article {
	margin-top: 1em;
	margin-bottom: 4em;
	}



.Band#OnThisPage nav {
	padding-bottom: 1em;
    }

    section .Band {
        padding-top: 3em;
        padding-bottom: 5em;
        background-position: center 5em;
        background-size: 4em;
        background-repeat: no-repeat;
 		background-color: white;
		}

	section:nth-child(even) .Band {
		background-color: #EEEEEE;
		}
	
	section .Last {
		padding-bottom: 10em;
		}	
		
		
		
		
		
	.Band.Nav {
		background-color: #000;
		padding: 0;
		border: none;
		}
	
	.Band.Fill {
		padding-top: 0;
		padding-bottom: 0;
		border-bottom: none;
		}
	.Band.SubHead {
		padding-top: 1em;
		padding-bottom: 1em;
		}	
	.Band.Head {
		padding-top: 3em;
		padding-bottom: 2em;
		background-color: none;
		background-position: -90em top;
		background-repeat: repeat;
		z-index: 1;
		}
		@media (max-width: 30em) {
		.Band.Head {
			padding-top: 2em;
			padding-bottom: 0em;
			}
			}
	

		
		
		.Band.Head.AFY {
			background-image: url(skin/head.png);
			}
		
		.Band.Head.Yellow {
			background-image: url(skin/head-yellow.png)
			}
		.Band.Head.IMG {
			height: 30em;
			background-size: 100%;
			background-repeat: no-repeat;
			background-position: center bottom;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			}
		.Band.Head.IMG h1{
		padding-top: 2em;
		text-align: center;
		font-size: 5em;
			}
	
		

	.main_h .ContentWidth {
		padding-top: 0;
		}
		
		
/* ........... Bottom Wave ............*/





#ContactInfo::Before{
    content:"";
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    background-image: url(../images/wave_full.svg);
	background-repeat: no-repeat;
    background-size: 100%, auto;
    background-position: center bottom;

	top: -45px;
	height: 60px;
    }
	
	@media (min-width: 480px) {
		#ContactInfo::Before{
			top: -60px;
			height: 80px;
			}
			}

	@media (min-width: 720px) {
		#ContactInfo::Before{
			top: -90px;
			height: 120px;
			}	
			}

	@media (min-width: 1024px) {
		#ContactInfo::Before{
			top: -110px;
			height: 150px;
			}
			}

	@media (min-width: 1280px) {
		#ContactInfo::Before{
			top: -140px;
			height: 190px;
			}
		.Last .ContentWidth {
			padding-bottom:25px;
			}
			}
		
	@media (min-width: 1600px) {
		#ContactInfo::Before{
			top: -175px;
			height: 230px;
			}
		.Last .ContentWidth {
			padding-bottom:50px;
			}
			}
			
	@media (min-width: 1920px) {
		#ContactInfo::Before{
			top: -200px;
			height: 275px;
			}
		.Last .ContentWidth {
			padding-bottom:75px;
			}
			}	
	@media (min-width: 2400px) {
		#ContactInfo::Before{
			top: -250px;
			height: 340px;
			}
		.Last .ContentWidth {
			padding-bottom:100px;
			}
			}