@charset "UTF-8";
#menuBar {
	height: 50px;
	width: auto;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;	
}

#menuBar ul {
	margin-left: 20px;
	margin-top: -4px;
	padding: 0px;
}

#menuBar ul li img {
	width: 22px;
	height:22px;
	margin-left:10px;
	background-size:cover;
	cursor:pointer;
	
}

#menuBar ul li {
	background-color: #c42126;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	position: relative;
	text-decoration: none;
	list-style-type: none;
	padding: 1px;
	margin-left: 20px;
}

#menuBar ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 25px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	display: inline-flex;
	cursor: pointer;
}
#menuBar ul li a:hover {
	color: #FFCB00;
}


#menuBar ul li li {
	margin-left: -30px;
	padding-left: 10px;
	top: 5px;
	width: 150px;
	height: 32px;
	line-height: 32px;
	color: #FFF;
	border-bottom-width: thin;
	border-bottom-style:dotted;
	border-bottom-color: #FFF;
	border-radius: 0px 0px 10px 0px;
	
}
#menuBar ul li li a:hover {
	color: #ffcb00;
	padding-left:10.25px;
	transition: 0.75s;

}

#menuBar ul ul {
	position: absolute;
	visibility: hidden;
}

#menuBar ul li:hover ul {
	visibility: visible;
}

#menuBar ul li:hover li {
	animation: dropList 0.25s forwards;
}
@keyframes dropList {
	
	0% { top:0px; height:16px;}
	100% {top:5px; height:32px;}
}