@charset "utf-8";
/* CSS Document */

body {
	font-size: 12px;
	font: tahoma;
}

ul.content {
	list-style-type: none ;
	margin: 0 auto ;
	padding: 0px ;
	width:680px;
}
ul.content li  {
	float: left ;
	margin-top: 6px ;
	border-left:1px dotted #fff;
	padding-right:4px;
	margin-top:7px;
	-width:1px;
	-white-space:nowrap;
	-padding-left:4px;
}
ul.content li.first  {
	border-left:none;
}
ul.content li a, ul.content li a span {
	height:19px;
}
ul.content li a span {
	padding-left: 10px;
	display:block;
	line-height:18px;
	cursor:pointer;
}
ul.content li a {
	display:block;
	height:19px;
	padding-right:10px;
	font-family: arial ;
	font-size: 12px ;
	color: #FFF ;
	text-decoration: none ;
	margin-left:5px;
	-margin-left:0px;
}

ul.content li a:hover span {
	background: url('images/menu_select_left.gif') no-repeat left top  ;
}

ul.content li a:hover {
	background: url('images/menu_select_right.gif') no-repeat right top  ;
}

#top_menu {
	clear: both;
	width: 100% ;
	height: 32px ;
	background: url('images/menu_bg.gif') repeat-x ;
}
#top_menu .left {
	height: 32px ;
	background: url('images/menu_left.gif') no-repeat top left ;
}
#top_menu .right {
	width: 100% ;
	height: 32px ;
	background: url('images/menu_right.gif') no-repeat top right ;
}
* html li {
  unicode-bidi: expression(
    runtimeStyle.unicodeBidi = 'normal',
    onmouseover = function()
      {className += ' hover';},
    onmouseout = function()
      {className = className.replace(' hover','');}
    );
}