@import url('font_awesome/css/all.css');

body {
}

#menuWrapper{

	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:30px;

}

.menuCard{

	/*border: 1px solid red;*/
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows:0 repeat(2,1fr);

	grid-gap:10px 10px;
	padding: 0 10px 10px;
	justify-content:center;
	align-items:stretch;

	background:rgba(0, 0, 0, 0.55);
	border-radius: 0 0 8px 8px;
	margin-top: 50px;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.95);
}

.menuCard > *{
	/*width:100%;*/
}

.menuCard a{
	width:100%;
}

.menuCard > .title {
	font-weight:bold;

	grid-column:1/span 3;
	
	background: black;
	color: white;
	padding:10px;
	border-radius: 8px 8px 0 0;
	
	
	transform: translateY(calc(-3em + -2px));
	margin: 0 -10px ;

	height: 2em;
	line-height:2em;
}
.menuCard  .btnGroup{
	padding:8px;
	
}

.menuCard  a,
.menuCard  .btnGroup {
	background: #4c4c4c;
    /*background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
    background: -webkit-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666 25%, #474747 39%, #2c2c2c 50%, #000 51%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    */
	background: linear-gradient(to bottom, #4c4c4cb3 0%, #131313 100%);
	
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );*/
    color: #FFF;
    border-radius: 8px;
    
	line-height: 18px;
	/*
    padding: 8px 20px;*/
    /*width: 46%;*/
    /* display: inline-block; */
    /*margin: 5px 0;
    float: left;
    margin: 2%;
    box-sizing: border-box;*/
	margin: 2%;
	text-align:center;
	align-content: center;
    display: grid;
    justify-content: center;
}




.menuCard .btnGroup > ul,
.menuCard .btnGroup > ul li {
	list-style: none;
	margin:0;
	padding:0;
}

.menuCard  .btnGroup > ul{
	display: none;
	
	padding:0;

	
	

	opacity:0;
	margin-top:0px;
	transform: translateX(-5vw);
	height:0;
}



.menuCard  .btnGroup:hover {
	cursor:pointer;
}

.menuCard  .btnGroup:hover > ul{
	display: inline;
	position:absolute;
	z-index:10;
	background: red;
	border-radius:8px;
	

	opacity:1;
	margin-top:40px;
	transform: translateX(5vw);


	background: rgba(255, 255, 255, 0.97);
	box-shadow:0 0px 1px rgba(0, 0, 0, 0.9), 0 1px 3px rgba(200, 200, 200, 0.9);

    /*background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
    background: -webkit-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666 25%, #474747 39%, #2c2c2c 50%, #000 51%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666 25%, #474747 39%, #2c2c2c 50%, #000 51%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );*/
    color: rgba(0,0,0,1);
	font-size:0.8em;
	letter-spacing:1px;
	height: auto;
	/*overflow:hidden;*/
}


.menuCard  .btnGroup:hover > ul:before{
	content: ' ';
	/*background: rgba(255, 255, 255, 0.97);*/
	border: 10px solid rgba(255, 255, 255, 0.90);
	border-bottom:0;
	border-left:0;
	display:block;
	width:0px;
	height:0px;
	box-sizing:border-box;
	transform: translateY(-5px) rotate(-45deg);
	overflow:hidden;
	margin-left:50%;
	left:-5px;
}

.menuCard  .btnGroup:hover > ul a{
	margin: 1px;
	background:none;
	padding:5px 8px;
	/*border-bottom: 1px solid rgba(102,102,102,0.7);*/
	border-radius: 0;

	background: linear-gradient(to bottom, transparent 50%, rgba(102,102,102,0.7) 100%);
	
}

.menuCard .btnGroup:hover > ul li a{
	/*background:rgba(255,2555,255,0.2);*/
	color: rgba(0,0,0,1);
}
.menuCard .btnGroup:hover > ul li:nth-child(n+2){
	/*background:rgba(255,2555,255,0.9);*/
}


.menuCard .btnGroup:hover > ul li:last-child a{
	border-bottom: none;
	padding-bottom:5px;
	border-radius:0 0 8px 8px;

}

.menuCard  .btnGroup:hover > ul a:hover{
	box-shadow:none;
	text-shadow:0 0 4px #75A15C;
}

.ncaaaForms{

}

.annualReports{

}


#ncaaa2015{}
#ncaaa2015:before{
	
}

#ncaaa2018{}

#annualReports{}


@keyframes dropdownShow {
	from {
		opacity:0;
		margin-top:0px;
		transform: translateX(-5vw);
	}

	to{
		opacity:1;
		margin-top:40px;
		transform: translateX(5vw);
	}