@charset "UTF-8";

/*#navbar {	
	width: 900px;
	height: 26px;
	background: #ddd7bd;
	margin-top: 30px;
	padding: 0;
	position: relative;
	}*/

#jsddm{
	margin: 0;
	padding: 0}
	
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Arial, Helvetica, sans-serif;
		
	}

	#jsddm li a
	{	display: block;
		
		padding: 6px 11px;
		text-decoration: none;
		/*width: 70px;*/
		color: #666666;
		white-space: nowrap;
		}

	#jsddm li a:hover
	{	background: #ddd7bd;
		color: #000;}
			
			
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-bottom: none;}
		
			#jsddm li ul li
			{	float: none;
				display: inline;	
				}
			
			#jsddm li ul li a
			{	width: auto;
				background: #ddd7bd;
				color: #666666;
				
				/*sets the menu item semi-transparent
				filter:alpha(opacity=80);
				-moz-opacity:0.8;
				opacity: 0.8;*/
			}
			
			#jsddm li ul li a:hover
			{	color: #FFF;
			background: #333;
			}
			


.leftmenu{
width: 200px; /*width of menu*/
}

.leftmenu .headerbar{
	text-align: center;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	color: white;
	background: #ccc url(../images/leftmenubar2.png) no-repeat center left;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	padding: 6px 0 6px 0px; /*header text is indented 10px*/
	}

.leftmenu ul{
list-style-type: none;
margin: 0;
padding: 0px;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.leftmenu ul li{
padding-bottom: 4px; /*bottom spacing between menu items*/
}

.leftmenu ul li a{
color: #746e61;
display: block;
padding: 4px 0px;
padding-left: 46px; /*link text is indented 36px*/
text-decoration: none;
font-size: 12px;
font-weight: normal;
border-bottom: 1px dotted #aaa291;
}

.leftmenu ul li a:visited{
color: #666;
}

.leftmenu ul li a:hover{ /*hover state CSS #003366 */
color: #886f3b;
background: url(../images/bullet2.gif) no-repeat center left ; /*custom bullet list image*/
}


/*navigation setting for chinese section*/

#cnmenu{
	margin: 0;
	padding: 0}
	
	
	#cnmenu li
	{
	float: left;
	list-style: none;
	font: 1.1em Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	}

	#cnmenu li a
	{	
		display: block;
		padding: 5px 18px;
		font-weight: normal;
		text-decoration: none;
		color: #666666;
		white-space: nowrap;
		}

	#cnmenu li a:hover
	{	background: #ddd7bd;
		color: #000;}
			
			
		#cnmenu li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-bottom: none;}
		
			#cnmenu li ul li
			{	float: none;
				display: inline;
				font-size: 1em;
				}
			
			#cnmenu li ul li a
			{
				width: auto;
				background: #ddd7bd;
				color: #666666;
				font-weight: normal;
				letter-spacing: 0px;				
				
			}
			
			#cnmenu li ul li a:hover
			{	color: #FFF; background: #333;	}

			
.leftmenucn{
width: 200px; /*width of menu*/
}

.leftmenucn .headerbar{
	text-align: center;
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	color: white;
	background: #ccc url(../images/leftmenubar2.png) no-repeat center left;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	padding: 6px 0 6px 0px; /*header text is indented 10px*/
	}
	
.leftmenucn ul{
list-style-type: none;
margin: 0;
padding: 0px;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.leftmenucn ul li{
padding-bottom: 4px; /*bottom spacing between menu items*/
}

.leftmenucn ul li a{
color: #746e61;
display: block;
padding: 4px 0px;
padding-left: 46px; /*link text is indented 36px*/
text-decoration: none;
font-size: 14px;
font-weight: normal;
border-bottom: 1px dotted #aaa291;
}

.leftmenucn ul li a:visited{
color: #666;
}

.leftmenucn ul li a:hover{ /*hover state CSS #003366 */
color: #886f3b;
background: url(../images/bullet2.gif) no-repeat center left ; /*custom bullet list image*/
}