.webfx-menu, .webfx-menu * {
	/*
	Set the box sizing to content box
	in the future when IE6 supports box-sizing
	there will be an issue to fix the sizes

	There is probably an issue with IE5 mac now
	because IE5 uses content-box but the script
	assumes all versions of IE uses border-box.

	At the time of this writing mozilla did not support
	box-sizing for absolute positioned element.

	Opera only supports content-box
	
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
	*/
}

.webfx-menu {
  position:			    absolute;
  z-index:			    8;
  visibility:		    hidden;
  background:		    #DEEAFA;
  height:  			    20px;
  Text-align:  	        left;  
  text-decoration:      none;

  BORDER-left:          #797979 1px solid;
  BORDER-bottom:        #797979 5px solid;
  border-top:           #797979 2px solid;
  border-right:         #797979 1px solid;

/*cssÒõÓ°ÂǾµ*/
	filter:				progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=4)
						alpha(Opacity=100);
	-moz-opacity:		0.9;

}

.webfx-menu-empty {
	display:			block;
	border-bottom:		1px solid white;	
	padding:			2px 5px 2px 5px;

	font-size:		    9pt;
	font-family:	    ËÎÌå;
	color:				black;
}

.webfx-menu a {
  display:			    block;
	width:				expression(constExpression(ieBox ? "100%": "auto"));	/* should be ignored by mz and op */	
	height:				expression(constExpression("1px"));
	overflow:			visible;
	padding:			2px 2px 2px 10px;
	font-size:			9pt;
	font-family:		 ËÎÌå;
	text-decoration:	none;
	vertical-align:     middle;
	color:				black;
	border-bottom:	    1px solid white;		
	white-space:        nowrap;		
}	

.webfx-menu a:visited,
.webfx-menu a:visited:hover {
	color:	#737573;
	text-decoration:	none;
	border-bottom:		1px solid white;
	
}

.webfx-menu a:hover {
	color:			    black;
	background:	        #EAF1FB;
	border-bottom:		1px solid #F6F9FF;	
}	

.webfx-menu a .arrow {
	float:			    right;
	border:			    0;
	width:			    7px;
	height:             7px;
	margin-right:	    3px;
	margin-top:		    4px;
}

/* separtor */
.webfx-menu div {
	height:			0;
	height:			expression(constExpression(ieBox ? "2px" : "0"));
	border:         1px solid white;
	/*
	border-top:		1px solid rgb(120,172,255);
	border-bottom:	1px solid rgb(234,242,255);
	*/
	overflow:		hidden;
	margin:			2px 0px 2px 0px;
	font-size:		0mm;
}

.webfx-menu-bar {
	/*background:		rgb(120,172,255);*//*rgb(255,128,0);*/
	/*background-image:url(nav_bg.gif);*/
	/*background-repeat:repeat-x;*/
	padding:		0px;
	
	font-family:	Verdana, Helvetica, Sans-Serif;
	font-size:		9pt;
	font-weight:  bold;
	 
	
	/* IE5.0 has the wierdest box model for inline elements */
	padding:		expression(constExpression(ie50 ? "0px" : "0px"));	
}

.webfx-menu-bar a,
.webfx-menu-bar a:visited {
	border:				0px;
	padding:			0px 0px 0px 0px;
	color:				black;
	text-decoration:	none;

	/* IE5.0 Does not paint borders and padding on inline elements without a height/width */
	height:		expression(constExpression(ie50 ? "17px" : "auto"));	
}

.webfx-menu-bar a:hover {
	color:			black;
	background:		rgb(120,172,255);
	
	border: 0px;
	
}

.webfx-menu-bar a .arrow {
	border:			0;
	float:			none;
}

.webfx-menu-bar a:active, .webfx-menu-bar a:focus {
	-moz-outline:	none;
	outline:		none;
	/*
		ie does not support outline but ie55 can hide the outline using
		a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
	*/
	
	ie-dummy:		expression(this.hideFocus=true);
	
	border-left:	1px solid rgb(0,66,174);
	border: 0px;
}