/* common styling */
/* set up the overall width of the menu div, the font and the margins */
.menu {
	width:950px;height:40px; background:url(../images/menubg.jpg);
	margin:0;
}

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

.menu ul li a:visited, .menu ul li a:link{  width:108px; height:40px; display:block; font:bold 14px/40px Verdana; color:#000; text-decoration:none; text-align:center}

.menu ul li a.selected{ color:#CF0000; text-decoration:none;  font:bold 15px/40px Verdana; }
.menu ul li a:hover{ color:#CF0000; text-decoration:underline; font:bold 15px/40px Verdana;  }

.menu ul li ul {display: none; z-index:1000;}
.menu ul li ul li ul{visibility:hidden;}


.menu ul li:hover ul {
display:block; 
position:absolute; 
top:40px; 
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; font:normal 11px/20px Verdana;}
.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; font:normal 11px/20px Verdana;
text-align:left; height:20px; width:100%;
}

.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:#333; 
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 */
}