@charset "UTF-8";
body,nav#SlideNav,div#ResponsiveNavOverlay,nav#SlideNav ul li a {
	transition-property: all;
	transition-duration: 0.5s;/*0.5s*/
	transition-timing-function: ease-in-out;
}

div#ResponsiveNavSwitch {
	position: fixed;
	top: 22px;
	right: 40px;
	display: inline-block;
	padding: 3px;
	background-color: #707888;
	/*box-shadow: 0px 0px 10px #999999;*/
	border: outset 2px #999999;
	border-radius: 3px 3px 3px 3px;
	cursor: pointer;
	z-index: 4;
}
div#ResponsiveNavSwitch div {
	
}
div#ResponsiveNavSwitch div span {
	font-size: 2.0em;/*24px;*/
	color: #FFFFFF;
}
nav#SlideNav {
	z-index: 4;
	position: fixed;
	top: 90px;/*0px*/
	left: 0px;
	height: 100%;
	background-color: #444444;
	cursor: pointer;
}
nav#SlideNav ul {
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px #666666;
	border-top: solid 1px #333333;
	text-align: left;
}
nav#SlideNav ul li {
	
}
nav#SlideNav ul li a {
	display: block;
	padding: 8px 10px;
	border-top: solid 1px #666666;
	border-bottom: solid 1px #333333;
	color: #FFFFFF;
	text-decoration: none;
}
nav#SlideNav ul li a:hover {
	background-color: #222222;
}
div#ResponsiveNavOverlay {
	z-index: 1;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background-color: #000000;
}
div#ResponsiveNavOverlay.close {
	z-index: 0;
	display: none;
}
/*body.NavOpen {
	padding-left: 200px;
}*/
nav#SlideNav {
	width: 400px;
}
nav#SlideNav.close {
	left: -400px;
}

@media screen and (max-width: 480px) {
	div#ResponsiveNavSwitch {
		position: fixed;
		top: 13px;
		right: 20px;
		display: inline-block;
		padding: 3px;
		background-color: #707888;
		/*box-shadow: 0px 0px 10px #999999;*/
		border: outset 2px #999999;
		border-radius: 3px 3px 3px 3px;
		cursor: pointer;
		z-index: 4;
	}

	div#ResponsiveNavSwitch div span {
		font-size: 1.5em;/*24px;*/
		color: #FFFFFF;
	}

	nav#SlideNav {
		z-index: 4;
		position: fixed;
		top: 60px;/*0px*/
		left: 0px;
		height: 100%;
		background-color: #444444;
		cursor: pointer;
	}
	body.NavOpen {
		/*padding-left: 100%;*/
	}
	nav#SlideNav {
		width: 100%;
	}
	nav#SlideNav.close {
		left: -100%;
	}
}