<style type="text/css"> 
body { 
margin: 0; 
background: #0a4c91; 
color: #0a4c91; 
} 

/*CSS Code for Menu Begin:*/ 
/* Root = Horizontal, Secondary = Vertical */ 
ul#navmenu { 
Z-INDEX:400; 
margin: 0; 
border: 0 none; 
padding: 0; 
width: 535px; /*For KHTML*/ 
list-style: none; 
height: 24px; 
} 
ul#navmenu li {
Z-INDEX:400; 
margin: 0; 
border: 0 none; 
padding: 0; 
float: left; /*For Gecko*/ 
display: inline; 
list-style: none; 
position: relative; 
height: 21px; /*drop menu line height*/
} 
ul#navmenu ul { 
Z-INDEX:400; 
margin: 0; 
border: 0 none; 
padding: 0; 
width: 180px; /*the length of the class 1 dropmenu*/ 
list-style: none; 
display: none; 
position: absolute; 
top: 30px; /*控制一级下拉菜单距离顶行菜单的距离*/ 
left: 0; 
} 
ul#navmenu ul li { 
Z-INDEX:400; 
BORDER-BOTTOM: #ffffff 1px solid; 
float: none; /*For Gecko*/ 
display: block !important; 
display: inline; /*For IE*/ 
} 
/* Root Menu */ 
ul#navmenu a { 
Z-INDEX:400; 
border: 0px solid #FFF; 
border-right-color: #CCC; 
border-bottom-color: #CCC; 
padding: 0 0px; 
float: none !important; /*For Opera*/ 
float: left; /*For IE*/ 
display: block; 
background: #0a4c91; 
color: #0a4c91; 
/* 12px/21px 意思是，字体12px号，背景高度是21*/
FONT: 12px/21px; COLOR: #0a4c91; TEXT-DECORATION: none
text-decoration: none; 
height: auto !important; 
height: 1%; /*For IE*/ 
} 
/* Root Menu Hover Persistence */ 
ul#navmenu a:hover, 
ul#navmenu li:hover a, 
ul#navmenu li.iehover a { 
Z-INDEX:400;
background: #0a4c91; 
text-decoration: none;
color: #FFF; 
} 
/* 2nd Menu */ 
ul#navmenu li:hover li a, 
ul#navmenu li.iehover li a { 
float: none; 
/*二级下拉菜单背景色*/
Z-INDEX:400; 
background: #dbdcdd; 
/*二级菜单字体颜色*/
color: #0a4c91; 
} 
/* 2nd Menu Hover Persistence */ 
ul#navmenu li:hover li a:hover, 
ul#navmenu li:hover li:hover a, 
ul#navmenu li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover a { 
/*二级菜单当前活跃菜单背景色*/
Z-INDEX:400; 
background: #4F72B2; 
color: #FFF; 
} 
/* 3rd Menu */ 
ul#navmenu li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li a { 
Z-INDEX:400; 
BORDER-LEFT: #ffffff 2px solid;
background: #dbdcdd; 
color: #0a4c91; 
} 
/* 3rd Menu Hover Persistence */ 
ul#navmenu li:hover li:hover li a:hover, 
ul#navmenu li:hover li:hover li:hover a, 
ul#navmenu li.iehover li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover a { 
Z-INDEX:400; 
background: #4F72B2; 
color: #FFF; 
} 
/* 4th Menu */ 
ul#navmenu li:hover li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li.iehover li a { 
background: #EEE; 
color: #0a4c91; 
} 
/* 4th Menu Hover */ 
ul#navmenu li:hover li:hover li:hover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover li a:hover { 
background: #CCC; 
color: #FFF; 
} 
ul#navmenu ul ul, 
ul#navmenu ul ul ul { 
Z-INDEX:400; 
display: none; 
position: absolute; 
top: 0; 
left: 180px;  /*the length of the class 2 dropmenu*/ 
} 
/* Do Not Move - Must Come Before display:block for Gecko */ 
ul#navmenu li:hover ul ul, 
ul#navmenu li:hover ul ul ul, 
ul#navmenu li.iehover ul ul, 
ul#navmenu li.iehover ul ul ul { 
Z-INDEX:400; 
display: none; 
} 
ul#navmenu li:hover ul, 
ul#navmenu ul li:hover ul, 
ul#navmenu ul ul li:hover ul, 
ul#navmenu li.iehover ul, 
ul#navmenu ul li.iehover ul, 
ul#navmenu ul ul li.iehover ul { 
Z-INDEX:400; 
display: block; 
} 
</style>