@charset "utf-8";

@media all and (min-device-width:1000px)
{

#menu	{
		width:100%;
		background:#FFFFFF;
		height:100px;
		}

nav	{
	width:100%;
	background:#333333;
	border-bottom:1px solid #FFFFFF;
	text-align:center;
	padding:auto;
	height:70px;
	margin-top:-30px;
	}

nav ul	{
	text-align:center;
	list-style:none;
	}

nav ul li	{
	font-family:Century, Verdana;
	margin-top:25px;
	padding:auto;
	display:inline-block;
	font-size:20px;
	width:22%;
	list-style:none;
	}

nav a	{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	}

nav a:link	{
		display:block;
		color:#FFFFFF;
		text-decoration:none;
		font-size:22px;
		}

nav a:visited	{
		display:block;
		color:#FFFFFF;
		text-decoration:none;
		}

nav a:hover	{
		display:block;
		color:#FFFFFF;
		text-decoration:none;
		font-variant:small-caps;
		font-size:22px;
		}

nav a.active	{
		color:#FFFFFF;
		font-size:22px;
		}

.fixed-nav	{
			top:0px;
			position:fixed !important;
			position:absolute;
			z-index:10;
			background:#333333;
			height:70px;
			padding-bottom:auto;
			text-align:center;
			border-bottom:2px groove #FFFFFF;
			margin-top:0;
			}

* html nav	{
			top:expression(auto);
			}

.fixed-nav li	{
		margin-top:5px;
		}

:target:before	{
		content:"";
		display:block;
		height:170px;
		}

.close	{
		display:none;
		}
}

/*Tablet-Navigation*/

@media (min-width:700px) and (max-width:999px)
{

#menu	{
		width:100%;
		background:#FFFFFF;
		height:100px;
		}

nav	{
	width:100%;
	background:#333333;
	border-bottom:1px solid #FFFFFF;
	text-align:center;
	padding:auto;
	height:70px;
	margin-top:-30px;
	}

nav ul	{
	list-style:none;
	text-align:center;
	margin-left:-10px;
	}

li	{
	list-style:none;
	font-family:Century, Verdana;
	margin-top:25px;
	padding:auto;
	display:inline-block;
	font-size:17px;
	width:24%;
	}

nav a	{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	}

nav a:link	{
		display:block;
		color:#FFFFFF;
		text-decoration:none;
		font-size:17px;
		}

nav a:visited	{
		display:block;
		color:#FFFFFF;
		text-decoration:none;
		}

nav a:hover	{
		display:block;
		color:#FFFFFF;
		text-decoration:underline;
		font-size:17px;
		font-variant:none;
		}

nav a.active	{
		color:#FFFFFF;
		font-size:17px;
		}

.fixed-nav	{
			top:0px;
			position:fixed !important;
			position:absolute;
			z-index:10;
			background:#333333;
			height:70px;
			padding-bottom:auto;
			text-align:center;
			border-bottom:2px groove #FFFFFF;
			margin-top:0;
			}

* html nav	{
			top:expression(auto);
			}

.fixed-nav li	{
		margin-top:5px;
		}

:target:before	{
		content:"";
		display:block;
		height:170px;
		}

.close	{
		display:none;
		}
}