.navig {
	position: relative;
}

.navig, .navig ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

.navig li {
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.05em;
	letter-spacing: 1px;
	width: 160px;
	height: 33px;
	background: url(../images/navigationbutton-inactive.png) no-repeat;
	margin: 0 1px;
	padding: 0;
	border: 0;
	display: block;
	float: left;
}

ul.levelone li:hover, ul.levelone li.over {
	background: url(../images/navigationbutton-hover.png) no-repeat;
}

/* initialy hide all sub menus */
.navig ul {
	width: 100%;
	min-width: 100%;
	display: block;
	visibility: hidden;
	position: absolute;
	clear: both;
	left: 0;
}

/* -- float.clear -- force containment of floated LIs inside of main UL */
.navig:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/* -- float.clear.END --  */

.navig li.slc ul, .navig li:hover ul, .navig li.over ul {
	visibility: visible;
}

.navig li.slc ul {
	z-index: 10;
}

.navig li:hover ul, .navig li.over ul {
	z-index: 100;
}

/*		Navigation make-up 	*/

/* Fix for IE5/Mac + IE7
		1. if there are two columns in the main content and the styling used is left:0 + margin:0 auto, the NAV starts at the right edge of the content, not in the middle.
			this keeps it in the middle, for all cases
			Amazingly, Win IE7 has the same problem. A browser from the end of 2006.
*/
.navig {
	margin: 0 0 3em -470px;
	padding: 0;
	position: absolute;
	top: 109px;
	left: 50%;
}

#nav .subnote {
	display: none;
}

.navig a, .navig a:visited {/* basic link style, just making the box */
	line-height: 33px;
	display: block;
}

ul.leveltwo {
	background: url(../images/subnav-background.png) repeat-x;
}

.leveltwo li {
	height: 63px;
	width: auto;
	text-transform: none;
	letter-spacing: normal;
}

.levelone li a, .levelone li a:visited {
	color: #fff;
}

.leveltwo li a, .leveltwo li a:visited {
	padding: 0 15px;
	line-height: 63px;
	color: #758a7c;
}

.levelone li.activetop a {
	color: #758a7c;
}

.leveltwo a:link, .leveltwo a:visited {
	color: #758a7c;
}

.navig ul {/* default submenu styling */
	width: 948px;
	min-width: 948px;
	top: 33px;
}

.navig li li a {/* basic submenu styles */
	font-weight: normal;
}

.navig li li a:hover {
	color: #2eaf5b;
	text-decoration: underline;
}

ul.levelone li.slc, ul.levelone li#active .over {
	color: #758a7c;
	background: url(../images/navigationbutton-active.png) no-repeat;
}

.navig .slc a {
	color: #758a7c;
}

ul.leveltwo li.subitem_current a {
	font-weight: bold;
}


ul.leveltwo li, ul.leveltwo li:hover {
	background: url(../images/subnav-trenner.png) no-repeat right;
}


ul.leveltwo li:last-child {/* except the last one */
	background: none;
}

.navig li li.slc a:link, .navig li li.slc a:visited, .navig li li.slc a:hover, .navig li li.slc a.over, ul.levelone li#activetop a {
	color: #758a7c;
}