#nav_defaultDiotto, 
#nav_defaultDiotto ul {
	padding:0;
	margin:0;
	margin-left:160px;
padding:0 0 0px 0;
	list-style-type:none;
	height:23px;
	font: 11px;
	font-family: Verdana, \"Times New Roman\", Times, serif;
	/*background:#333;*/
	position:relative;
	z-index:100;
	text-transform:uppercase;
	color:#CDB378;
}
#nav_defaultDiotto { width: 700px; padding:0; padding-top:2px;  /*background-color:#fffaea;*/}

#nav_defaultDiotto table {border-collapse:collapse;}
#nav_defaultDiotto li {float:left; height:25px;}
#nav_defaultDiotto li li {float:none; height:25px; background:#333}
/* a hack for IE5.x and IE6 */
#nav_defaultDiotto li a li {float:left; height:25px; width:100%;}

#nav_defaultDiotto li a {display:block; float:left; color:#CDB378; height:25px; list-style-type:none;padding:0 9px 0 9px; line-height:25px; text-decoration:none; white-space:nowrap; /*font-weight:bold;*/ height:25px; /*border-left:1px solid #fff;*/}
#nav_defaultDiotto li li a {height:25px; line-height:25px; float:none; font-weight:normal; }

#nav_defaultDiotto li:hover {position:relative; z-index:100; height:25px; line-height:25px;}
#nav_defaultDiotto a:hover {position:relative; z-index:100; /*background:#C29A6D;*/ line-height:25px; color:#CDB378; /*border-left:1px solid #fff;*/}
#nav_defaultDiotto li:hover > a {/*border-left:1px solid #ee0000; */line-height:25px; height:25px;  /*background:#fffaea; */color:#ee0000;}

#nav_defaultDiotto :hover  ul {left:0; top:25px; /*border-left:1px solid #843;*/ left:-160px;  z-index:300;}
#nav_defaultDiotto a:hover ul {left:-1px; height:25px;}

#nav_defaultDiotto ul {position:absolute; left:-9999px; top:-9999px; width:200px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav_defaultDiotto li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav_defaultDiotto li:hover > ul ul {position:absolute; width:200px; left:-9999px; top:-9999px;}
/* show path followed */
#nav_defaultDiotto li:hover li:hover > a {background:#811618; /*width:200px;*/  color:#fff; /*border:2px solid #fff;*/ }

#nav_defaultDiotto li a:hover ul li a:hover {background:#000000; width:100%;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav_defaultDiotto a:hover a:hover ul,
#nav_defaultDiotto a:hover a:hover a:hover ul,
#nav_defaultDiotto a:hover a:hover a:hover a:hover ul,
#nav_defaultDiotto a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:3;}

/* keep further levels hidden */
#nav_defaultDiotto a:hover ul ul,
#nav_defaultDiotto a:hover a:hover ul ul,
#nav_defaultDiotto a:hover a:hover a:hover ul ul,
#nav_defaultDiotto a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

.current{color:white;}