/* CSS Document */

ul.nav,
ul.nav1 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width:  100%;
}

ul.nav {
	columns: 2;
}

ul.nav1 {
	columns: 3;
}

ul.nav li,
ul.nav1 li {
	font-family: Font, Verdana;
	text-align: center;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

ul.nav li.nav2,
ul.nav li.nav3 {
}

ul.nav li.nav0 a:hover,
ul.nav li.nav1 a:hover,
ul.nav li.nav2 a:hover,
ul.nav li.nav0.active a,
ul.nav li.nav1.active a,
ul.nav li.nav2.active a {
	color: #FFED00;
}

ul.nav li a {
	text-decoration: none;
	color: #FFF;
}

ul.nav li a:hover,
ul.nav li.active {
	color: #FFED00;
}

ul.nav li.nav0 a {
	font-size: 20px;
}

ul.nav li.nav1 a {
	font-size: 16px;
}

ul.nav li.nav2 a {
	font-size: 12px;
}

@media screen and (max-width: 620px) {
	ul.nav.responsive li.active {
		float: left;
		width: auto;	
	}
}

@media screen and (min-width: 620px) {
	ul.nav {
		columns: 4;
	}
	
	ul.nav1 {
		columns: 6;
	}
}

@media screen and (min-width: 1250px) {
	ul.nav li.nav0 a,
	ul.nav li.nav1 a,
	ul.nav li.nav2 a {
		font-size-adjust: 1;
	}

}