#mainnav{width:100%;}

#mainnav .nav,
		#mainnav .nav ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		/* Top level nav */
		#mainnav .nav {
			float: left;
			margin: 20px 0;
			background: #003152;
	
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
			border-radius: 7px;
	
			-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
			-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
			box-shadow: 0 2px 2px rgba(0,0,0,0.1);
		}
 
		/* Dropdowns */
		#mainnav .nav ul {
			position: absolute;
			top: 2.5em;
			left: -9999px;
			opacity: 0;
 
			-webkit-transition: 0.1s linear opacity;
 
			min-width: 150px;
			background: #003152;
 
			-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
			-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
			box-shadow: 0 3px 3px rgba(0,0,0,0.5);
		}
 
		#mainnav .nav li {
			float: left;
			position: relative;
			list-style-type: none;
		}
 
		/* Top level nav items */
		#mainnav .nav li > a {
	float: left;
	border-left: 1px solid rgba(255,255,255,0.4);
	border-right: 1px solid rgba(0,0,0,0.2);
	color: white;
	font-weight: bold;
	font-size: 13px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4), 0 -1px 0 rgba(0,0,0,0.2);
	text-decoration: none;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
		}
 
		/* Top level hover state, preserve hover state when hovering dropdown  */
		#mainnav .nav li > a:hover,
		#mainnav .nav li > a:focus,
		#mainnav .nav li:focus > a,
		#mainnav .nav li:hover > a {
			background: #b8d6fa;
			/* text shadow just makes reading more difficult in my opinion */
			/* text-shadow: 0 1px 0 rgba(0,0,0,0.4), 0 -1px 0 rgba(255,255,255,0.2); */
			outline: 0;
		}
 
		/* Rounded corners for first top level nav item */
		#mainnav .nav > li:first-child > a {
			border-left: 0;
	
			-webkit-border-top-left-radius: 7px;
			-webkit-border-bottom-left-radius: 7px;
			-moz-border-radius-topleft: 7px;
			-moz-border-radius-bottomleft: 7px;
			border-top-left-radius: 7px;
			border-bottom-left-radius: 7px;
		}
 
		/* Rounded corners for last top level nav item */
		#mainnav .nav > li:last-child > a {
			border-right: 0;
 
			-webkit-border-top-right-radius: 7px;
			-webkit-border-bottom-right-radius: 7px;
			-moz-border-radius-topright: 7px;
			-moz-border-radius-bottomright: 7px;
			border-top-right-radius: 7px;
			border-bottom-right-radius: 7px;
		}
 
		#mainnav .nav li:hover ul,
		#mainnav .nav li:focus ul,
		ul.show-menu {
			left: 0;
			opacity: 0.99;
		}
 
		#mainnav .nav ul li {
			float: none;
			position: static;
		}
 
		#mainnav .nav ul a {
			float: none;
			display: block;
			color: #FFF;
			font-size: 12px;
			text-shadow: none;
			border: 1px solid #222;
			border-width: 0 0 1px;
 
			-webkit-transition: 0.1s linear all;
		}
 
		/* Rounded corners for ul and last list item */
		#mainnav .nav ul,
		#mainnav .nav ul li:last-child a {
			border: 0;
			-webkit-border-bottom-left-radius: 7px;
			-webkit-border-bottom-right-radius: 7px;
			-moz-border-radius-bottomleft: 7px;
			-moz-border-radius-bottomright: 7px;
			border-bottom-left-radius: 7px;
			border-bottom-right-radius: 7px;
		}
 
		#mainnav .nav ul a:hover,
		#mainnav .nav ul a:focus {
			background: #b8d6fa;
			color: #333;
			text-shadow: none;
		}