ul.menu a {
	color: #FFD;
	font-size:17px;
	}

ul.menu {
	padding: 0;
	width: 100%;
	margin: 0 0px 0 0;
	white-space:nowrap;
	}

ul.menu li {
	list-style-type:none;
	font-size:13px;
	color:#FFD;
	padding:9px 11px 10px 11px;
	display: inline-block;
	margin: 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Fixes Firefox bug */
	box-sizing: border-box;

	text-align: center;
	}

/*ul.menu li:hover {
	border-radius: 4px 4px 0 0; 
	background: #D3EDF6;
	color:#000;
	}*/

ul.menu li.li-selected {
	font-size:13px;
	display:inline-block;
	border-radius:6px 6px 0 0;
	background-color:#FFF;
	color:#000;
	padding:9px 11px 10px 11px;
	text-decoration:none;
	}

ul.menu li.li-selected a {
	color:#000;
	text-decoration:none;
	}

.open-panel {
	display: none;
	}

@media only screen and (max-width: 770px)
{
ul.menu {
	margin:0;
	white-space:normal;
	}

ul.menu a {
	display:block;
	font-size:20px;
	padding:25px 20px 25px 30px;
	}

ul.menu li {
	padding:0;
}

.open-panel{ 
	cursor:pointer;
	display:inline-block;
	border-bottom: 17px double white; 
	border-top: 6px solid white; 
	content:"";
	height: 6px; 
	width:38px;
	margin-bottom:12px;
	margin-right:10px;
	}

  /* Move nav off screen, setup transitions */
nav {
	width: 270px;
	position: fixed;
	left:-271px;
	top: 0;
	height: 100%;
	background:#2D5881;
	transition: left .2s;
	z-index:100;
	/*background:linear-gradient(to left, #006599, #003466);*/
	/*display:none;*/
	/*border-right:1px solid #003466;*/
	}
  
ul.menu li.li-selected {
	font-size:13px;
	display:inline-block;
	border-radius:0; 
	background-color:#2D5881; 
	color:#FFD; 
	padding:0; 
	text-decoration:none;
	}

ul.menu li.li-selected a {
	color:#FFD;
	}

/* Display nav items vertically */
ul.menu {
	/*border-top: 1px solid #003466;*/
	}

ul.menu li {
	/*float: none;*/
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	border-bottom: 1px solid #274B6D;
	}

.openNav nav {
	left: 0;
	transition: left .2s;
	}
}