ul#mainnavi li {
	float:left;
}
ul#mainnavi li a {
	display:block;
	height:57px;
	text-align:center;
	letter-spacing:1px;
	text-indent:-9898px;
	background-image:url(images/all/navi.gif);
	background-repeat:no-repeat;
}
ul#mainnavi li#navi_top a {background-position:0px 0px;width:117px;}
ul#mainnavi li#navi_top a:hover {background-position:0px -57px;}
ul#mainnavi li#navi_top a.selected {background-position:0px -57px;}

ul#mainnavi li#navi-top a {background-position:0px 0px;width:117px;}
ul#mainnavi li#navi-top a:hover {background-position:0px -57px;}

ul#mainnavi li#navi_events a {background-position:-117px 0px;width:152px;}
ul#mainnavi li#navi_events a:hover {background-position:-117px -57px;}
ul#mainnavi li#navi_events a.selected {background-position:-117px -57px;}

ul#mainnavi li#navi_webentry a {background-position:-269px 0px;width:173px;}
ul#mainnavi li#navi_webentry a:hover {background-position:-269px -57px;}
ul#mainnavi li#navi_webentry a.selected {background-position:-269px -57px;}

ul#mainnavi li#navi_php a {background-position:-442px 0px;width:142px;}
ul#mainnavi li#navi_php a:hover {background-position:-442px -57px;}
ul#mainnavi li#navi_php a.selected {background-position:-442px -57px;}

ul#mainnavi li#navi_database a {background-position:-584px 0px;width:199px;}
ul#mainnavi li#navi_database a:hover {background-position:-584px -57px;}
ul#mainnavi li#navi_database a.selected {background-position:-584px -57px;}

ul#mainnavi li#navi_tools a {background-position:-783px 0px;width:177px;}
ul#mainnavi li#navi_tools a:hover {background-position:-783px -57px;}
ul#mainnavi li#navi_tools a.selected {background-position:-783px -57px;}

.main-menu-toggle {
	display:none;
}

@media screen and (max-width: 767px) {
	.site-navigation {
		margin:0;
		padding:10px 14px;
		width:100%;
		background:#ffffff;
	}

	.main-menu-toggle {
		display:block;
		box-sizing:border-box;
		width:100%;
		padding:12px 42px 12px 14px;
		border:1px solid #1f5f77;
		background:#1f5f77;
		color:#ffffff;
		font-weight:bold;
		font-size:1em;
		line-height:1.4;
		text-align:left;
		cursor:pointer;
		position:relative;
	}

	.main-menu-toggle:after {
		content:"+";
		position:absolute;
		top:50%;
		right:14px;
		transform:translateY(-50%);
		font-size:1.4em;
		line-height:1;
	}

	.main-menu-toggle[aria-expanded="true"]:after {
		content:"-";
	}

	.site-navigation.is-collapsed ul#mainnavi {
		display:none;
	}

	.site-navigation ul#mainnavi {
		display:block;
		width:100%;
		margin:0;
		padding:0;
		border:1px solid #d5e2e8;
		border-top:0;
		background:#ffffff;
	}

	ul#mainnavi li {
		float:none;
		width:100%;
		border-top:1px solid #e7eef2;
	}

	ul#mainnavi li:first-child {
		border-top:0;
	}

	ul#mainnavi li a,
	ul#mainnavi li#navi_top a,
	ul#mainnavi li#navi-top a,
	ul#mainnavi li#navi_events a,
	ul#mainnavi li#navi_webentry a,
	ul#mainnavi li#navi_php a,
	ul#mainnavi li#navi_database a,
	ul#mainnavi li#navi_tools a {
		box-sizing:border-box;
		display:block;
		width:100%;
		height:auto;
		min-height:0;
		padding:12px 14px;
		background:none;
		color:#222222;
		text-indent:0;
		text-align:left;
		text-decoration:none;
		letter-spacing:0;
		line-height:1.5;
	}

	ul#mainnavi li a:hover,
	ul#mainnavi li a.selected {
		background:#e9f5f8;
		color:#005279;
	}
}