@charset "utf-8";
/* CSS Document */
.menu {
	width:882px;
	font-size:1em;
	padding-left:20px;
	text-align: left;
	BACKGROUND: #009933 no-repeat right top;/*Very Important, Define menu color*/
	height:38px;/*very important*/
	z-index:10;
	margin:0px 0px;
}

.menu a
{
text-decoration:none;
}

.menu span.selected
{
	background-color:#00cc33 !important;
}

.menu ul {	padding:0; margin:0;list-style-type:none; }
/* clear the padding and margin of the unordered list and cancel its list style*/

.menu ul li {
	float:left;
	position:relative;
	padding-right:2px;
	z-index:10;
}
/* set the distance/margin/padding between indinvidual li in the first order menu */


.menu ul li a span, .menu ul li a:visited span{/*initial look of the first order menu*/
     display:block;
	text-decoration:none;
	color:#fff;/*the initial color of the text in the li is white*/
	height:auto;/*set the height of the text area(menu height)*/
	padding-left:8px;
	padding-right:8px;
	text-align:left;/*set the text alignment*/
	border:none;/*set the border for individual text area*/
	padding-top:11px;
	padding-bottom:11px;
	overflow:hidden;/*when the content exceeds the size of container, whether to display the extra content*/
}

.menu ul li:hover a,.menu ul li:hover a span{
	background-color:#00cc33;
	text-decoration:none;	/*when hover above horizontal bar,the text color changes to #FFCC33*/
}


.menu ul li ul {
	display: none; /*initially, the drop-down items are not displayed*/
}

.menu ul li:hover ul {
	display:block;/*when the mouse is on the first order menu, drop-down area of the second order menu is displayed*/
	position:absolute;/*show where the drop-down area is positioned*/
	top:38px;/*the drop-down items are showed in abosolute position to the top of the menu div*/
	left:0;
	border:1px solid #eee;
}

.menu ul li:hover ul li a {/*set the initial look of second order menu*/
	display:block;/*when the mouse is on the drop-down tem, invidual text area is displayed*/
	color:#006699;/*set the text color of individual drop-down item*/
	line-height:1.8em; /*set the line-height of individual drop-down item to be 1.8em*/
	/*font-family: Georgia, "Times New Roman", Times, serif;/*set the font of drop-down item*/
	font-weight: lighter;
	width:165px;/*set the width of individual drop-down tems*/
	background-color:#fff;
	text-decoration:none;
	padding-left:10px;
	z-index:10;/*very important*/
}

.menu ul li:hover ul li:hover a
{
	background-color:#00CC33;
	color:#FFFFFF;
}


.menu ul li:hover ul li ul {display: none;}/*hide third-order menu*/
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:175px; top:0px;}/*show third order menu area*/

.menu ul li:hover ul li:hover ul li a {/*set the initial look of third order menu*/
	display:block;/*when the mouse is on the drop-down tem, invidual text area is displayed*/
	color:#2b3261;/*set the text color of individual drop-down item*/
	line-height:1.8em; /*set the line-height of individual drop-down item to be 1.8em*/
	/*font-family: Georgia, "Times New Roman", Times, serif;/*set the font of drop-down item*/
	font-weight: lighter;
	width:168px;/*set the width of individual drop-down tems*/
	background-color:#ffffff;
	text-decoration:none;
	padding-left:10px;
}

.menu ul li:hover ul li:hover ul li:hover a
{
	background-color:#00CC33;
	color:#FFFFFF;
}