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

.menu ul {padding:0; margin:0;list-style-type: none; float:left; /*width:750px;*/ padding-left:0px; }
.menu ul li {float:left;  list-style:none;position:relative; margin-right:1px; line-height:25px;}
.menu ul li.sep {background:url(../images/navsep.png) no-repeat center center; height:25px; width:4px;}
.menu ul li a:visited, .menu ul li a:link{ padding:0 1px; display:inline-block; font-weight:bold; font-size:12px; font-family:Arial; color:#c2b19c; text-decoration:none; text-align:center}
.menu ul li a.selected{ color:#ae792f; text-decoration:none;  font-weight:bold; font-size:12px; font-family:Arial; display:inline-block;  }
.menu ul li a:hover{ color:#ae792f; text-decoration:NONE; font-weight:bold; font-size:12px;  font-family:Arial;  }

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


.menu ul li:hover ul {
display:block; 
position:absolute; 
top:35px; 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:0px solid #FFF; border-right:0px solid #FFF; border-bottom:1px solid #FFF; width:100%; background-color:#faeec7; height:20px; text-indent:4px; font:normal 11px/20px Arial; }
.menu ul li:hover ul li a{
text-indent:4px;
display:block; 
background:#D0B05E; 
color:#F1E8D0;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1; font:normal 11px/20px Arial;
text-align:left; height:20px; width:100%;
padding:0px;
}

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

.menu .icons a{ padding:0 1px;}

.menu .icons {
bottom:10px;
/*left:651px;*/
float:right;
position:relative;
text-align:right;
width:122px;
}