/* common styling */
/* set up the overall width of the menu div, the font and the margins */
.menu {
	width:576px;
	margin:0;
	position:absolute;
	top:89px;
	left:244px;
	z-index:1000;
}

.menu ul {padding:0; margin:0;list-style-type: none;width:100%;}
.menu ul li {float:left;  height:32px; list-style:none;position:relative; margin-right:1px;}

.menu ul li.a a{ background: url(../images/nav/1.png); width:96px; height:32px; display:block; }
.menu ul li a.selected{ background: url(../images/nav/1_2.png); width:96px; height:32px; display:block; }
.menu ul li.a :hover{ background: url(../images/nav/1_2.png); }

.menu ul li.b a{ background: url(../images/nav/2.png); width:160px; height:32px; display:block; }
.menu ul li.b a.selected{ background: url(../images/nav/2_2.png); width:160px; height:32px; display:block; }
.menu ul li.b :hover{ background: url(../images/nav/2_2.png); }


.menu ul li.c a{ background: url(../images/nav/3.png); width:142px; height:32px; display:block; }
.menu ul li.c a.selected{ background: url(../images/nav/3_2.png); width:142px; height:32px; display:block; }
.menu ul li.c :hover{ background: url(../images/nav/3_2.png); }

.menu ul li.d a{ background: url(../images/nav/4.png); width:86px; height:32px; display:block; }
.menu ul li.d a.selected{ background: url(../images/nav/4_2.png); width:86px; height:32px; display:block; }
.menu ul li.d :hover{ background: url(../images/nav/4_2.png); }

.menu ul li.e a{ background: url(../images/nav/5.png); width:85px; height:32px; display:block; }
.menu ul li.e a.selected{ background: url(../images/nav/5_2.png); width:85px; height:32px; display:block; }
.menu ul li.e :hover{ background: url(../images/nav/5_2.png); }

.menu ul li.f a{ background: url(../images/nav/6.png); width:78px; height:32px; display:block; }
.menu ul li.f a.selected{ background: url(../images/nav/6_2.png); width:78px; height:32px; display:block; }
.menu ul li.f :hover{ background: url(../images/nav/6_2.png); }

.menu ul li.g a{ background: url(../images/nav/7.png); width:78px; height:32px; display:block; }
.menu ul li.g a.selected{ background: url(../images/nav/7_2.png); width:78px; height:32px; display:block; }
.menu ul li.g :hover{ background: url(../images/nav/7_2.png); }

.menu ul li ul {display: none;}
.menu ul li ul li ul{visibility:hidden;}


.menu ul li:hover ul {
display:block; 
position:absolute; 
top:32px; 
left:-1px; 
width:170px;
}



/*三级*/
.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{ border-left:1px solid #FFF; border-right:1px solid #FFF; border-bottom:1px solid #FFF; width:100%; background-color:#faeec7; height:20px; text-indent:4px;}
.menu ul li:hover ul li a{
text-indent:4px;
display:block; 
background:#F2F2F2; 
color:#333;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
text-align:left; height:20px; width:100%;
text-decoration:none
}

.menu ul li:hover ul li.child a{
display: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 a:hover {
background:#5A9E5A; 
color:#FFF;
text-decoration:none;
width:170px;
display:block;
}

/*三级*/
.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: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:block;
background-image:none;
}
/*  三级*/





/*----  tabMenu  ----*/


#mainMenu{
	background:url(../images/main_middle2.png) repeat-x; 	/* Background color of main menu */
	border-bottom:1px solid #00375B;	/* 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:1px;	/* Spaces at the right of main menu items */
	font-weight:bold;
	/* Don't change these two options */
position:absolute;
	width:110px;
	display:block;
	bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
	left: 59px;
}
#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: #FFF;	/* 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	/* 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: #FFF;	/* 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: #333;	/* 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 */
}