/* HOME - Get Involved */
.bro_get_involved {
	background-color: #f5f5f5;
	max-width: 980px;
	margin: 0px auto;
	padding: 10px;
}
.tbl_get_involved {
	border: 0px;
	width: 90%;
	color: #95989a;
	font-size: 14px;
	margin: 30px auto;
}
.tbl_get_involved td {
	vertical-align: middle;
}
.td_icon {
	width: 70px;
	text-align: center;
}


/* CONTENT TABLES */
.bro_table {
	width: 90%;
  margin: 0px auto;
}
.bro_table th {
  background-color: #eaeaea;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  padding: 5px;"
}
.bro_table td {
  color: #95989A;
  padding:10px;
  border-top: 1px #F5F5F5 solid;
  vertical-align:top;
}
/* EXPANDABLE MENUS */
.base-container.blue-header h2.title {
 background:none;
  border:0;
  font-weight:normal;
  font-size:24px;
  color:#483E40;
  margin-top:30px;
}
.afAccordionMenu div.afAccordionRootNode {
  font-family: 'Open Sans', arial, sans-serif;
  color:#ffffff
font-weight:normal;
  padding:10px;
}
.afAccordionRootNode {
 background:#181D4A;
}
.afAccordionMenu {
 border:none;
}
.htmlSection {
  padding:10px;
  background:#FAFAFA;
  color: #95989A;
}
.afAccordionMenuListItem {
 border:none;
  margin-bottom:10px;
}

/* GLOBAL TYPE */
H2 {
  color:#483E40;
  font-size:28px;
  font-weight:normal;
}
H3 {
 	font-weight: normal;
	font-size: 20px;
	color: #95989a;
	line-height: 10px;
}
.btn_blue {
	background-color: #181D4A;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 20px auto;
	padding: 10px 5px;
}
.btn_blue a {
	color: #ffffff;
}
.Head {
 background-color:#181D4A;
  color:#ffffff;
  width:100%;
  padding:10px;
  font-size:14px;
  font-weight:normal;
  margin:0px;
}
.base-container.blue-header h2.title {
 padding:0px; 
}
.afAccordionMenuCollapsed {
  background: url(/Portals/61/Images/BROsprite.png) 0px -41px;
}
.afAccordionMenuExpanded {
    background-position: 0px -32px;
}



/* EVENTS */

.bro_event {
 width: 100%; 
  padding: 20px; 
  color: #95989a; 
  background-color: #f5f5f5; 
}
.bro_event_div {
 background-color: #95989a; 
  height: 1px; 
  margin-top: 10px; 
  margin-bottom: 10px;" 
}
.bro_event_open {
 float: left; 
}
.bro_event_link {
 float: right; 
  width: 10%; 
  background-color: #325585; 
  color: #ffffff; 
  font-size: 10px; 
  font-weight: normal; 
  text-align: center; 
  margin-right: 30px; 
  padding: 5px;
}
.bro_event_link a {
  color: #ffffff;
}

.bro_sidebar_box {
 border: 1px solid #d6d6d6; 
  padding: 5px; 
  width: 100%; 
}
.bro_sidebar_event {
  width: 54px; 
  height: 54px; 
  text-align: center; 
  margin-right: 10px; 
  float: left; 
  color: #ffffff; 
  padding-top: 5px; 
  font-weight: bold; 
  line-height: 1.4em;
}

.bro_sidebar_div {
 background-color: #d6d6d6; 
  height: 1px; 
  margin-top: 10px; 
  margin-bottom: 10px;
}
.bro_event_description {
 font-size: 0.8em; 
}
.bro_event_date {
  font-size: 28px;
}
.bg_muri {
 background: #48b2a1; 
}
.bg_future {
 background: #E02D62; 
}
.bg_hbcu {
 background: #8969D9; 
}
.bg_minerva {
 background: #90B25A; 
}
.bg_vannevarbush {
 background: #ED8B4A; 
}


/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}