/****Topnav****/

#topnav {
position:absolute ;
margin:5px 0px 0px 246px ;
font: 400 14px Trebuchet MS, Verdana, sans-serif;
z-index:5000;
}

#topnav ul li {
  display: inline;
  list-style: none;
  text-transform: uppercase;
}

#topnav ul li a {
  float: left;
  padding: 0px 7px 0px 7px ;
  color: #CCFFFF;
  border-right: 1px solid #426F85;
}

#header ul li a.last {
  padding-right: 0px;
  border-right: 0px;
}

#header ul li a:hover {
  color: #FFFFFF;
}

#topnav h1, #disable_screen { display:none; }


@media only screen and (max-width:480px)
{
	#topnav {
	position:relative;
	margin:0 auto;
	text-align:center;
	z-index:30;
	}


	#topnav h1 {
		display:block;
		font-size:100%;
		font-family:inherit;
		border:1px #ccc solid;
		box-shadow:0 0 2px rgba(0,0,0,.5);
		border-radius:5px;
		line-height:45px;
		text-align:center;
		margin:8px auto 0 auto;
		color:#103266;
		padding:0 1em;
		background:#eee;
		text-transform:uppercase;
		}

	#topnav.on h1 { 
		border:#433831;
		box-shadow:none;
		border-radius:5px 5px 0 0;
		}

	#topnav ul {
		display:none;
		max-width:100% !important;
		width:auto;
		margin:0 auto;
		}

	#topnav.on > ul { display:block; }

	#topnav ul li {
		display: block;
		background:#305A84;
		margin:0 0 1px 0;
		}
	#topnav ul li a {
		float: none;
		line-height: 40px;
		color: #CCFFFF;
		border:0;
		display:block;
		}
	#disable_screen {
		position:absolute;
		top:0; left:0;
		background:rgba(0,0,0,.3);
		min-height:100%;
		width:100%;
		z-index:25;
		}

}