.menu, .menu ul {list-style-type:none; padding:0; margin:0;}

/* for IE7 to position the tables correctly */
.menu {position:relative;}

/* for IE5.5 and IE6 to position the tables corectly */
* html .menu {position:static;}
* html .menu li.top1 {position:static;}
* html .menu li.top2 {position:static;}
* html .menu li.top3 {position:static;}
/* Set up the size of the list items and float left to place inline */
.menu li {float:left; background:#2b2b2b;  width:220px; height:35px; margin:0px 0px 0 0; border:0px solid #000;}

/* Give the sub level list item a diffent background color to make it 'stand out'. */
.menu li.sub {background:#2b2b2b;}

.menu li.top1 { height:56px; width:150px; background-color:#FFFFFF;}
.menu li.top2 { height:56px; width:150px;background-color:#FFFFFF;}
.menu li.top3 { height:56px; width:150px;background-color:#FFFFFF;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; font-size:1.2em;}

/* Default link styling */
.menu li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:1.2em; line-height:35px; width:150px; text-decoration:none; text-align:left;}
.menu li.sub a {display:block; color:#fff; font-family:arial, sans-serif; font-size:1.2em; line-height:35px; width:220px; text-decoration:none; text-align:left;}
/* Style the list OR link hover. Depends on which browser is used */
.menu :hover {color:#fff;}

/* Give the link OR list a relative position. Depends on which browser is used */
.menu li.sub:hover,
.menu li.sub a:hover {position:relative;}


.menu li.top1 a:hover {position:relative;color:#00bebe;font-family:arial, sans-serif; font-size:1.2em; line-height:35px; }

.menu li.top2 a:hover {position:relative;color:#00bebe;font-family:arial, sans-serif; font-size:1.2em; line-height:35px;}

.menu li.top3 a:hover {position:relative;color:#00bebe;font-family:arial, sans-serif; font-size:1.2em; line-height:35px;}

/* For all browsers except IE5.5 and IE6 to keep the hover state through the menu cascade. */
.menu li:hover > a {color:#00bebe;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul ul.left {position:absolute;left:-9999px; width:220px;}

/* Position the drop-down first sub level beneath the top level list item when hovering over the top level list OR link. The transparent image is for IE7 to render this correctly. The image does not have to exist :) */
.menu :hover ul{left:0px; top:42px; background:transparent url(transparent.gif); padding-top:0px; }

/* Position the flyout sub levels to the right or left when hovering over the sub level list OR link. */
.menu :hover ul :hover ul {padding:0px 0px;left:220px;top:0;}
.menu :hover ul :hover ul.left {left:220px;}
.menu :hover ul :hover ul :hover ul {left:220px;top:0;}
.menu :hover ul :hover ul :hover ul.left {left:220px;}


/*  ---------------导航条下拉菜单-----------------------*/
.top_left{
	width:270px;
	float:right;
	margin:0;
	height:20px;
	z-index:1;
}
.top_left form{
	width:260px;
	float:right;
	margin:0;
	height:19px;
}
.top_left form label{
	display:block;
	width:80px;
	*width:72px;
	height:19px;
	color:#666;
	background-color:inherit;
	float:left;
	padding-top:2px;
	font:normal 14px/19px Arial, Helvetica, sans-serif;
	*font:normal 12px/19px Arial, Helvetica, sans-serif;
}
.top_left form input.txtBox{
	width:142px;
	height:15px;
	*height:17px;
	border-left:#CCC solid 1px;
	border-top:#CCC solid 1px;
	border-right:#BBB solid 1px;
	border-bottom:#BBB solid 1px;
	background-color:#666;
	color:#eee;
	padding:2px 0 0 0px;
	*padding:0 0 0 0px;
	font:normal 14px/19px Arial, Helvetica, sans-serif;
	*font:normal 12px/19px Arial, Helvetica, sans-serif;
	margin:1px 2px 0 0;
	float:left;
}
.top_left form input#btnGo{
	background:url(../image/right_but.gif) 1px 1px  no-repeat;
	width:34px;
	height:20px;
	border:none;
	cursor:pointer;
	float:left;
}