#menu { 
    z-index: 100;
}

.classicMenu {
	width:100%; 
	min-height:2em; 
	padding:.25em; 
	background-color:#A40422; 
	margin-right:10px;'
}
.hasTCCRs .classicMenu {
	background-color: lime;
}

/*Strip the ul of padding and list styling*/
ul.menu_ul {
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
    white-space: nowrap;
}

/*Create a horizontal list with spacing*/
li.menu_li {
    display:inline-block;
    margin-right: -5px;
    white-space: nowrap;
}

/*Style for menu links*/
a.menu_a {
    display:block;
    padding: .25em .5em .25em .5em;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    color: black;
    background: #FFFAEC;
    text-decoration: none;
    border: 1px solid black;
}

.hasTCCRs 

a.menu_a:hover {
    color: #FFFAEC;
    background: black;
}

/*Hide dropdown links until they are needed*/
ul.menu_ul2 {
    display: none;
}

/*Make dropdown links vertical*/
li.menu_li2 {
    display: block;
    float: none;
}

#menuButton {
	display: none;
}

/* Smaller screen size */
@media screen and (max-width : 39.9em){
    /*Make dropdown links appear inline*/
    ul.menu_ul {
        position: static;
        display: none;
    }
    
    /*Create vertical spacing*/
    li.menu_li {
        margin-bottom: 1px;
    }
    
    /*Make all menu links nearly full width*/
    li.menu_li, a.menu_a {
        width: 100%;
    }
    
    li.menu_li2 {
    	margin-left:2em;
    }
    	
    /*Display 'show menu' link*/
    .show-menu {
        display:block;
    }
}

/* Desktop screen size */
@media screen and (min-width : 40em){
	/*Display the dropdown on hover*/
	a.menu_a:hover + .hidden, #menu .hidden:hover {
	    display: block;
	}
    li.menu_li2 {
    	margin-left:0;
    }

}