@charset "utf-8";
/* CSS Document */

#menu{
margin:0 0 0 -40px;/*外边距*/
position:relative;/*不会撑开父级*/
margin:0;/*IE浏览器下的外边距*/
width:80px;/*IE浏览器下的宽度*/

}
#menu ul{
list-style:none;/*不存在样式*/
}   
#menu li {
	float:left;/*向左浮动*/
	position:relative;/*不会撑开父级*/
	background-color: #084194;
}   
#menu ul ul {
visibility:hidden;/*可见性继承父类*/
position:absolute;/*绝对定位*/
left:-40px;/*左边*/
top:31px;/*上边*/ 
*left:0;/*IE浏览器下的绝对定位从左开始*/
}
#menu table{
position:absolute; /*绝对定位*/
left:0;/*左边*/
top:0;/*上边*/
}
#menu ul li:hover ul,#menu ul a:hover ul{
visibility:visible;/*对象可示*/
}
#menu a{
	display:block;/*块级元素*/
	text-align:center;/*文本居中显示*/
	text-decoration:none;/*下划线不存在样式*/
	width:140px;/*宽度*/
	color:#000;/*文字颜色*/
	line-height:30px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0851ad;
	border-right-color: #0851ad;
	border-bottom-color: #0851ad;
	border-left-color: #0851ad;
}
#menu a:hover{
color:#fff;/*颜色*/
background:#187dde;/*背景*/
}
#menu ul ul li {
clear:both;/*不允许浮动*/
text-align:left;/*文本向左对齐*/
}
#menu ul ul li a{
display:block;/*块级元素*/
width:140px;/*宽度*/
border:1px solid #fff;/*边框大小 直线 颜色*/
border-width:1px 1px 1px 1px;/*边框大小*/
background:#084da5;/*背景颜色*/
color:#000;/*文字颜色*/
}
#menu ul ul li a:hover{
background:#dfc184;/*背景颜色*/
color:#000;/*文字颜色*/
}

