ul.horizontal, ul.horizontal li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%; 
	}


/* navbar list */
ul.horizontal {
	position:relative;
	left:0;
	width:100%;
	cursor:default;
	z-index:60;
	}


/* navbar list-items */
ul.horizontal li {
	width:auto;
	float:left;
	position:relative;
	cursor:pointer;
	cursor:hand;
	text-align:left;
	
	}

* html ul.horizontal li {
	/*margin:0 -10.55em 0 10.5em;*/
	}

ul[class^="horizontal"] li {
	/*margin:0 -10.55em 0 10.45em;
	left:-3.4em;*/
	}


/* menu lists */
ul.horizontal ul {
	z-index:2020;
	padding:0;
	cursor:default;
	position:absolute;
	top:auto;
	width: 100%;
	
	/* menu width */
	width:8.2em;
	margin:0 0 0 0;
	
	left:-10000px;
	}
	
	
/* menu list-items */
ul.horizontal ul li {
	/* duplicate menu width */
	width:22em;
	
	/* compensate for navbar positioning */
	left:auto;
	
	/* shift list-items to collapse borders vertically */
	margin:-1px 0 0 0;
	
	}


/* you can use <ul> classes to specify different menu widths */
ul.horizontal ul.wider, ul.horizontal ul.wider li {
	width:12.2em;
	}


/* further child-menu offset */
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; }
	}


/* links */
ul.horizontal a, ul.horizontal a:visited {
		display:block;
		cursor:pointer;
		padding: 9px 10px 10px 10px;
		font-size: 12px;
		color:#000;
		text-decoration:none;
		font-weight: bold;
		text-transform: uppercase;
	}
	
/* rollover pseudo-classes, and scriptable persistence class */
ul.horizontal a:hover, ul.horizontal a:focus, ul.horizontal a.rollover, ul.horizontal a.rollover:visited {
	/* background:#EECB4B; */
	color:#FFFFFF;
	padding: 9px 10px 10px 10px;
	}

/* opera 5 and 6, and mac/ie5, need float on the links */
ul.horizontal a { float:left; }

@media Screen, Projection { ul.horizontal a { float:none; } }

ul.horizontal a:not(:nth-child(n)) { float:left; }

/* compensate submenus, using !important to increase specificity for osx/msn */
ul.horizontal ul a { 
	float:none !important; 
	/* add bottom border to children only */
	border: 1px solid #999999;
}

/* hacks for win/ie to cure 'excess hidden margins' and 'double margin float' bugs */
@media screen, projection {
	* html ul.horizontal li {
		/* for ie5.0 */
		display:inline; 
		/* for ie5.5+ */
		float:left; 
		}
	}

/* use different comparative positioning for ie, 
   to avoid problems with virtual z-ordering */
* html ul.horizontal li { position:static; }
* html ul.horizontal a { position:relative; }

/* hide menus from konqueror < 3.2 */
ul[class^="horizontal"] ul { display:none; }
ul[class^="horizontal"] ul { display:block; }