/*code based on Stu Nicholls "ultimate dropdown menu"
http://www.cssplay.co.uk*/
/*common styling*/
/*menu container*/
.menucontainer{
background: url(../image/bg1OFF.jpg) repeat-x top center; /*背景白色；图片为bg1OFF；横向重复；靠上、靠左*/
}

/*basic menu styling*/
.menu {
float:none;/*元素漂浮效果，left,right,none*/
font-family: "宋体",Arial;/*字体：中文宋体，英文Arial*/
width:100%;
height:27px;
position:relative;
font-size:12px;
text-align: center;/*文本对齐*/
/*font-weight:bold;*/
background:url(../image/bg1OFF.jpg) repeat-x;
}

.menu ul {
padding:0;/*内边距*/
margin:0;/*外边距*/
list-style-type:none;/*列表项标记的类型*/
float:none;
position:relative;
text-align: center;
}

.menu ul li {
float:left;
position:relative;
display:inline;
text-align: center;
}

/*style of main items normal state，导航栏链接和链接被访问过的样式*/
.menu ul li a, .menu ul li a:visited {
background:url(../image/bg1OFF.jpg) repeat-x;
float:left;
text-decoration:none;/*定义对文本的修饰，下划线等*/
color:#FFFFFF;
width:90%;/*导航栏每个栏目方框的宽度*/
height:19px;
padding:5px 21px 5px 21px;
line-height:20px;/*行间距离，这里变成3，导航栏字上移，显示一半*/
text-transform:uppercase;/*对字母进行控制，uppercase：只有大写字母*/
}
* html .menu ul li a, .menu ul li a:visited {
width:auto;
width:auto;
}

/*hide sub nav items*/
.menu ul li ul {display:none;}

/*style for table of sub nav items*/
.menutable {
margin:-5px;
border-collapse:collapse;/*合并表格边框*/
font-size:12px;
}

/*specific to non IE browsers*/
/*main nav over state*/
.menu ul li:hover a {
color:#000;
background: url(../image/bg1ON.jpg) repeat-x top left ;
}

/*show drop-down list*/
.menu ul li:hover ul {
display:block;/*此元素将显示为块级元素，此元素前后会带有换行符。*/
position:absolute;
top:22px;
margin-top:0px;
left:0;
width:100%;
border-top:1px solid #fff;
}
/*drop-down on state，鼠标经过导航栏时，其下下拉列表效果*/
.menu ul li:hover ul li a {
display:block;/*此元素将显示为块级元素，此元素前后会带有换行符。*/
background:#8cbfaa;
color:#FFFFFF;
height:auto;
line-height:15px;/*下拉列表每个表格的高度*/
padding:2px 16px 2px 16px;
width:100px;/*下拉列表的宽度*/
border-bottom:1px solid #fff;/*底边属性*/
}
/*sub drop-down over state*/
.menu ul li:hover ul li a:hover {
background:#cccccc;
color:#000;
}