@font-face {
	  font-family: 'Futura-Book';
	  src: url('https://www.alliancefordialogueandunderstanding.org/Futura-Book.woff') format('woff');
	  font-weight: 500;
	  font-style: normal;
	  font-display: swap;
	}
	
@font-face {
	  font-family: 'Futura';
	  src: url('https://www.alliancefordialogueandunderstanding.org/Futura-Medium.woff') format('woff');
	  font-weight: 500;
      font-style: normal;
      font-display: swap;
	}

@font-face {
	  font-family: 'Futura-Condensed';
	  src: url('https://www.alliancefordialogueandunderstanding.org/Futura-CondensedMedium.woff') format('woff');
      font-style: normal;
      font-display: swap;
	}
	
* {  font-family: 'Futura-Book'; }

body { margin: 0pt;
padding: 0pt;
font-family: 'Futura-Book';
}

a { text-decoration: underline;
color: rgb(0, 51, 51);
}

a:hover { font-weight: inherit;
text-decoration: underline;
color: rgb(51, 102, 102);
}

#top { 
position: sticky;
z-index: 99;

margin: 0px;
padding: 0px 10px;
left: 0px;
right: 0px;
bottom: 0px;
top: 0px;
height: 90px;

background: rgb(72, 170, 215) url("banner-top-background.png") repeat scroll 0% 50%;
color: rgb(0, 0, 0);
}

#underbanner { 
	position: sticky;
	z-index: 99;
	
	margin: 0px;
	padding: 10px 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 90px;
	color: rgb(0, 0, 0);
	height: 22px;
	
	background: rgb(255, 255, 255);
	text-align: center;
	}
	
#underbanner a {text-decoration: none; }

#underbanner a {
	  background-image: linear-gradient(
		to right,
		#1c207a,
		#1c207a 50%,
		#000 50%
	  );
	  background-size: 200% 100%;
	  background-position: -100%;
	  display: inline-block;
	  padding: 5px 0;
	  position: relative;
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  transition: all 0.3s ease-in-out;
	}
	
	#underbanner a:before {
	  content: '';
	  background: #0c106a;
	  display: block;
	  position: absolute;
	  bottom: -3px;
	  left: 0;
	  width: 0;
	  height: 3px;
	  transition: all 0.3s ease-in-out;
	}
	
	#underbanner a:hover {
	 background-position: 0;
	}
	
	#underbanner a:hover::before {
	  width:100%;
	}
	

#top h1 { font-weight: normal;
font-size: 35px;
margin-left: 2%;
font-family: 'Futura-Book', arial,verdana,sans-serif;
margin-top: 30px;
}

a img { border: 0px;
}


#left { margin: 0px;
padding: 10px 0px 0px 10px;
position: absolute;
background-color: rgb(204, 255, 255);
width: 175px;
left: 0px;
bottom: 0px;
right: 0px;
font-size: 13px;
color: rgb(0, 0, 0);
top: 90px;
background-image: url(side1.png); /*unused*/
}

#left h1, #right h1 { border-bottom: 1px solid rgb(196, 196, 196);
font-size: 15px;
font-family: 'Futura-Book'; 
padding-top: 0px;
}

#left h2, #right h2 { border-bottom: 1px solid rgb(196, 196, 196);
font-size: 15px;
font-family: 'Futura-Book';
padding-top: 0px;
color: rgb(0, 0, 0);
}

#left p { font-size: 10px;
padding-bottom: 10px;
margin-top: -3px ! important;
color: rgb(0, 0, 0);
}

#center { margin: 0px;
padding: 3px 45px;
background-color: rgb(255,255,255);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 50%;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
font-size: 16px;
color: rgb(0, 0, 0);
}

#center p, p { color: rgb(0, 0, 0);
font-size: 16px;
}

#center h1 { 
font-size: 44px;
font-family: 'Futura-Condensed';
font-stretch: condensed;
font-width: condensed;
margin-top: 16px;
}

#center h2 { font-size: 13px;
font-style: italic;
font-weight: normal;
}

#center h3 { margin-top: 13px;
font-weight: bold;
font-size: 17px;
font-family: 'Futura-Book';
}

.delineation {
	font-family: 'Futura';
}

#right { position: absolute;
font-size: 13px;
padding-left: 10px;
width: 175px;
padding-top: 10px;
margin-right: 10px;
right: 0px;
top: 90px;
color: rgb(0, 0, 0);
margin-top: 0px;
}

#right h1, #right h1 { border-bottom: 1px solid rgb(196, 196, 196);
font-size: 15px;
font-family: 'Futura';
font-stretch: condensed; 
font-weight: normal;
color: rgb(0, 0, 0);
padding-top: 1px;
}

#right p { font-size: 13px;
padding-bottom: 10px;
margin-top: -3px ! important;
color: rgb(0, 0, 0);
}

#footer { margin: 20px 20px 20px 10px;
background: rgb(255, 255, 255) none repeat scroll 0% 50%;
text-align: center;
}

#footer p { 
font-family: 'Futura';
font-size: 10px !important;
color: rgb(204, 204, 204);
}

div > p { margin-top: 0pt;
}

.title {
font-weight: bold;
margin-bottom: 1px;
font-size: 14px !important;
color: #263e70 !important;
font-family: 'Futura-Book';
}