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

/* remove the list style */
#nav {
	margin:0;
	padding:0;
	list-style:none;
}
/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
	#nav li {
	float:left;
	display:block;
	position:relative;
	z-index:500;
}
/* this is the parent menu */
	#nav li a {
/* 
		padding:8px 5px 0 5px; 
		font-weight:700;  
		height:23px; 
		text-decoration:none; 
		color:#fff; 
		text-align:center; 
		color:#333;*/
}
#nav li a:hover {
}
/* you can make a different style for default selected value */
	#nav a.selected {
}
/* submenu, it's hidden by default */
	#nav ul {
	position:absolute;
	left:0;
	display:none;
	list-style:none;
	margin: 0px;
	padding: 0px;/*margin:0 0 0 -1px;*/
}
#nav ul li {
	float:left;
	width: 163px;
	display: block;
	margin: 0;
	padding: 0;
}
/* display block will make the link fill the whole area of LI */
	#nav ul li a {
	display: block;
	height: 30px;
	width: 140px;
	padding-left: 23px;
	padding-top: 10px;
	color:#FFF;
	background-image: url(images/menu-sub.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-decoration: none;
	margin: 0px;
	font-weight: normal;
	line-height: 30px;
}
#nav ul li a:hover {
	background-position: left -40px;
}
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}