.navlinks {
	width: 98%;
	position: relative;
	float: left;
	height: auto;
	padding: 0 0 0 2%;
 	margin: 0;
	background: #f26522;
	
	}

li.navlink {
	color: #FDF1E5;
	font-family: 'Viga', sans-serif;
	font-size: 1rem;
	text-decoration: none;
	float: left;
	width: auto;
	height: auto;
	text-align: left;
	margin: 0;
	padding: 10px 0;
	background: none;
	list-style-type: none;
	background-color: none;
	}
	
@media screen and (max-width: 1080px) {
	li.navlink { font-size: .85rem; }
}

@media screen and (max-width: 950px) {
	li.navlink { font-size: .7rem; }
}

@media screen and (max-width: 800px) {
	li.navlink { font-size: .65rem; }
}

@media screen and (max-width: 750px) {
	li.navlink { font-size: .6rem; }
}

li.navlink a {
	color: #FDF1E5;
	width: 100%;
	height: 100%;
	text-align: left;
	margin: 0;
	padding: 10px 8px;
	background: none;
	text-decoration: none;
	}

@media screen and (max-width: 1080px) {
	li.navlink a { padding: 10px 6px; }
}

@media screen and (max-width: 950px) {
	li.navlink a { padding: 10px 5px; }
}

@media screen and (max-width: 800px) {
	li.navlink a { padding: 10px 3px; }
}

@media screen and (max-width: 750px) {
	li.navlink a { padding: 10px 2px; }
}

li.navlink a:link {
	color: #FDF1E5;
	}

li.navlink a:visited {
	color: #FDF1E5;
	}
	
li.navlink a:hover {
	color: #FFF;
	background: url(../templateimg/headnavhov.png) 0 0 repeat-x;
	}
	
li.navlink a:active {
	color: #FDF1E5;
	}
	
li.navlinkpic {
	color: #FDF1E5;
	font-family: 'Viga', sans-serif;
	font-size: 16px;
	text-decoration: none;
	float: left;
	width: auto;
	height: 45px;
	text-align: left;
	margin: 0;
	padding: 0;
	background: none;
	list-style-type: none;
	display: inline;
	background-color: none;
	}
	
li.navlinkpic a {
	color: #FDF1E5;
	text-decoration: none;
	float: left;
	width: auto;
	height: 35px;
	text-align: left;
	margin: 0;
	padding: 8px 12px 2px 12px;
	background: none;
	}

li.navlinkpic a:link {
	color: #FDF1E5;
	}

li.navlinkpic a:visited {
	color: #FDF1E5;
	}
	
li.navlinkpic a:hover {
	color: #FFF;
	background: url(../templateimg/headnavhov.png) 0 0 repeat-x;
	}
	
li.navlinkpic a:active {
	color: #FDF1E5;
	}
	
/* The Dropdown menu */

.dropdown {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	width: 300px;
	height: auto;
	text-align: left;
	margin: 0;
	padding: 0;
	background: url(../templateimg/dropdownbg.png) 0 0 repeat;
	z-index: 10000;
	}


@media screen and (max-width: 600px) {
	.dropdown {
		width: 186px;
	}
}

li.dropdownlist {
	color: #FDF1E5;
	font-family: 'Viga', sans-serif;
	font-size: 1rem;
	text-decoration: none;
	text-align: left;
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	border: none;
	background: none;
	}
	
@media screen and (max-width: 600px) {
	li.dropdownlist {
	font-size: .65rem;
	}
}

li.dropdownlist a {
	color: #FDF1E5;
	text-decoration: none;
	float: left;
	width: 90%;
	height: auto;
	text-align: left;
	margin: 0;
	padding: 15px 5%;
	background: none;
	}

li.dropdownlist a:link {
	color: #FDF1E5;
	}

li.dropdownlist a:visited {
	color: #FDF1E5;
	}
	
li.dropdownlist a:hover {
	color: #FFF;
	background: url(../templateimg/headnavhov.png) 0 0 repeat-x;
	}
	
li.dropdownlist a:active {
	color: #FDF1E5;
	}