
	body {font-family:arial; font-size:11px;}
	
	/* remove the list style */
	#nav {
		margin: 0 0 0 30px; 
		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; 
			margin: 0 3px 0 0;
		}
		#nav li span { cursor:default;}
		/* this is the parent menu */
		#nav li a,
		#nav li span  {
			display: block; 
			padding: 14px 10px 0 10px;  
			height: 23px; 
			text-decoration: none; 
			text-align: left; 
			color: #d2d5e1;
			text-transform: uppercase;
			font-size: 14px;
		}

		#nav li.selected,
		#nav li:hover {
			background: #FFFFFF url(../images/hover.gif) no-repeat left bottom;
		}
		#nav li:hover a,
		#nav li:hover span,
		#nav li.selected a ,
		#nav li.selected span  {
			background: url(../images/hover-r.gif) no-repeat right bottom;
			color: #335b8a;
		}
		#nav ul li.selected a {color:#009ee0;}
		/* you can make a different style for default selected value */


		/* submenu, it's hidden by default */
		#nav ul {
			list-style: none;
			background: url(../images/sub-menu.png) no-repeat left 0px;
			padding: 3px 3px 0;
		}
		#nav li div {
			position: absolute; 
			left: 1px; 
			display: none;
			margin: 0 0 0 -1px; 
			background: url(../images/sub-menu2.png) no-repeat left bottom;
			padding-bottom:2px;
			width:150px;
			border-top:3px solid #1d2e6a;
		}
		#header #nav ul li,
		#header #nav ul li a {
			background-image:none;
			float:none;
			line-height:normal;
		}
		#header #nav ul li {
		width:144px;
		}
		#nav ul li {
			width:100px; 
			border-bottom:1px solid #fff;
			display:block;
			z-index:99;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 8px 7px;
			font-size:12px;
		}
		#header #nav ul li a:hover {
			background: #FFFFFF url(../images/hover-sub.gif) no-repeat left top;
			color:#009ee0;
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */

