/*定义整个ul菜单的行高和背景色*/
#xnav { width:180px; line-height: 24px; list-style-type: none; text-align:left; } 

/*==================一级目录===================*/
/*Width(一定要)，否则下面的li会变形*/
#xnav a { width: 180px; display: block; padding-left:0px; } 

#xnav li { background:#FFF; /*一级目录的背景色*/
border-bottom:#FFF 1px solid; /*下面的一条白边*/
float:left; /*float：left,本不应该设置，但由于在Firefox不能正常显示
继承Nav的width,限制宽度，li自动向下延伸*/ }

#xnav li a:hover{ background:#66CC66; /*一级目录onMouseOver显示的背景色*/ } 
#xnav a:link { color:#666; text-decoration:none; }
#xnav a:visited { color:#666;text-decoration:none; }
#xnav a:hover { color:#FFF;text-decoration:none;font-weight:bold; }

/*==================二级目录===================*/
#xnav li ul { list-style:none; text-align:left; }
#xnav li ul li{ background: #DFFFEF; /*二级目录的背景色*/ }
#xnav li ul a{width:180px;
/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/ }

/*下面是二级目录的链接样式*/ 
#xnav li ul a:link { color:#666; text-decoration:none; }
#xnav li ul a:visited { color:#666;text-decoration:none; }
#xnav li ul a:hover { color:#F3F3F3; text-decoration:none; font-weight:normal;
background:#CC0000; /* 二级onmouseover的字体颜色、背景色*/ }

/*==============================*/
#xnav li:hover ul { left: auto; }
#xnav li.sfhover ul { left: auto; }
#content { clear: left; }

/*此节，用来控制菜单是否全部展开，如果注释掉，菜单就全部展开，在调试程序时有用。*/
#xnav ul.collapsed { display: none; }

#PARENT{ width:300px; padding-left:0px; }