#topnav{
		background: rgb(0, 30, 180); /* IE Fallback */
		background: rgba(0, 30, 180, 1); /*blue*/
		margin: 0;
		padding: 0;
        list-style: none;
		-moz-box-shadow: 0px 1px 3px #9c9c9c;
        -webkit-box-shadow: 0px 1px 3px #9c9c9c;
        box-shadow: 0 1px 3px #9c9c9c;
		z-index: 9999;
	}
	
	#topnav li{
		position: relative;
		float: left;
	}
	
	#topnav a{
		float: left;
        height: 28px;
        padding: 10px 15px 0px;
		text-decoration: underline;
		color:#065FF9;
        font: .9em Arial, Helvetica;
		font-weight: bold;
        text-decoration: none;
/*		border-left: 1px solid rgb(255, 255, 255); /* The Fallback */
/*      border-right: 1px solid rgba(220, 0, 0); /* The Fallback */
/*		border-right: 1px solid rgb(250, 0, 0, 0.5); 
		border-left: 1px solid rgba(255, 255, 255, 0.05);
*/
	}
	
	#topnav a:hover
	{
		color:#000;
	}
	
	
	#topnav li:hover{
		background: rgb(0, 100, 200);
		background: rgba(0, 100, 200, 0.8);
		transition: background 0.3s;
		color:#000;
		-moz-transition: background 0.3s; /* Firefox 4 */
		-webkit-transition: background 0.3s; /* Safari and Chrome */
		-o-transition: background 0.3s; /* Opera */
	}
	
	.active
	{
		background: rgb(220, 220, 220);
		background: rgba(220, 220, 220, 0.8);
		transition: background 0.3s;
		color:#000;
		-moz-transition: background 0.3s; /* Firefox 4 */
		-webkit-transition: background 0.3s; /* Safari and Chrome */
		-o-transition: background 0.3s; /* Opera */
	}
	
	/*search bar*/
	#topnav li#searchbar{
		float: right;
	}
	#topnav li#searchbar:hover{
		background: none;
	}
	
#topnav li:hover > ul{display: block;}