/****************************************************************
* DOM scripting by brothercake -- http://www.brothercake.com/
* Licensed under GPL -- http://www.gnu.org/copyleft/gpl.html
****************************************************************
* For professional menu solutions visit -- http://www.udm4.com/ 
****************************************************************/
ul.horizontal, ul.horizontal li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%;
}

ul.horizontal {
	position:absolute;
	width:100%;
	cursor:default;
	z-index:2000;
	top:0.05em;
}

ul.horizontal li {
	width:auto;
	float:left;
	position:relative;
	cursor:pointer;
	cursor:hand;
	text-align:left;
	left:0.15em;
	margin:0 0 0 -1px;
}
	
* html ul.horizontal li {
	margin:0 -0.15em 0 0.1em;
}

ul[class^="horizontal"] li {
	margin:0 -0.15em 0 0.05em;
	left:0.05em;
}

ul.horizontal ul {
	z-index:2020;
	padding:0;
	cursor:default;
	position:absolute;
	top:auto;
	width:8.2em;
	margin:0 0 0 0;
	left:-10000px;
}	
ul.horizontal ul li {
	width:10.2em;
	left:auto;
	margin:-1px 0 0 0;
}
ul.horizontal ul.wider, ul.horizontal ul.wider li {
	width:12.2em;
}
ul.horizontal ul ul {
	margin:-0.45em 0 0 7.65em;
}
@media Screen, Projection { 
	ul.horizontal li:hover > ul { left:auto; }
	ul.horizontal ul li:hover > ul { top:0; }
}
ul.horizontal a, ul.horizontal a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	background:#66CC33;
	border:1px solid #edbb85;
	padding:5px 5px;
	font:normal normal bold 0.7em tahoma, verdana, sans-serif;
	color:#ffffff;
	text-decoration:none;
	letter-spacing:1px;
}
ul.horizontal a:hover, ul.horizontal a:focus, ul.horizontal a.rollover, ul.horizontal a.rollover:visited {
	background:#00aa33;
	color:#ffffff;
}
ul.horizontal a.dis, ul.horizontal a.dis:visited {
	color:#66CC33;
	cursor:default;
}
ul.horizontal a.dis:hover, ul.horizontal a.dis:focus, ul.horizontal a.rollover.dis, ul.horizontal a.rollover.dis:visited {
	background:#66CC33;
	color:#66CC33;
	cursor:default;
}
ul.horizontal a { float:left; }
@media Screen, Projection { ul.horizontal a { float:none; } }
ul.horizontal a:not(:nth-child(n)) { float:left; }
ul.horizontal ul a { float:none !important; }
@media screen, projection {
	* html ul.horizontal li {
		display:inline; 
		float:left; 
		background:#ffffff; 
	}
}
* html ul.horizontal li { position:static; }
* html ul.horizontal a { position:relative; }
ul[class^="horizontal"] ul { display:none; }
ul[class^="horizontal"] ul { display:block; }