#category-toggle,#menu-toggle {
display: none; 
}
/* START - Louis added this to toggle category menu */

#nav-cat-content {
  display: block;
  position: absolute;
  width: 100%;
  z-index: 15;
  margin-top: 5px;
}
#nav-cat-content.nav-close {
  display: none;
}
/* END - Louis added this to toggle category menu */

#nav-cat {
	display: block; position: relative; z-index: 15; float: left;
	margin: 10px 0px 0px 5px; 
}
.hashContainer {
	display: block; float:left; margin-right: 5px; width: 12px;padding-top: 4px;
}
.hash {
	width: 12px; height: 2px; background-color: black; margin-bottom: 1px; display:block;
}
#nav-cat label {
	width: 225px;display: block; background-color: transparent; color: #000000; font-weight:bold; margin:0px 0px 0px; cursor: pointer; 
	text-align: left; font-size:100%;
}
#navMain label {
 	display: block; background-color: transparent; color: #b00000; padding: 0px; font-weight:bold; text-align: right; cursor: pointer;
	margin: 5px 5px 0px; clear: right;float: right; position:relative; z-index: 20; font-size: 100%;
}
#navMain {
	float:right; clear: right;  width:250px; z-index: 10; position:absolute; right: 0px; display: block;top:0px;
}
#navMain ul {
   position: relative; z-index: 15; 
}
 #navMain ul li {
 	display: block;width: 100%; text-align: left; color: #b00000;position: relative; z-index: 15;
 }
#navMain ul li a {
	padding: 5px;  display: block; color: #ffffff; font-size: 100%; background-color: #219CDF;
}
#navMain ul li a:hover {
	background-color:#ffffff ; color: #b00000;
}

#navMenu {
  float:right; clear:right;
  background-color: transparent;
  font-size: 130%;
  overflow: hidden; height: auto;
  max-height: 0;
  padding: 0; color: #ffffff;
  margin: 90px auto 0px 5px;
  -webkit-transition: all 0.3s ease;
  position:fixed; z-index: 10;
 margin-right: 5px;
 }
 #navMenu.nav-close {
  display: none;
}
#category-toggle:checked + #submenu {

  max-height: 1000px; position: relative; z-index: 15
}
#menu-toggle:checked + #navMenu {
	 max-height: 1000px; max-height: 1000px; position: relative; z-index: 15;
}
.separator {
	display: none;
}
#navMain ul li.mobileHeader {
	color: red; padding-left: 5px; font-style: italic; background-color: #b00000;
}
/* OVERRIDES FOR MOBILE */
@media screen and (max-width: 960px) {
#nav-cat label {
	display: block;
}
#nav-cat{
	 font-size: 110%; text-align: left; margin: -5px 0px 0px 5px; 
}

#nav-cat a {
	font-size: 110%;
}
#navMain {
	font-size: 110%; margin: 0px 0px 0px 5px;
}
#navMain label {
	margin-top: -5px;
}
}