/* common styling */
/* set up the overall width of the menu div, the font and the margins */
.menu {
display:inherit; 
font-family: arial, sans-serif;
font:bold 32px/34px Georgia;
width:1024PX;
margin:0;
margin:68px 0 4px 162px;/*上右下左*/
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left;
position:relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a:visited {
display:block;
text-align:center;
text-decoration:none;
font:bold 32px/34px Georgia;
width:100px;
height:30px;
color:#FFF;font-weight:bold;
letter-spacing:1px;
border:1px solid #fff;
border-width:0 0 1px 0;
background-image:url('../images/bar_navy.jpg');
/*
background-image:url('../images/menu_red.jpg');*/
background-repeat:no-repeat;
/*background:#CC0066;*/
/*c9c9a7;*/
line-height:30px;
font-size:11px;
}
.menu ul li a {
display:block;
text-align:center;
text-decoration:none;
width:100px;
height:30px;
color:#FFF;font-weight:bold;letter-spacing:1px;
border:1px solid #fff;
border-width:0 0 1px 0;
background-image:url('../images/bar_navy.jpg');
/*
background-image:url('../images/menu_red.jpg');*/
background-repeat:no-repeat;
/*background:#CC0066;*/
/*c9c9a7;*/
line-height:30px;
font-size:11px;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#fff;
font-weight:bold;
background-image:url('../images/bar_grape.jpg');
/*
background-image:url('../images/menu_purple.jpg');*/
background-repeat:no-repeat;
/*background:#000073;*/
/*b3ab79;*/
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block;
position:absolute;
top:31px;
left:0;
width:125px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block;
/*background-image:url('../images/menu_red_long.png');
background-repeat:no-repeat;*/
background:#AA1582;

/*E8D0FF;*/
/*8679b3;紫色*/
/*D9D9FF;*/
color:#fff;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
/*background-image:url('../images/menu_purple_long.png');
background-repeat:no-repeat;*/
background:#fff;
/*faeec7;米色*/
/*dfc184;*/
color:#AA1582;
}