/* 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 {
		   float:left;
	font-size:17px;
	font-family:Arial;
	color:#fff;
	text-decoration:none;
	margin-top:10px;
	margin-bottom:4px;
	margin-right:2px;
	padding-bottom:8px;
	padding-top:8px;
    padding-left:24px;
    padding-right:24px;
	font-weight:normal;
		}

		#nav li a:hover {
		   	color:#093B55;
		}

		/* you can make a different style for default selected value */
		#nav a.selected {
		   	color:#093B55;
		}

		/* submenu, it's hidden by default */
		#nav ul {
		  float:left;
          left:0;
          top:45px;
          right:0;
		  width:190px;
		  text-align: left;
		  font-size:12px;
	font-family:Arial;
	color:#fff;
		  background-color:#093B55;
border:1px solid #0363AA;
	    	 background-image:url(lib/bgheader.png);
            background-repeat: repeat-x;;
			position:absolute;
			display:none;
			padding:0;
			list-style:none;
            -moz-border-radius:0px;
		}

		#nav ul li {
			width:190px;
			float:left;
            display:block;
		}

		/* display block will make the link fill the whole area of LI */
		#nav ul a {
		  width:92%;
		  display:block;
		  -moz-border-radius:0px;
           margin:2px;
		   text-align: left;
		  font-size:12px;
	font-family:Arial;
	color:#fff;
    padding:6px;
		}

		#nav ul a:hover {
				color:#093B55;
                -moz-border-radius:0px;
		}

		/* 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;
		}