#IE{
	display: block;
}

.menu{display:block;}
 
.menu li{
display: inline-block;
position: relative;
padding:12px;
z-index:100;}

 @media screen\9 {
.menu li{ float:left;}
}
.menu li a {font-weight:600;
text-decoration:none;
padding:6px;
display:block;
color:#971726;
 
-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}
 
.menu li a:hover, .menu li:hover > a{color:#971726;
background:#FFFFFF;}


/* hide the second level menu */
.menu ul {display: none;
margin: 0;
padding: 0;
width: 250px;
position: absolute;
top: 43px;
left: 0px;
background: #ffffff;
}
 
/* display second level menu on hover */
.menu li:hover > ul{ display: block;}
 
.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
 
.menu ul li a {font-size:1em;
font-weight:normal;
display:block;
color:#971726;
border-left:3px solid #ffffff;
background:#ffffff;}
 
.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0;
border-left:3px solid #FFFFFF;
color:#767676;
}

/* change level 3 menu positions */
.menu ul ul {left: 250px;
	top: 0px;
	
}


.mobile-menu{display:none;
width:100%;
padding:6px;
background:#3E4156;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
}
.mobile-menu:hover{background:#3E4156;
color:#ffffff;
text-decoration:none;
}


@media all and (max-width: 802px) {
 
.menu{display:none;}
 
.mobile-menu{display:block;
margin-top:100px;}
 
nav{margin:0;
background:none;}
 
.menu li{display:block;
margin:0;}
 
.menu li a {background:#ffffff;
color:#971726;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;}
 
.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#971726;
border-left:3px solid #FFFFFF;}
 
/*level 2 and 3 - make same width as all items*/
.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}
 
.menu ul ul {left:0;}
 
}/*end media queries*/