*{
    MARGIN: 0px;
}

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9pt; PADDING-BOTTOM: 0px; COLOR: #334a01; PADDING-TOP: 0px; FONT-FAMILY: Arial,
                     Helvetica,
                     sans-serif; BACKGROUND-COLOR: #b9ce8d;
}

A {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #2d2928; FONT-FAMILY: Arial,
                     Helvetica,
                     sans-serif;
}

P {
	FONT-SIZE: 9pt; COLOR: #334a01; FONT-FAMILY: Arial; PADDING-LEFT: 10px; PADDING-TOP: 15px; text-indent: 12px;
                     Helvetica,
                     sans-serif; TEXT-DECORATION: none
}

H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 14pt; PADDING-BOTTOM: 0px; COLOR: #334a01; PADDING-TOP: 30px; FONT-FAMILY: Times, Arial, Helvetica, sans-serif
}

	#container {
		position: relative;
		width: 100%;
	}

	#container:after {
		display: block;
		clear: both;
		height: 0;
	}

	#menu {
		position: relative;
		float: left;
		width: 100%;
		padding: 0px;
		background: #3e5b00;
		z-index: 10;
	}

	#menu, #menu ul {
		list-style: none;
	}

	#menu li {
		float: left;
		position: relative;
		perspective: 1000px;	
	}

	#menu a {
		display: block;
		position: relative;
		z-index: 10;
		padding: 10px;
		text-decoration: none;
		color: #ffffff;
		line-height: 1;
		font-weight: 600;
		font-size: 12px;	
	}

	#menu li ul  {
		position: absolute;
		left: 0;
		width: 200px;
		padding: 0;
		opacity: 0;
		visibility: hidden;
		background: transparent;
		transform-origin: 50% 0%;
	}
	
	#menu li ul  li{
		position: relative;
		width: 100%;
	}

	#menu li:hover ul {
		padding: 15px 0;
		background: rgba(62,91,0,0.8);
		opacity: 1;
		visibility: visible;
		box-shadow: 1px 1px 7px #808080;
		animation-name: swingdown;
		animation-duration: 1.5s;
		animation-timing-function: ease;
        background: #3e5b00\0/;
	}

	@keyframes swingdown {
		0% {
			opacity: .99999;
			transform: rotateX(90deg);
		}

		30% {			
			transform: rotateX(-20deg) rotateY(5deg);
			animation-timing-function: ease-in-out;
		}

		65% {
			transform: rotateX(20deg) rotateY(-3deg);
			animation-timing-function: ease-in-out;
		}

		100% {
			transform: rotateX(0);
			animation-timing-function: ease-in-out;
		}
	}

	#menu li li a {
		padding-left: 15px;
		font-weight: 500;
		color: #ffffff);
		text-shadow: none;
		border-top: dotted 1px transparent;
		border-bottom: dotted 1px transparent;
		transition: all .15s linear;
	}

	#menu li li a:hover {
		color: rgba(0,223,252,1);
		border-top: dotted 1px rgba(255,255,255,.15);
		border-bottom: dotted 1px rgba(255,255,255,.15);
		background: rgba(0,223,252,.02);
	}
	
	#menu li ul li ul {
	    display: none;
		position: relative;
		left: 16em;
		top: 0;
		z-index: 10;
	}

	#menu li ul li:hover ul { 
        display: block;
		position: absolute;
		animation-name: swingdown1;
		animation-duration: 1.5s;
		animation-timing-function: ease;
    }
	
	@keyframes swingdown1 {
		0% {
			opacity: .99999;
			transform: rotateX(90deg);
		}

		30% {			
			transform: rotateX(-20deg) rotateX(5deg);
			animation-timing-function: ease-in-out;
		}

		65% {
			transform: rotateX(20deg) rotateX(-3deg);
			animation-timing-function: ease-in-out;
		}

		100% {
			transform: rotateX(0);
			animation-timing-function: ease-in-out;
		}
	}