/* 
	！！ 添加注释的样式可以修改 ！！ 
	！！ 要开启阴影，需要在 js 文件中进行修改，但开启阴影后，在IE6中有一点点的 bug ！！
*/

/* 设置整个导航所在的层的样式 */
#menu{
	width:1218px;
	margin:0 auto;
	height:70px;
}
#menu ul { width:1218px;height:70px;margin:0 auto; text-align:center;}
#menu ul li{
	float: left;
	width:120px;   /* 菜单项的宽度 */
	height:70px;   /* 菜单项的宽度 */
	line-height:60px;
	text-align:center;
	font-size:14px;
	position:relative;
	font-family:"Microsoft Yahei";
}
/* 设置第一行中每个菜单项中 a 标签平常的样式 */
#menu ul li a{font-size:14px;
	display: block;
	color:#fff;
	font-family:"Microsoft Yahei";
	text-decoration: none;
	width: 120px;
	height: 70px;
	position: relative;
}
#menu ul li a span{position: absolute;left: 0;top:40px;width: 120px;height: 10px;line-height: 10px;font-size: 10px;-webkit-transform:scale(0.8);text-align: center;}
/*IE6 hack to get sub menu links to behave correctly*/
* html #menu ul li a{display: block;}
/* 设置每个菜单项中 a 标签经过的样式 */
#menu ul li a:hover{
    width:120px;
    height:70px;
    margin:0 auto;
    color:#a6ccfb;
}
#menu ul li ul{
	display: none;
	visibility: hidden;
	width:230px;
    height:28px;
	position:absolute;
    background:#f5aeac;
	left:0;
	top:5px;
}
#menu ul li ul li{
	height:28px;
	line-height:28px;
	border:0;
	width:60px;
	font-size:12px;
	font-family:"宋体";
}
/* 设置子菜单中每个菜单项中 a 标签平常的样式 */
#menu ul li ul li a{
	 /* 子菜单的宽度 */
	height:28px;
	line-height:28px;
	color:#ffffff;
	float:left;
	font-size:12px;
	width:60px;
	
}
/* 设置子菜单中每个菜单项中 a 标签鼠标经过的样式 */
#menu ul li ul li a:hover{
	height:28px;
	line-height:28px;
    color:#ffffff;
    background: none;
}
/* Holly Hack for IE \*/
* html #menu{height: 1%;}
/* 控制首行导航右侧三角的位置 */
.downarrowclass{
	position: absolute;
	top: 70px;    
	left: 45px;
}
/* 控制子导航右侧三角的位置 */
.rightarrowclass{
	position: absolute;
	top: 13px;     
	right: 7px;
}
/* 阴影样式,如果在 js 中开启了阴影，则需设置 */
.ddshadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}
/* 透明度的设置 */
.toplevelshadow{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}

/*=====================================*/
/* 菜单项之间的竖线 */
#menu ul li.menu_line{  
	background:url(../image/menu_line.png) no-repeat center;
	width:2px;
	height:70px;
}