/* WLDN LAYOUT =============================================================================  */



/* header ========================  */
#header {
	border: 0px solid red;
}

#header .image {
    background-repeat: no-repeat;
    background-image: url(../img/bannerMap.svg);
    width: 540px;
    float: right;
}

.text h1 {
    text-align: center;
    color: #000;
}

.text{
	clear: both;
	width: 80%; 
	margin: 0 auto;
			}


.image, 
.text {
    display: inline-block;
    vertical-align: bottom;
}




.slide-right, .slide-left {
  width: 100%;	 
}


/***** Slide Right *****/
.slide-right {
  animation: 3s slide-right;
}
@keyframes slide-right {
  from {
    margin-left: -100%;
  }
  to {
    margin-left: 0%;
  }
}

/***** Slide Left *****/
.slide-left {
  animation: 4s slide-left;
}
@keyframes slide-left {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 0%;
  }
}
/* end of header ========================  */


/* BASIC PAGE SETUP ============================================================================= */


body {
	margin: 0 auto;
	padding: 0;
	font: 100% 'Open Sans';
	color: #000;
	text-align: center;
	background-color: #FFF;
	background-position: left top;
}

input, 
select, 
textarea { 
font-family : 'Open Sans'; 
color: #333; }

/*  HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
margin-top: 10px;
font-weight:300;
}

h1 {
	font-family: 'Open Sans Semibold';
	color: #d14949;
	margin-bottom : 0.2em;
	font-size : 2em;
	line-height : 1.4;
	font-weight: 600;
	text-align: left;
}

h2 {
	color: #d14949;
	margin-bottom: .5em;
	margin-top: .5em;
	font-size: 1.5em; /* 40 / 16 */
	line-height: 1.2;
	font-weight: 400;
}

h3 {
	color: #333;
	margin-bottom: 0.3em;
	font-size: 1.17em; /* 28 / 16 */
	line-height: 1.3;
	font-weight: normal;
}


h4 { 
color: #444;
margin-bottom: 0.5em;
font-size: 1em; /* 24 / 16  */
line-height: 1.25; }

h5 { 
color: #555;
margin-bottom: 1.25em;
font-size: 1em; /* 20 / 16 */ }

h6 { 
color: #666;
font-size: 1em; /* 16 / 16  */ }

/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address { 
margin-bottom: 1.5em; 
font-size: 1.2rem; /* 16 / 16 = 1 */ 
}

p {
	hyphens: auto;
	line-height: 1.2;
}


p, p.introtext {
	font-family: "Open Sans";
	font-size: 1.2rem;
	color: #333;
	line-height: 1.4;
	margin-bottom: 0.5em;
	text-align: left;
  }


p.center {
text-align: center;
}

ul, 
ol { 
margin: 0 0 1.5em 0; 
padding: 0 0 0 24px; }

li ul, 
li ol { 
margin: 0;
font-size: 1em; /* 16 / 16 = 1 */ }

dl, 
dd { 
margin-bottom: 1.5em; }

dt { 
font-weight: normal; }

b, strong { 
font-weight: bold; }

hr { 
display: block; 
margin: 1em 0; 
padding: 0;
height: 1px; 
border: 0; 
border-top: 1px solid #ccc;
}

small { 
font-size: 1em; /* 16 / 16 = 1 */ }

    .updated {
	color: #88B036;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15px;
	font-family: Roboto;
	text-transform: uppercase;
	text-align: left;
}
p .required {
	color: #F00;
}


/* TO SEARCH PAGE NOTE */

#wrapper #maincontentcontainer .lightcontainer .maincontent.intro-atoz .tosearch {
	font-weight: bold;
	margin-top: 10pt;
	margin-bottom: 0px;
	text-align: center;
}


#wrapper .emptycontainer .maincontent .tosearch {
	font-weight: bold;
	margin-top: 10pt;
	margin-bottom: 0px;
	text-align: center;
}

/* END OF TO SEARCH PAGE NOTE */

/* LINKS =============================================================================  */

a { 
color: #0099FF;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}

a:visited { 
color: #0099FF; }

a:focus { 
color: rgb(0,0,0); }

a:hover, 
a:active {
	outline: 0;
	color: #666666;
	transition: color .5s;
}


footer a { 
color: #ffffff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

footer a:visited { 
color: #fff; }

footer a:focus { 
color: rgb(0,0,0); }

footer a:hover, 
footer a:active { 
outline: 0;
color: #fff;
}

/* IMAGES ============================================================================= */

img {
border: 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

img.floatleft { float: left; margin: 0 1em 0 0; }
img.floatright { float: right; margin: 0 0 0 1em; }


img.circular { border-radius: 50%; }


.intro img { margin:10px 8px 0 0 ; }

/* TABLES ============================================================================= */

table { 
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 1.4em; 
width: 100%; }

th, td, caption { 
padding: .25em 10px .25em 5px; }

tfoot { 
font-style: italic; }

caption { 
background-color: transparent; }



/*  MAIN LAYOUT	============================================================================= */

#skiptomain { display: none; }

/* WLDN logo */
#wrapper #headcontainer .logo {
	margin-top: 0px;
	margin-left: 10px;
}

/* End of WLDN logo */



		
#wrapper {
	position: relative;
	text-align: left;
	margin-top: 0px;
}

	#headcontainer {
	width: 100%;
	background-image: url(../img/bannerMap24.png);
	background-repeat: no-repeat;
	background-color: #FFF;
	background-position: right;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FF8000;
	margin: 0px;
	padding: 0px;
	height: 210px;
	}

	#wrapper #headcontainer img {
	margin-top: 18pt;
	margin-left: 5px;
}

	header {
	clear: both;
	width: 90%; /* 1000px / 1250px */
	font-size: 0.8125em; /* 13 / 16 */
	max-width: 760px;
	position: relative;
	color: #000;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
		}

   	header h2 { margin:0 0 1em 0;  font-weight:300; }
			

	#topcontentcontainer {
		width: 100%;
	}

		.lightcontainer {
			background: rgba(255, 255, 255, 0.33);
		}

		.emptycontainer {
			background: rgba(255, 255, 255, 0.33);
		}

		
			#maincontent{
				clear: both;
				width: 90%; /* 1000px / 1250px */
				max-width: 1600px;
				font-size: 0.8125em; /* 13 / 16 */
				max-width: 92.3em; /* 1200px / 13 */
				margin: 0 auto;
				padding: 1em 0px;
				color: #333;
				line-height: 1.5em;
				position: relative;
			}
		
			.maincontent{
	clear: both;
	width: 80%; /* 1000px / 1250px */
	font-size: 0.8125em; /* 13 / 16 */
	max-width: 92.3em; /* 1200px / 13 */
	margin: 0 auto;
	padding: 1em 0px;
	color: #333;
	line-height: 1.5em;
	position: relative;
			}

	#footercontainer {
	width: 100%;
	border-top: 1px solid #FF8000;
	background-color: #d14949;
	}
	
		footer {
	clear: both;
	width: 80%; /* 1000px / 1250px */
	font-size: 0.8125em; /* 13 / 16 */
	max-width: 92.3em; /* 1200px / 13 */
	margin: 0 auto;
	padding: 20px 0px 10px 0px;
	color: #FFF;
		}

	footer strong {
		font-size: 1.077em; /* 14 / 13 */
		color: #aaa;
		}


		footer a:link, footer a:visited { color: #999; text-decoration: underline; }
		footer a:hover { color: #fff; text-decoration: underline; }
		
		footer a:link.button {text-decoration: none;}

#wrapper #footercontainer footer .section.group #smallprint p {
				text-align: center;
				color: #999;
				font-size: 0.923em; /* 12 / 13 */
			}

#wrapper #footercontainer footer .section.group #smallprint p {
	vertical-align: middle;
	color: #FFF;
			}

			#smallprint a:link, #smallprint a:visited { color: #999; text-decoration: none; }
			#smallprint a:hover { color: #999; text-decoration: underline; }


/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  DIVIDE AND CONQUER  ============================================================================= */

#divideandconquer .span_1_of_4:nth-child(4n+1) { clear:left; margin-left: 0; }



/*  BACK TO TOP  ============================================================================= */

.back-to-top-wrapper{-webkit-transform:translateY(150px);transform:translateY(150px)}
.back-to-top-wrapper:hover a{-webkit-transform:rotate(0);transform:rotate(0)}
.back-to-top-wrapper:hover::before{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}

.back-to-top-wrapper{display:none}a.back-to-top{display:block;background:0 0;width:50px;height:50px;opacity:.7;text-shadow:none;border-radius:11px;padding:13px;-webkit-transform-origin:bottom left;transform-origin:bottom left;will-change:transform;-webkit-transform:rotate(-11deg);transform:rotate(-11deg);-webkit-transition:background-color .1s ease-out,opacity .1s ease-out,-webkit-transform .2s ease-out;transition:background-color .1s ease-out,opacity .1s ease-out,-webkit-transform .2s ease-out;transition:background-color .1s ease-out,transform .2s ease-out,opacity .1s ease-out;transition:background-color .1s ease-out,transform .2s ease-out,opacity .1s ease-out,-webkit-transform .2s ease-out;background-color:#666}@media all and (max-width:64em){a.back-to-top{opacity:.3}}a.back-to-top:focus,a.back-to-top:hover{background-color:#282634;opacity:1}a.back-to-top svg{display:block}.back-to-top-wrapper{width:50px;height:50px;display:none;position:fixed;bottom:20px;right:20px;z-index:9}.back-to-top-wrapper::before{display:block;content:'';height:90%;width:160%;position:absolute;background-image:url(/images/shadow.png);background-size:100%;background-repeat:no-repeat;top:89%;left:-30%;right:0;-webkit-transition:all .1s ease-out;transition:all .1s ease-out;-webkit-transform-origin:30% 50%;transform-origin:30% 50%;pointer-events:none}@media(min-height:600px){.back-to-top-wrapper{display:block}}

/* MEDIA ============================================================================= */


/* Show in Large desktops and laptops */
@media (min-width: 1200px) {

	#headcontainer {
	width: 100%;
	background-image: url(../img/bannerMapfaded75.png);
	}

}

/*Hide in Other Small Devices */


/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {



}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

	#headcontainer {
	width: 100%;
	background-image: url(../img/bannerMapfaded75.png);
	}
	
	.text{width: 100%;} 	
	
	
	#wrapper #headcontainer img {
	margin-top: 50pt;
}


}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

	#headcontainer {
	width: 100%;
	background-image: url(../img/bannerMapfaded75.png);
	}
	
	.text{width: 100%;} 

h1 {
	font-size: 2em;
}

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

	.text{width: 100%;} 
	
	#headcontainer {
	width: 100%;
	background-image: url(../img/bannerMapfaded75.png);
	}
	

         
	#wrapper #headcontainer img {
	margin-top: 75pt;
	margin-left: 1px;
}

h1, h2, h3 {
	font-size: 1.5em;
}

p {
	font-size: 1em;
}

ul, li { 
margin: 0;
font-size: 16px; 
}

}