/*
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;

	table {
		border-collapse:collapse;
		margin:-1px -10px;
		font-size:1em;
	}

	li {
	  /*float the main list items*/
	  margin: 0;
	  float: left;
	  display: block;
	  padding:0;
	}
	li ul {
	  /*hide the subnavs */
	  display: none;

	}
	li 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}};
	}
	/*
	Next, let’s position our second nav level below the main list,
	so that when it does show up again, it’s in the right place.
	*/
	li ul.sitemap {
	  /*put the subnavs below and hide them all*/
	  position: absolute;
	  left:-9999px;
	  /*put the Slickmap below and hide it*/
	  top: -9999px;

	  display: none;
	}
	/*
	Now, we activate the rollover.
	This is not much different than any other CSS dropdown menu —
	the hover is on the li element, so IE will choke
	due to its poor implementation of the :hover psuedo-class. We’ll get to that in a minute.
	 The following CSS removes the border on the second nav level, sets the active subnav to
	 always display, and sets the inactive subnavs to display when their parents are hovered.
	 We’ll set a z-index to be sure that the hovers always take precedence over the current
	 topic area’s subnav.
	*/
	li:hover ul {
	  /*  display the other topics when
	      their parent is hovered */
	  left: 0;
	  top: {{slmfingertip_height}} - 1px;
	  display: block;
	}
}
