ul#topnav {
	margin: 0; padding: 0;
	text-decoration:none; font-weight:bold;
	float: left;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 14px;
}
ul#topnav li.menu {
	float: left;
	margin: 0; padding:0; 
	width:87px; height:49px;
	
}

ul#topnav li a {
	padding: 2px; margin:0px; text-align:center;
	display: block;
	color: #FFFFFF; margin-top:6px;
	text-decoration: none;
	
}
ul#topnav li a.menuext {}
ul#topnav li a.menint {}
ul#topnav li.selected { margin:0; margin-top:-8px; padding-top:8px; background: url(../webimg/bgbgmenu.png) no-repeat top left;  }
ul#topnav li.selected a{ margin:0; margin-top:4px; padding-top:4px;  color:#272727;}
ul#topnav li:hover { margin:0; margin-top:-8px; padding-top:8px; background: url(../webimg/bgbgmenu.png) no-repeat top left; }
ul#topnav li:hover a{ margin:0; margin-top:4px; padding-top:4px;  color:#272727;}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span.exterieur {
	font-size:12px;
	width:302px; height:42px;
	float: left;
	padding: 15px 0 0 8px;
	position: absolute;
	left: -80px; top:28px;
	display: none; /*--Hide by default--*/
	background:url(../webimg/subnav.png) no-repeat top left;
	color:#272727;
}

ul#topnav li span.interieur {
	font-size:12px;
	width:296px; height:42px;
	float: left;
	padding: 15px 0 0 7px;
	position: absolute;
	left: -10px; top:28px;
	display: none; /*--Hide by default--*/
	background:url(../webimg/subnav2.png) no-repeat top left;
	color:#272727;
}

ul#topnav li span.hardlopers {
	font-size:12px;
	width:296px; height:42px;
	float: left;
	padding: 15px 0 0 6px;
	position: absolute;
	left: -80px; top:28px;
	display: none; /*--Hide by default--*/
	background:url(../webimg/subnav3.png) no-repeat top left;
	color:#272727;
}
ul#topnav li:hover span { display: block;  /*--Show subnav on hover--*/ }
ul#topnav li span a { display: inline; color:#272727; padding:0 4px 0 4px;} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline; color:#FFFFFF; background:url(../webimg/bg_submenu.png) repeat-x; padding:8px 4px 8px 4px;}

ul#topnav li span a.selected {text-decoration: underline; color:#FFFFFF; background:url(../webimg/bg_submenu.png) repeat-x; padding:8px 4px 8px 4px;}

ul#topnav li span a { display: inline; color:#272727; padding:0 4px 0 4px;}
ul#topnav li span a:hover {text-decoration: underline; color:#FFFFFF; background:url(../webimg/bg_submenu.png) repeat-x; padding:8px 4px 8px 4px;}