﻿
/*CSS Code for Menu Begin:*/ 
/* Root = Horizontal, Secondary = Vertical */ 
ul#navmenu { 
margin: 0; 
border: 0 none; 
padding: 0; 
width: 1000px; /*For KHTML*/ 
list-style: none; 
height: 27px; 
z-index:110;
/* background: #0161ff; */ 
background-image:url(images/menu_bg.jpg); 

} 
ul#navmenu li { 
margin: 0; 
border: 0 none; 
padding: 0; 
float: left; /*For Gecko*/ 
display: inline; 
list-style: none; 
position: relative; 
height: 27px; 
vertical-align:middle;
} 

ul#navmenu ul { 
margin:0;
border: 0px solid blue;
padding:0;
width: 160px; 
list-style: none; 
display: none; 
position: absolute; 
top: 27px; 
left: 0; 
}
 
ul#navmenu ul ul{ 
margin:0;
border: 0px solid #blue;
padding:0;
width: 150px; 
list-style: none; 
display: none; 
position: absolute; 
top: 27px; 
left: 0; 
} 
ul#navmenu ul li { 
float: none; /*For Gecko*/ 
display: block !important; 
display: inline; /*For IE*/ 
margin:0px 5px 0px 5px;
padding:0px 5px 0px 5px;
/*border-bottom: solid 1px #ec1c1c;*/
height:27px;
} 
/* Root Menu */ 
ul#navmenu a 
{
border: 0px solid #FFF; 
border-right-color: #CCC; 
border-bottom-color: #CCC; 
padding: 9px 10px 0px 10px; 
float: none !important; /*For Opera*/ 
float: left; /*For IE*/ 
display: block; 
/*background:  #0161ff; */
background-image:url(images/menu_bg.jpg);
color: #FFFFFF; 
font: bold 15px/20px 宋体, Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none; 
height: auto !important; 
height: 100%; /*For IE*/ 

} 
/* Root Menu Hover Persistence */ 
ul#navmenu a:hover, 
ul#navmenu li:hover a, 
ul#navmenu li.iehover a { 
/* background: #f161df; */
background-image:url(images/menu_bg.jpg);
color: #e1e1e1; 
} 
/* 2nd Menu */ 
ul#navmenu li:hover li a, 
ul#navmenu li.iehover li a { 
float: none; 
font-size:12px;
background:#edf5f9; 
border-bottom: solid 1px #ccccff;
color: #1e4dc5; 
 
} 
/* 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 
{
background: #66CCFF; 
color: #e1e1e1; 

} 
/* 3rd Menu */ 
ul#navmenu li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li a { 
/*background: #0161ff; */
background:#edf5f9;
color: #126ed6; 
} 
/* 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 { 
background: #bbbbbb; 
color: #e1e1e1; 
} 
/* 4th Menu */ 
ul#navmenu li:hover li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li.iehover li a { 
background: #0161ff; 
color: #FFFFFF; 
} 
/* 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: #f161df; 

color: #e1e1e1; 
} 
ul#navmenu ul ul, 
ul#navmenu ul ul ul { 
display: none; 
position: absolute; 
top: 0; 
left: 150px; 
} 
/* 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 { 
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 { 
display: block; 
} 


