/* 
	Sample CSS for use in combination with {NAV_LIST_UL:VCSS}
	
	CSS for show/hide flyout menu is rendered dynamically in the style section
	Basis of this CSS is taken from http://www.alistapart.com/articles/horizdropdowns/
*/


/* Styles for Menu Items */

.vcss_menu ul li.sub_no a, 
.vcss_menu ul li.sub_no a:link, 
.vcss_menu ul li.sub_no a:visited, 
.vcss_menu ul li.sub_no a:active,
.vcss_menu ul li.sub_ul a, 
.vcss_menu ul li.sub_ul a:link, 
.vcss_menu ul li.sub_ul a:visited, 
.vcss_menu ul li.sub_ul a:active,
.vcss_menu ul li.sub_ul .selected a, 
.vcss_menu ul li.sub_ul .selected a:link, 
.vcss_menu ul li.sub_ul .selected a:visited, 
.vcss_menu ul li.sub_ul .selected a:active
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background: #336600; /* IE6 Bug */
	background-image: url("http://www.hippoline.lu/ce-kempemillen/img/article/nav_link_1.gif");
	background-position: 1px center;
	background-repeat: no-repeat;
	text-align: left;
	padding: 5px;
	padding-left: 13px;
	border: 1px solid #FFFFFF; /* IE6 Bug */
	border-bottom: 0;
}

.vcss_menu ul li.sub_no a:hover,
.vcss_menu ul li.sub_ul a:hover,
.vcss_menu ul li.sub_ul .selected a:hover 
{
	background: #60994D;
	background-image: url("http://www.hippoline.lu/ce-kempemillen/img/article/nav_link_1.gif");
	background-position: 1px center;
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 13px;
	color: #FFFFFF;
}

.vcss_menu ul li.selected a, 
.vcss_menu ul li.selected a:link, 
.vcss_menu ul li.selected a:visited, 
.vcss_menu ul li.selected a:active,
.vcss_menu ul li.sub_ul .selected .selected a, 
.vcss_menu ul li.sub_ul .selected .selected a:link, 
.vcss_menu ul li.sub_ul .selected .selected a:visited, 
.vcss_menu ul li.sub_ul .selected .selected a:active
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background: #99cc00; /* IE6 Bug */
	background-image: url("http://www.hippoline.lu/ce-kempemillen/img/article/nav_link_1.gif");
	background-position: 1px center;
	background-repeat: no-repeat;
	text-align: left;
	padding: 5px;
	padding-left: 13px;
	border: 1px solid #FFFFFF; /* IE6 Bug */
	border-bottom: 0;
}
.vcss_menu ul li.selected a:hover,
.vcss_menu ul li.sub_ul .selected .selected a:hover 
{
	background: #99cc00;
	background-image: url("http://www.hippoline.lu/ce-kempemillen/img/article/nav_link_1.gif");
	background-position: 1px center;
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 13px;
	color: #FFFFFF;
}

/* Holly Hack. IE Requirement \*/
* html .vcss_menu ul li { float: left; height: 1%; }
* html .vcss_menu ul li a { height: 1%; }
/* End */