@charset "UTF-8";


/*Strip the ul of padding and list styling*/

#menu {
	
background-color:rgba(255,255,255,.9);
width:100%;
padding:20px 0px;

}


	
#menuContainer {
	

			
	}
	

#menuContainer ul {
	 
	list-style-type:none;
	margin: 0px;
	position: absolute;
	 text-align: center;
	font-size:0px;
	

	
}

/*Create a horizontal list with spacing*/
#menuContainer li {
	 
 	display:inline-block;
	margin-right: 0px;
	text-transform:capitalize;
	
	
}


/*Style for menu links*/
#menuContainer li a {
	 
	display:block;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color:black;
	text-decoration: none;
	margin:0px 5px;
	font-size:22px;
	padding:0px 20px;
	
	
}

#menuContainer ul li:last-child {
	
	border-right:0px;
}

/*Hover state for top level links*/
 #menuContainer li:hover a {
	 
	background-color:rgba(194,13,21,1.00);
	color:white;
	 	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}


/*Style for dropdown links*/
 #menuContainer li:hover ul a {
	 
	background-color:rgba(194,13,21,1.00);
	color: rgba(255,255,255,1.00);
	height: 50px;
	line-height: 50px;
	text-align: left;
}



/*Hover state for dropdown links*/
 #menuContainer li:hover ul a:hover {
	 
	background:rgba(0,0,0,1.00);
	color: #fff;
}



/*Hide dropdown links until they are needed*/
#menuContainer li ul {
	  
	display:none;
	margin-left: -40px;
	border-radius: 3px;
}



/*Make dropdown links vertical*/
#menuContainer li ul li {
	 
	display: block;
	float: none;
	border-radius: 3px;
	
}


/*Prevent text wrapping*/
#menuContainer li ul li a {
	
	width: auto;
	min-width: 120px;
	padding: 0 10px;
	
}



/*Display the dropdown on hover*/
 #menuContainer ul li a:hover + .hidden, #menuContainer .hidden:hover {
	 
	display: block;
	
}



/*Style 'show menu' label button and hide it by default*/
#menuContainer .show-menu {
	
	
	text-decoration: none;
	color: #fff;
	background-color:rgba(0,0,0,1.00);
	text-align: center;
	padding: 10px 0;
	display: none;
}


/*Hide checkbox*/
input[type=checkbox]{
	
    display: none;
}


/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu {
    
	display: block;
	
}


#navbar {
 

  position:fixed;
  top: 0;
  width: 100%;
	max-height:30px;
  display: block;
  transition: top 0.3s;
	z-index:1;
	


}




/* iPhone and mobile  */

@media only screen and (max-width: 750px) 
	

	
  {

	
	  #menu {
		  
		  padding:0px;
	  }
	  
	  
/*Make dropdown links appear inline*/
#menuContainer ul {
	
position: static;
display: none;
max-height: 1500px;

	}
	
	 
	  
/*Create vertical spacing*/
#menuContainer li {
	
	
	width:100% !important;
	
	}
	  
	 	  

/*Make all menu links full width*/
#menuContainer ul li, #menuContainer li a {
	
	
	
	color: rgba(255,255,255,1.00);
	padding-right:0px;
	text-align: left;
	display:visible;
	dislay:block;
	font-size: 25px;

	}
	  

	  
#menuContainer li a {
	
	padding: 10px 25px;
	background-color: black;
	color:rgba(255,255,255,1.00);
	display:visible;
	margin:0px;


	  }
	
	  
	  

#menuContainer ul li, #menuContainer li a:hover {
	
		background-color: rgba(173,7,0,1.00);
		color: rgba(255,255,255,1.00);
		text-align: left;
	
	}
	  
  
	  
	
#menuContainer ul li ul {
	
	text-align: left;
	font-size:50%;
	color:white;
	}
	  
	    
	  
	  
#menuContainer ul li ul a {
	
	padding-top:15px;
		  padding-left:15px;
		  padding-bottom:15px;
	color:white;
	
	}
	  
	  
	
#menuContainer li:hover ul a:hover {
	
	text-align: left;
	background-color:black;
	}
	
	
	
#menuContainer li:hover a {
	 
	text-align: left;
	color:white;
	background-color:black;
}
	
	  		  
	  
	
/*Display 'show menu' link*/
#menuContainer .show-menu {
	
	display:block;		
	font-size:150%;
	background-image: url(images/background/menuLines.png);
	background-position:15px center;
	background-repeat:no-repeat;

	
	}
	
	
.fixed {
		
	position:static;
	
}
	  
#navbar {
 
  position:static;
  top: 0;
  width: 100%;
  display: block;
  transition: top 0.3s;
	z-index:100;
	max-height:1350px;

}
	  
	
/*end of menu*/
}