.list-alumni-groups {
	margin-bottom: 20px;
}
.list-alumni-groups > li > a {
	padding: 12px 30px; border-radius: 1px; font-size: 1.1em; display: block;
}
.list-alumni-groups > li > a:focus {
	color: rgb(255, 255, 255); background-color: rgb(181, 181, 181);
}
.list-alumni-groups > li > a:active {
	color: rgb(255, 255, 255); background-color: rgb(181, 181, 181);
}
.list-alumni-groups > li > a:hover {
	color: rgb(255, 255, 255); background-color: rgb(181, 181, 181);
}
.list-alumni-groups > li.active > a {
	color: rgb(255, 255, 255); background-color: rgb(181, 181, 181);
}
.box-alumni {
	height: 200px; color: rgb(255, 255, 255); margin-bottom: 30px;
}
.box-alumni.gray {
	background-color: rgb(43, 43, 43);
}
.box-alumni.yellow {
	background-color: rgb(241, 184, 57);
}
.box-alumni .profile {
	width: 50%; height: 100%;
}
.box-alumni .detail {
	padding: 2em 1.4em 1.4em; width: 50%; height: 200px; overflow: hidden;
}
.box-alumni .detail > .name {
	font-size: 1.3em; margin-bottom: 6px;
}
.box-alumni .detail > .position {
	font-family: "karnvaylalight"; margin-bottom: 3px;
}
.box-alumni .detail > .occupation {
	color: rgb(167, 167, 167); line-height: 1.6em; font-family: "karnvaylalight";
}
.box-alumni.yellow .detail > .occupation {
	color: rgb(234, 234, 234);
}
.box-alumni .profile.pull-right {
	margin-right: -1px;
}
.box-alumni .profile.pull-left > .arrow-profile {
	top: 26%; right: -12px; font-size: 8em; float: right; position: absolute;
}
.box-alumni .profile.pull-right > .arrow-profile {
	left: -12px; top: 26%; font-size: 8em; float: left; position: absolute;
}
.arrow-profile.gray {
	color: rgb(43, 43, 43);
}
.arrow-profile.yellow {
	color: rgb(241, 184, 57);
}