#nav-wrap {
    width:70%;
    margin-left:auto;
    margin-right:auto;
}
	#nav, #nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#nav .fa
	{
		font-size:18px !important;
		padding-left:5px;
	}
	
	#nav {
		width: 99%;
		margin: 20px auto;
		background: #126ee0;
	}
	
	#nav:before,
	#nav:after {
		content: "";
		display: table;
	}
	
	#nav:after {
		clear: both;
	}
	
	#nav {
		zoom:1;
	}
	
	#nav li {
		float: right;
		border-left: 1px solid #0096FF;
    	border-right: 1px solid #005DA0;
    	font-family: Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-size: 13px;
    	color: #f3f3f3;
    	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
		position: relative;
	}
	
	#nav a {
		float: right;
		padding: 12px 15px 12px 15px;
		color:#e9e9e9;
		text-transform: uppercase;
		font: bold 12px Arial, Helvetica;
		text-decoration: none;
		
	}
	
	#nav li:hover > a {
		color: #b197f3; /*hover color */
		text-shadow: 1px 1px 1px rgba(0,0,0,.6);
	}
	
	*html #nav li a:hover { /* IE6 only */
		color: #b197f3;
	}
	
	#nav ul {
		margin: 20px 0 0 0;
		_margin: 0; /*IE6 only*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 42px;
		right: 0;
		z-index: 1;    
		background: #64a2f3;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  
	}

	#nav li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	#nav ul ul {
		top: 0;
		left: 150px;
		margin: 0 0 0 20px;
		_margin: 0; /*IE6 only*/
		-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	#nav ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		-moz-box-shadow: 0 1px 0 #7FAA25, 0 1px 0 #7FAA25;
		-webkit-box-shadow: 0 1px 0 #7FAA25, 0 1px 0 #7FAA25;
		box-shadow: 0 1px 0 #7FAA25, 0 1px 0 #7FAA25;
	}
	
	#nav ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#nav ul a {    
		padding: 10px;
		width: 130px;
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}
	
	#nav ul a:hover {
		background-color: #59A0F6;
		color:#fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,.6);
	}
	
	#nav ul li:first-child > a {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	#nav ul li:first-child > a:after {
		content: '';
		position: absolute;
		right: 40px;
		top: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #4c6612;
	}
	
	#nav ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #A0D62F;
	}
	
	#nav ul li:first-child a:hover:after {
		border-bottom-color: #59A0F6; 
	}
	
	#nav ul ul li:first-child a:hover:after {
		border-right-color: #59A0F6; 
		border-bottom-color: transparent; 	
	}
	
	#nav ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}

	
	/* Mobile */
	#nav-trigger {
		display: none;
	}
	
	input[type=checkbox]
		{
			display:none;
		}
	.fa-bars 
	{
		display:none !important;
	}

	@media screen and (max-width: 600px) {

		/* nav-wrap */
		#nav-wrap {
			position: relative;
			margin-top:-10px;
			margin-left:auto;
            margin-right:20px;
            float:right;
		}
		
		.fa-bars 
		{
			display:block !important;
		}
		
		input[type=checkbox]
		{
			display:block;
			opacity: 0;
			height: 48px;
    		width: 48px;
		}
		
		input[type=checkbox] + span {
    	height: 31px;
    	width: 31px;
		position:absolute;
		z-index:-1;
		margin-top:-50px;
		color:#2C84EE;
		padding:5px;
		font-size:35px;
		}
		
		input[type=checkbox]:checked + span  {
    	background:#2C84EE;
    	height: 31px;
    	width: 31px;
    	padding: 0 0 0 0px;
		color:#fff;
		padding:5px;
		font-size:35px;
		}

		#nav-trigger {
		display: block;
		cursor:pointer
		}
		
		#nav-wrap * {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
	
		/* main nav */
		#nav {
			margin: 0; padding:10px 0px;
			position: absolute;
			top: 2px;
			width: 100%;
			z-index: 1;
			
		}

		#nav:after {
			content: '';
			position: absolute;
			right: 5px;
			top: -8px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #2C84EE;
		}	

		#nav ul {
			position: static;
			visibility: visible;
			opacity: 1;
			margin: 0;
			display:none;
			
		}

		#nav ul ul {
			margin: 0 0 0 20px !important;			
		}

		#nav li {
			position: static;
			display: block;
			float: none;
			border: 0;
			padding:5px;
			width:100%;	
			padding-bottom:10px;
			border-bottom:1px solid #84B816;
			background:#faafc9;
			text-shadow:none !important;
			
		}
		
		
		#nav li:hover ul
		{
			display:block;
		}
		
		#nav ul li:hover ul ul
		{
			display:block;
		}
		
		label {display:block;}
		label ~ input[type="checkbox"] ~ #nav-wrap #nav {display:none;}
		label ~ input[type="checkbox"]:checked ~ #nav-wrap #nav {display:block;}​
		
		

		#nav ul li{
			margin-left: 5px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;		
		}

		#nav a{
			display: block;
			float: none;
			padding: 0;
			color: #fff;
		}

		#nav a:hover{
			color: #fafafa;
		}	

		#nav ul a{
			padding: 0;
			width: auto;		
		}

		#nav ul a:hover{
			background: none;	
		}

		#nav ul li:first-child a:after,
		#nav ul ul li:first-child a:after {
			border: 0;
		}		

	}

	@media screen and (min-width: 600px) {
		#nav {
			display: block !important;
		}
	}	

	/* iPad */
	.no-transition {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		opacity: 1;
		visibility: visible;
		display: none;  		
	}

	#nav li:hover > .no-transition {
		display: block;
	}
	#searchform {
	    float:left;
	    margin-top:auto;
	    margin-bottom:auto;
	}
	.datetime {
	    margin-right:auto;
	    margin-left:auto;
	    padding: 3px;
	}
.blinking{
    animation:blinkingText 1.0s infinite;
}
@keyframes blinkingText{
    0%{     color: #ae0d5e;    }
    49%{    color: #e4137c; }
    50%{    color: #f24c9f; }
    99%{    color:#13e47b;  }
    100%{   color: #0eb762;    }
}