/* common styling */
/* set up the overall width of the menu div, the font and the margins */
.menu {	width:949px;	margin:0 auto;background:url(../images/menubg.gif) center top repeat-x; height:30px;}
.menu ul {padding:0; margin:0;list-style-type: none; padding-left:110px; height:30px; }
.menu ul li {float:left; height:37px; list-style:none;position:relative; margin-right:1px; background:url(../images/navbg.gif) right 0 no-repeat;}
.menu ul li a:link, .menu ul li a:visited{ padding:0 35px;  display:inline-block; color:#FFF; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:15px;  line-height:30px; text-align:center; font-weight:bold}
.menu ul li a:hover{ color:#FFF; height:30px;  background:url(../images/menubg2.png) center top repeat; padding:0 35px; display:block }
.menu ul li.selected {float:left; height:30px; list-style:none;position:relative; margin-right:1px;  background:url(../images/menubg2.png) center top repeat; }
.menu ul li.selected a{ color:#2D8700;color:#FFF; }
.menu ul li ul {display: none;}
.menu ul li ul li ul{visibility:hidden;}
.menu ul li:hover ul {display:block; position:absolute; top:37px; left:-1px; width:200px;}

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:-16px; top:37px; width:200px; height:auto; z-index:300;}

#nav li:hover ul li{ border-bottom:1px solid #FFF; width:200px; text-indent:4px; height:29px; }
#nav li:hover ul.sub li a{text-indent:4px;display:inline-block; background:#2D8702; color:#FFF;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;text-align:left; height:29px; width:100%;line-height:29px;}
#nav li:hover ul li a:hover {background:#0A1C8A; color:#FFF;text-decoration:none;width:200px;display:inline-block;}








#nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li ul.sub li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-50px; top:-4px;  padding:13px; white-space:nowrap; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-50px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff; } 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#000; } 




/*三级*/
.menu ul li:hover ul li:hover ul {display:block; visibility:visible;position:absolute; top:0; left:170px; width:170px;}
/*三级*/
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li.child a{display:inline-block; background:#666; color:#FFF;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;text-align:left; height:20px; width:100%;}
/* style the background and forground colors of the links on hover */
/*三级*/
.menu ul li:hover ul li:hover ul li{ border-left:1px solid #617081; border-right:1px solid #617081; border-bottom:1px solid #617081; width:100%; background-color:#faeec7; height:20px; text-indent:4px;}
.menu ul li:hover ul li:hover ul li a{text-indent:4px;display:inline-block; background:#666; color:#FFF;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;text-align:left; height:20px; width:100%;}
.menu ul li:hover ul li ul li a:hover {background:#FF9900; color:#FFF;text-decoration:none;width:170px;display:inline-block;background-image:none;}
/*  三级*/
/*----  tabMenu  ----*/
#mainMenu{	background:url(../images/main_middle2.png) repeat-x; 	/* Background color of main menu */
	border-bottom:1px solid #3D9C3D;	/* Bottom border of main menu */
	height:27px;	/* Height of main menu */
	position:relative;	/* Don't change this position attribute */
	}
#mainMenu a{	padding-left:0px;	/* Spaces at the left of main menu items */
	padding-right:2px;	/* Spaces at the right of main menu items */
	font-weight:bold;	/* Don't change these two options */
position:absolute;	width:110px;	display:block;		/* Change this value to -2px if you're not using a strict doctype */
	left: 59px;	bottom:2px;	margin-right:2px;}
#submenu{			width:100%;	/* Don't change this option */
}
	#submenu_1, #submenu_2, #submenu_3, #submenu_4{ padding:14px; padding-top:3px;}
#submenu_2{ left:12px;}
#submenu div{	white-space:normal;	/* Don't change this option */
}
/*Style attributes of active menu item */
#mainMenu .activeMenuItem, 	#mainMenu .activeMenuItem a:link, 	#mainMenu .activeMenuItem a:visited{	/* Border options */
	color: #333;	/* Text color */
	background:url(../images/activebg.png) no-repeat;	height:30px;	line-height:30px;	width:110px;	display:block;	cursor:pointer;	float:left;	text-align:center;	margin-bottom:0px;/* Cursor like a hand when the user moves the mouse over the menu item */
}
#mainMenu a:hover{ text-decoration:none}
#mainMenu .activeMenuItem a:visited{	/* Border options */
	color: #333;	/* Text color */
	text-decoration:none;	text-align:center	/* Cursor like a hand when the user moves the mouse over the menu item */
}
#mainMenu .activeMenuItem img{	position:absolute;	bottom:0px;	right:0px;}
	/*Style attributes of inactive menu items*/
#mainMenu .inactiveMenuItem, #mainMenu .inactiveMenuItem a:link, #mainMenu .inactiveMenuItem a:visited{			color: #FFF;	/* Text color */
	background:url(../images/inactivetabbg.png) no-repeat;	height:30px;	width:110px;	display:block;	line-height:30px;	text-align:center;	cursor:pointer;		/* Cursor like a hand when the user moves the mouse over the menu item */
}