/*** ESSENTIAL STYLES ***/
	.sf-menu, .sf-menu * {
		margin:			0;
		padding:		0;
		list-style:		none;
	}
	.sf-menu {
		line-height:	1.0;
	}
	.sf-menu ul {
		position:		absolute;
		top:			-999em;
		width:			13em; /* left offset of submenus need to match (see below) */
	}
	.sf-menu ul li {
		width:			100%;
	}
	.sf-menu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	.sf-menu li {
		float:			left;
		position:		relative;
	}
	.sf-menu a {
		display:		block;
		position:		relative;
		font-size: 12px;
	}
		.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left:			0;
		top:			33px; /* match top ul list item height */
		z-index:		99;
	}
		ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {
		top:			-999em;
	}
		ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {
		left:			13em; /* match ul width */
		top:			0;
	}
		ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul {
		top:			-999em;
	}
		ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {
		left:			13em; /* match ul width */
		top:			0;
	}

	/*** DEMO SKIN ***/
	.ugm-top_menu_wrap { padding: 0px 0px; font-weight:normal; }
  .ugm-top_menu_wrap a { font-weight:normal; }
	.ugm-top_menu { background: url('../images/ugm_topmenu.png') top left repeat-x; height: 33px; }
  .ugm-ddmenuwrap { background: url('../images/ugm_topmenu.png') repeat-x; height: 33px; position: relative; z-index: 100; }
  
	
	
	.sf-menu {
		float:			left;
		margin:	0px;
	}
	.sf-menu a {
		
		
		padding: 		.75em 1em;
		text-decoration:none;
		background: url('../images/ugm_mdiv.png') 100% 0 no-repeat;
	}
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color:			#fff;
	}
	.sf-menu li {
		background: url('../images/ugm_topmenu.png') repeat-x;/* 蝚砌�撅�*/
		height: 33px;
	}
	.sf-menu li li {
		background: #013F5F;/* 蝚砌��惜*/
		border-bottom: 1px solid rgb(227,227,227);
		height: 33px;
	}
	.sf-menu li li li {
		background: #013F5F;/* 蝚砌�匧惜*/
	}
		.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		left: 0; background: url('../images/ugm_mactive.png') top left repeat-x; height: 33px; /* ��蓥��*/
		outline:		0;
	}

	/*** arrows **/
	.sf-menu a.sf-with-ul {
		padding-right: 	2.25em;
		min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	}
	.sf-sub-indicator {
		position:		absolute;
		display:		block;
		right:			.75em;
		top:			1.05em; /* IE6 only */
		width:			10px;
		height:			10px;
		text-indent: 	-999em;
		overflow:		hidden;
		background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	}
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */
		top:			.8em;
		background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
	/* apply hovers to modern browsers */
		a:focus > .sf-sub-indicator,
		a:hover > .sf-sub-indicator,
		a:active > .sf-sub-indicator,
		li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator {
		background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}

	/* point right for anchors in subs */
	.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
	.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
	/* apply hovers to modern browsers */
		.sf-menu ul a:focus > .sf-sub-indicator,
		.sf-menu ul a:hover > .sf-sub-indicator,
		.sf-menu ul a:active > .sf-sub-indicator,
		.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator {
		background-position: -10px 0; /* arrow hovers for modern browsers*/
	}

	/*** shadows for all but IE6 ***/
	.sf-shadow ul {
		background:	url('../images/shadow.png') no-repeat bottom right;
		padding: 0 8px 9px 0;
		-moz-border-radius-bottomleft: 17px;
		-moz-border-radius-topright: 17px;
		-webkit-border-top-right-radius: 17px;
		-webkit-border-bottom-left-radius: 17px;
	}
	.sf-shadow ul.sf-shadow-off {
		background: transparent;
	}