#menu ul.navnew,#menu ul.navnew,
#menu ul.navnew ul {
padding:0;
margin:0;
list-style:none;
font:11px arial, verdana, sans-serif;
background:url(assets/images/spacer.gif);
position:relative;
z-index:100;
}

#menu ul.navnew {
height:23px;
padding:0;
}

#menu ul.navnew table {
border-collapse:collapse;
}

#menu ul.navnew li {
float:left;
}

#menu ul.navnew li li {
float:none;
}

/* a hack for IE5.x and IE6 */
#menu ul.navnew li a li {
float:left;

}

#menu ul.navnew li a {
display:block;
float:left;
color:#fff;
height:25px;
padding:0 20px 0 10px;
line-height:22px;
text-decoration:none;
white-space:nowrap;
width:100px;
text-align:center;
border-right: 1px  solid #fff;
}

#menu ul.navnew li li a {
display:block;
height:21px;
line-height:20px;
float:none;
width:auto;
text-align:left;
text-indent:5px;
}

#menu ul.navnew li li a:hover,
#menu ul.navnew li li a.active,
#menu ul.navnew li li.active a   {
color:orange
}

#menu ul.navnew :hover ul li {
border-top:1px solid #fff;
}

#menu ul.navnew :hover ul li a{
*border-right:none;
*border-left:1px solid #fff;
}

#menu ul.navnew li:hover {
position:relative;
z-index:100;
}

#menu ul.navnew a:hover,
#menu ul.navnew a.active {
position:relative;
z-index:100;
color:orange;
}

#menu ul.navnew li:hover > a {
color:orange;
}


#menu ul.navnew li:active> a {
color:orange;
}


#menu ul.navnew :hover ul {
left:0;
top:25px;
background: #b3b4ba;
z-index:300;
width:131px;
}

#menu ul.navnew a:hover ul {
left:-1px;
background-image:none;
}

#menu ul.navnew ul {
position:absolute;
left:-9999px;
top:-9999px;
}

/* show next level */
#menu ul.navnew li:hover li:hover > ul {
left:0;
margin-left:100%;
top:0;
margin-top: -1px;
background-image:none;
}

/* keep further levels hidden */
#menu ul.navnew li:hover > ul ul {
position:absolute;
left:-9999px;
top:-9999px;
width:auto;
}

/* show path followed */
#menu ul.navnew li:hover li:hover > a {
color:orange;
}

#menu ul.navnew li a:hover ul li a:hover {
}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#menu ul.navnew a:hover a:hover ul,
#menu ul.navnew a:hover a:hover a:hover ul,
#menu ul.navnew a:hover a:hover a:hover a:hover ul,
#menu ul.navnew a:hover a:hover a:hover a:hover a:hover ul {
left:100%;
top:0;
}

/* keep further levels hidden */
#menu ul.navnew a:hover ul ul,
#menu ul.navnew a:hover a:hover ul ul,
#menu ul.navnew a:hover a:hover a:hover ul ul,
#menu ul.navnew a:hover a:hover a:hover a:hover ul ul {
position:absolute;
left:-9999px;
top:-9999px;
}

