UL.menu {
	
	width: 100%;
	min-height: 41px;
	
	border: solid 1px #000000;
	background: rgb(35, 101, 188);
	
	padding: 0px;
	margin: 0px;
	
	list-style: none;

}

UL.menu A:hover {
	
	text-decoration: none;
	
}
			
	UL.menu > LI {
		
		display: inline-block;
		
		width: 160px;
		
		line-height: 20px;
		font-size: 14px;
		color: rgb(255, 255, 255);
		
		padding: 0px;
		margin: 0px;
		
		vertical-align: top;
		
	}
	
	UL.menu > LI.open-menu {
		
		display: none;
		
	}
	
		UL.menu > LI > SPAN {
			
			display: inline-block;
			
			width: 100%;
			height: 40px;
			
			line-height: 20px;
			font-size: 16px;
			color: rgb(255, 255, 255);
			
			text-shadow: 1px 1px 1px rgb(0, 0, 0);
			
			margin: 0px;
			padding: 10px;
			
			text-align: center;
			
		}
		
		UL.menu > LI > A {
			
			display: inline-block;
			
			width: 100%;
			height: 40px;
			
			line-height: 20px;
			font-size: 16px;
			color: rgb(255, 255, 255);
			
			text-shadow: 1px 1px 1px rgb(0, 0, 0);
			
			margin: 0px;
			padding: 10px;
			
			text-align: center;
			
		}
	
		UL.menu > LI > UL {
			
			display: none;
			
			width: 160px;

			background: rgb(35, 101, 188);
			
			position: absolute;
			z-index: 2;
			
			margin: 0px;
			padding: 0px;
			
			list-style: none;
			
		}
		
			UL.menu > LI > UL > LI {
				
				min-height: 40px;
				
				line-height: 19px;
				font-size: 14px;
				color: rgb(255, 255, 255);
				
			}
			
				UL.menu > LI > UL > LI > SPAN {
					
					display: block;
					
					width: 100%;
					height: 40px;
					
					line-height: 20px;
					font-size: 14px;
					color: rgb(255, 255, 255);
					
					text-shadow: 1px 1px 1px rgb(0, 0, 0);
					
					text-align: left;
					margin-left: 0px;
					
					padding: 10px;
					
				}
			
				UL.menu > LI > UL > LI > A {
					
					display: block;
					
					width: 100%;
					min-height: 40px;
					
					line-height: 20px;
					font-size: 14px;
					color: rgb(255, 255, 255);
					
					text-shadow: 1px 1px 1px rgb(0, 0, 0);
					
					text-align: left;
					margin-left: 0px;
					
					padding: 10px;
					
				}
	
	UL.menu > LI:hover {
		
		background: rgb(35, 150, 188);
		
		cursor: pointer;
			
	}

		UL.menu > LI:hover > UL {
			
			display: list-item;
			
		}
		
			UL.menu > LI > UL > LI:hover {
						
						background: rgb(35, 150, 188);
							
					}
	
@media screen and (max-width: 1000px) {
	
	UL.menu {
		
		margin-top: 20px;
		
	}
	
	UL.menu > LI {
		
		display: none;
		
		width: 100%;
		
	}
	
	UL.menu > LI.open-menu {
		
		display: block !important;
		
		height: 40px;
		
	}
	
		UL.menu > LI > SPAN {
			
			text-align: left;
			
		}
		
		UL.menu > LI > A {
			
			text-align: left;
			
		}
	
		UL.menu > LI > UL {
			
			position: relative;
			
			width: 100%;
			
		}
	
			UL.menu > LI > UL > LI {
				
				border-top: 0px;
				
				width: 100%;
				
			}
			
				UL.menu > LI > UL > LI  > A {
				
					padding-left: 20px;
					
				}
	
}