/* common styling */
/* set up the overall width of the menu div, the font and the margins */
.menu {	width:980px;	margin:0 auto; background:url(../images/barbg.jpg) center top repeat-x; position:relative}
.menu ul {padding:0; margin:0;list-style-type: none; padding-left:42px; height:43px; }
.menu ul li {float:left; height:43px; list-style:none;position:relative; margin-right:1px; }
.menu ul li a:link, .menu ul li a:visited{ margin:0 5px; width:88px; height:43px; display:inline-block; color:#FFF; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:14px;  line-height:43px; text-align:center; text-transform:uppercase}
.menu ul li a:hover{ color:#FFF; text-decoration:underline;  }
.menu ul li.selected {float:left; height:43px; list-style:none;position:relative; margin-right:1px;  background:url(../images/menus.png) center top no-repeat; }
.menu ul li.selected a{ color:#14ACD8;}
.menu ul li ul {display: none;}
.menu ul li ul li ul{visibility:hidden;}
.menu ul li:hover ul {display:block; position:absolute; top:43px; left:-1px; width:200px;}

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

#nav li:hover ul.sub
{left:0px; top:43px; width:200px; height:auto; z-index:1300;}

#nav li:hover ul li{width:200px;  height:29px; }
#nav li:hover ul.sub li a{display:inline-block; background:#E4EAED; color:#333;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;text-align:left; height:29px; width:200px; padding-left:18px; width:182px;line-height:29px;}
#nav li:hover ul li a:hover {background:#97AFBC; color:#FFF;text-decoration:none;width:200px;width:200px; padding-left:18px; width:182px;}








#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 */
}