@charset "utf-8";
/* RMM 1.1 */


						nav ul li a:hover{
							color: #FFF;
						}

	/****NAVIGATION*****/
	#nav{
		right: 0px;
		overflow: visible;
		z-index: 20;
		position: relative;		
	}
	#nav *{
		box-sizing: border-box;	
	}
		#nav a{
                    /*padding: 0.5em; */
                    display: inline-block;
					font-size: 22px;
					color: #FFF;
					text-decoration: none;
					font-weight: bold;
					text-shadow: 2px 2px 2px #333;
		}
		#nav a:hover{
			text-decoration: underline;}
		
		#nav ul{
			list-style: none;	
			margin: 0;
			padding: 0;
			float:left;
			display: block;
			z-index: 10;
		}
		#nav ul:hover a, #nav ul:hover span:hover a{
			color: #FFF;
			
		}
		#nav div.list_title{
				font-weight: bold;
				font-size: 1.2em;	
				display: block;
		}
		
		/*ROLLOVER MENU ITEMS*/
		#nav ul.nav_item{
				width: 20%;
			}
		#nav ul.nav_item span{
			background-color: #9D6264;
			color: #fff;
			display: inline-block;
			margin-top: 1em;
			padding: 0.5em 0.75em;
			text-align: center;
			text-decoration: none;
			width: 100%;
		}
		#nav ul.nav_item:last-child span{
			border-right: 0px solid black;
		}
		#nav ul.nav_item:hover span{
			position:relative;
			z-index: 100;
			cursor: pointer;	
		}
	
		/*DROP DOWN PANEL*/
		#nav li.drop{
			display: none;
			position: absolute;
			z-index: 20;
			top: 2.2em;
			margin-top: 20px;
			box-shadow: 0 2px 2px rgba(0,0,0,0.5); 
			background-color: #9D6264;
		}
		#nav li.drop:hover{
			display: block;	
		}
			#nav li.drop ul{
				
			}
			
			#nav li.drop ul a{
				font-weight: normal;
				color: #FFF;
				display: block;
				padding: 0.5em 0.5em;
				min-width: 200px;
				border-bottom: #000 1px solid;
			
			}
			#nav li.drop ul a:hover{
				color: #FFF;	
				background-color: #7D3F42;
			}
			#nav li.mega{
				width: 100%;
				left: 0px;
				border-radius: 20px 0 80px 0;
			}
			#nav li.mega ul{
				width: 33%;
				padding: 10px 2%;
				
			}
			
			#nav li.mega ul a{
				padding: 0.25em;
				border: none;
				
			}
			#nav li.mega ul a:hover{

				background-color: #6787B7;
				border-radius: 5px;
			}
			
			#nav li.mega ul li.nav_title{
				font-size: 1.5em;
				color: #3361AC;
				padding: 0 0 0 0.25em ;
				
			}

			#nav li.mega ul.quicklinks li{
				padding: 0;
			}
			#nav ul.quicklinks li a{
				font-size: 18px;
				background-color: #9AB189;
				margin: 5px 0;
				border-radius: 5px;
				padding: 0.5em;
				font-weight: bold;
			}
			#nav ul.quicklinks li a:hover{
				background-color: #D5CB9F;
			}
			#nav .quicklinks li a span{
				float: right;
			}



		#nav .nav_item:hover .drop {
			display: block;
		}

		#nav ul.nav_item:hover {

			}


	@media only screen and (min-width : 0px) and (max-width :780px) {

		#menuBtn{
			display: block;
		}
		#nav{
			background-color: #FFF;
		}
		
			#nav a {
				width: 100%;
			}
			#nav ul{
				float: none;
			}
			#nav ul.nav_item{
				border-bottom: solid #000 1px;
				background-color: #456902;
				width: 100%;
				
			}
	
				/*BUTTON STYLES*/			
				#nav span.button a, #nav ul.nav_item span{
					display: block;	
				
					margin: 0;
					text-align: left;
			
					color: #FFF;
					margin: 0;
					text-align: left;
					border-right: 0;
				}
				#nav ul.nav_item span {
					padding: 0.5em 0.75em;	
				}
				#nav ul.nav_item span:hover, #nav span.button a:hover{
					
					color: #FAE752;
					
				}		
				/*#nav span.button a, #nav ul.nav_item span{
					
					padding:
				}
				#nav a{
					
				}
				#nav ul.nav_item span:hover, #nav span.button a:hover{
					
					
				}*/
		#nav li.mega{
			border-radius: 0;
		}
		#nav li.drop ul a{
			border: none;
			
		}
		#nav li.drop{
			position: relative;
			top: 0;
			padding: 0;
			box-shadow: none;
			border: 0;
			margin-top: 0;
			
		}
			#nav li.drop ul{
				width: auto;
			}
			#nav li.drop a{
				color: #6699CC;
				display: block;
				padding: 0.25em 0;
			}
			
		#nav li.open, #nav.open{
			display: block;	
		}
		.closed{
			display: none;	
		}
}