/*ACCORDION*/
div.accordion {
  width: 100%;
}
.twitter {
	display: block;
	color: #06C;

	text-decoration: none;
	background-color: #FFFFFF;
	border-bottom: 1px solid #fff;
	cursor: pointer;
	position: relative;

	text-align: center;
	padding-top: 20px;
	padding-right: 12px;
	padding-bottom: 20px;
	padding-left: 12px;
}

.toggle {
	display: block;
	color: #06C;

	text-decoration: none;
	background-color: #FFFFFF;
	border-bottom: 1px solid #fff;
	cursor: pointer;
	position: relative;

	text-align: center;
	padding-top: 20px;
	padding-right: 12px;
	padding-bottom: 20px;
	padding-left: 12px;
}
div.accordion > ul > li > a {
	display: block;
	color: #fff;

	text-decoration: none;
	background-color: #142C8F;
	border-bottom: 1px solid #000000;
	cursor: pointer;
	position: relative;

	text-align: center;
	margin-top: 5px;
	padding-top: 20px;
	padding-right: 12px;
	padding-bottom: 20px;
	padding-left: 12px;

}
div.accordion > ul > li > a:hover{
	display: block;
	color: #fff;

	text-decoration: none;
	background-color: #142C8F;
	border-bottom: 1px solid #000000;
	cursor: pointer;
	position: relative;

	text-align: center;
	margin-top: 5px;
	padding-top: 20px;
	padding-right: 12px;
	padding-bottom: 20px;
	padding-left: 12px;

}

div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{

  position: absolute;
  right: 12px;
  top: 16px;
  color: #2f7f99;
}
div.accordion > ul > li > a:after{
  content: "▼";
}
div.accordion > ul > li > a.active:after{
  content: "▲";
}
div.accordion > ul > li > ul {
  display: none;
}