.vaw {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12pt;
	color: #666666;
	line-height: 1.5;
	margin: 0 20px 25px 20px;
}

#header {
  margin: 0;
  padding: 0 0 30px 0;
  background: #8c74b2;

  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

#header .title {
  font-size: 24pt;
  color: white;
  opacity: .7;
  margin: 1em;
}

#icons {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  flex: 0 1 auto;
	margin: 0 40px 0 40px;
}

 /*#icons img {
 NB. must keep margin-bottom: 0 for smooth accordion width: 112px;
  height: 112px;
}*/

#icons ul {
	list-style-type: none;
	padding: 0;
}

#timeline {
	margin-top: 0;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 25px;
}

#timeline .period > h2 {
  font-size: 12pt;
  margin: 10px 0 0 0; /* NB. must keep margin-bottom: 0 for smooth accordion */
  padding: 10px;
  border-radius: 2em;
  border: none;
  text-align: center;
  background: #444;
  color: white;
  cursor: pointer;
}

#timeline .period > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#timeline .period li {
	margin-top: 0;
	margin-right: 0.5em;
	margin-left: .5em;
	margin-bottom: 0;
	padding: 0 0 10px 0;
}

/* NB. must keep margin-bottom: 0 for smooth accordion#timeline .period li:after {
  width: 100px;
  height: 4px;
  background: #9393b8;
  margin: auto;
  display: block;
  content:"";
}*/

#timeline .year {
  font-size: 21pt;
  color: white;

  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: #00A19A;
  border: 4px solid #fff;
  box-shadow: 0 0 0 5px #00A19A;

  display: flex;
  align-items: center;
  justify-content: center;
}

#timeline .banner {
  width:100%;
  height: 40px;
  background: #CFE4E3;
  margin-top: 40px;
  margin-bottom: 40px;

  display: flex;
  align-items: center;
  justify-content: center;
}

#timeline .period h4 {
  font-size: 13pt;
  color: #425280;
  margin-top: 1em;
  margin-bottom: 1em;
}

#timeline em {
  font-style: normal;
  color: #d70b52;
  text-decoration: none;
}

#timeline .period h4 a {
	 color: #425280;
	 text-decoration: none;
}

#timeline .period h4 a:hover {
  color: #d70b52;
}

 #timeline p.link a:before {
  content: url('../vaw_images/link_image31.jpg');
  display: flex;
  float: left;
	color: #FFF;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 10px;

 /*justify-content: center;
*/}

#timeline p.link {
  font-size: 12pt;
  display: flex;
  align-items: center;
 /*
justify-content: center;*/
}

#timeline p.link a {
	color: #968F8D;
	text-decoration: none;
}

#timeline p.link a:hover {
  color: #e94e1b;
  text-decoration: none;
}

#timeline .badges {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin-bottom:10px
}

#timeline .badges img {
  margin: -15px 0 -15px 0;
  width: 112px;
  height: 112px;
}

#timeline #back {
  display: none;
  position: fixed;
  right: 5px;
  top: 5px;
  opacity: .6;
  cursor: pointer;
}

#timeline #back.active {
  display: block;
}

#timeline.accordion > section:nth-child(1) h2 { background: #24A29A; }
#timeline.accordion > section:nth-child(1) .banner { background: #CFE4E3; }
#timeline.accordion > section:nth-child(1) .year { background-color: #24A29A; box-shadow : 0 0 0 5px #24A29A; }
#timeline.accordion > section:nth-child(2) h2 { background: #94C425; }
#timeline.accordion > section:nth-child(2) .banner { background: #e9f2d3; }
#timeline.accordion > section:nth-child(2) .year { background-color: #94C425; box-shadow : 0 0 0 5px #94C425; }
#timeline.accordion > section:nth-child(3) h2 { background: #784E97; }
#timeline.accordion > section:nth-child(3) .banner { background: #e4dceb; }
#timeline.accordion > section:nth-child(3) .year { background-color: #784E97; box-shadow : 0 0 0 5px #784E97; }
#timeline.accordion > section:nth-child(4) h2 { background: #878786; }
#timeline.accordion > section:nth-child(4) .banner { background: #e7e7e7; }
#timeline.accordion > section:nth-child(4) .year { background-color: #878786; box-shadow : 0 0 0 5px #878786; }
#timeline.accordion > section:nth-child(5) h2 { background: #CF0054; }
#timeline.accordion > section:nth-child(5) .banner { background: #f9e9ef; }
#timeline.accordion > section:nth-child(5) .year { background-color: #CF0054; box-shadow : 0 0 0 5px #CF0054; }
#timeline.accordion > section:nth-child(6) h2 { background: #F7931E; }
#timeline.accordion > section:nth-child(6) .banner { background: #fde9d2; }
#timeline.accordion > section:nth-child(6) .year { background-color: #F7931E; box-shadow : 0 0 0 5px #F7931E; }


.img_left {
	float: left;
	border: 0px;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.img_right {
	float: right;
	border: 0px;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.img_left_key {
	float: left;
	border: 0px;
	color: #FFF;
	width: 28px;
	height: 22px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}