/*
http://www.alistapart.com/articles/hybrid/
The first thing we are going to do with our CSS is to display the primary level horizontally
(using float) and hide all of the subnavigation lists.
We will also set the display for the links in the list to be bold, colored, and have a border.
*/
ol.flyout-slickmap {
	background: #5e70aa url(./template_images/navi_images/{{slmfingertip_file}}) top left no-repeat;
	height: {{slmfingertip_height}};
	line-height: {{slmfingertip_height}};
	font-size:{{NavifontsizeSel}};
	width:{{slmfingertip_width}};
	padding:0;
	margin:0;
	list-style: none;
	border:0;
	position:relative;
	z-index:33;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
ol.flyout-slickmap li ul {
	padding:0;
	margin:0;
	list-style: none;
	border:0;
}
ol.flyout-slickmap li {
	float:left;
	padding:0;
	margin:0;
	border:0;
	a.sm {
		background: url(./template_images/navi_images/{{slmfingertip_file}}) left center no-repeat;
	  font-weight: bold;
	  display: block;
	  height: {{slmfingertip_height}};
		width:{{slmfingertip_width}};
	}
}
ol.flyout-slickmap li ul table {
	border-collapse:collapse;
	margin:-1px -10px;
	font-size:1em;
}

/* float the list so that the items are in a line */
ol.flyout-slickmap li ul li {
	float:left;
}
/* style the links */
ol.flyout-slickmap li ul li a,
ol.flyout-slickmap li ul li a:visited {
	display:block;
	text-align:center;
	text-decoration:none;
}
/* make the flying out ul invisible */
ol.flyout-slickmap li ul ul {
	position:absolute;
	left:-9999px;
	height:0;
}

/* set the background and foreground color of the main menu items on hover */
ol.flyout-slickmap li ul li a:hover,
ol.flyout-slickmap li ul li:hover a {
	color:#fff;
	background:#b3ab79;
}
/* make the flying out ul visible and position it over the first list item */
ol.flyout-slickmap li ul :hover ul {
	top:-{{slmfingertip_height}};
	height:auto;
	left:-10px;
	text-align:left;
	z-index:33;
}
/* make the flying out ul li the full width. Add an auto scroll bar */
ol.flyout-slickmap li ul :hover ul li {
	float:left;
	padding:0;
/*	overflow:auto;
*/
}
