.nav.navbar-nav > li:hover > ul.sub-menu{
  display: block;
  -webkit-animation: fadeInUp 400ms;
  -moz-animation: fadeInUp 400ms;
  -ms-animation: fadeInUp 400ms;
  -o-animation: fadeInUp 400ms;
  animation: fadeInUp 400ms;
}

ul.sub-menu {
	position: absolute;
	top: 30px;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	list-style: none;
	padding: 0;
	margin: 0;
	width: 750px;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    background-image:url('../images/bgCross.png');
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	display: none;
	z-index: 999;
}

#events, #upcoming {
    width:210px;
}

.dropdown ul.sub-menu li .active{
  color: #1f356e;
  padding-left: 0;
  border:2px solid #1f356e;

}


.navbar-nav li ul.sub-menu a li{
  padding: 12px 20px 0 ; 
  font-weight:bold;
  width:140px;
  height:54px;
  overflow:hidden;
  margin:5px;
  text-align:center;
  background-image:url('../images/bgCross.png');
  padding-top:16px;
  background-color:#FFF;
  border-radius:4px;
  border:2px solid #e8e8e8;
  
  float:left;
}

#events a li, #upcoming  a li{
     width:200px;
}

.navbar-nav li ul.sub-menu a li:last-child{
  padding-bottom: 20px;
}

.navbar-nav li ul.sub-menu a li{
  color: #000;
  font-size:14px;

}

.navbar-nav li ul.sub-menu a:hover li {
    color: #1f356e;
      border:2px solid #1f356e;

}