/* remove the list style */

#navmenu {
	margin: 		0;
	height: 		50px;
	width: 			980px;
	background: 	#fff url('images/menu-bg.jpg') top left repeat-x;
	font-family:	Georgia, arial,verdana,sans-serif;
	font-size: 		14px;
	z-index: 		100 !important;
}

#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;
		background: 	#fff url('images/menu-bg.jpg') top left repeat-x;
		position:		relative;
		z-index:		500;
		margin: 		0;
		height: 		50px;
		line-height:	50px;

	}

	#nav li.current, #nav li.current a:hover, #nav li.current li a.acurrent:hover {
		background: 	#373737 url('images/menu-bg-current.jpg') top left repeat-x;
	}

	/* this is the parent menu */
	#nav li a {
		display:			block;
		padding:			0 17px;
		font-weight:		normal;
		height: 			50px;
		line-height: 		50px;
		text-decoration:	none;
		color: 				#fff;
		text-align: 		left;
	}

	#nav li a:hover, #nav li.current li a:hover {
		color:		#fff;
		background: #373737 url('images/menu-bg-hover.jpg') 50% 50% repeat-x;
	}
	
	/* you can make a different style for default selected value */
	#nav a.acurrent {
		color:		#fff;
		background:	#254061 url('images/menu-bg-current.jpg') 50% 50% repeat-x;
	}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:		absolute;
			left:			0;
			display:		none;
			margin:			0 0 0 -1px;
			padding:		0;
			list-style:		none;
			width: 			230px;
			border-color:	#373737;
			border-style:	solid;
			border-width:	0 1px 1px;
			background:		#fff;
		}
		
		#nav ul li {
			width:		100%;
			float:		left;
			background: #fff;
			height:     31px;
			position:	relative;
			/*border-top:	1px solid #fff;*/
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:		block;
			height:			15px;
			padding:		8px 5px;
			color:			#373737;
			line-height:	15px;
			background: 	#fff;
		}
		

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	background: #fff;
	margin:		0 0 0 -2px;
}
