	/* remove the list style */
	#navbar {
		margin:0; 
		padding:0; 
		list-style:none;
		height: 35px;
		background-image: url('/images/bg-navbar.jpg'); background-repeat: repeat-x;
		padding-top: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;

	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#navbar li {
			float:left; 
			display:block; 
			position:relative;
			z-index:500; 
			padding-left:17px;
			padding-right:18px;
			padding-top: 8px;
			height: 25px;
			border-right: solid 1px #ff6600;
		}
		
		/* this is the parent menu */
		#navbar li a {
		text-decoration: none;
		color:#fff;
		}

		#navbar li a.nav:link {
			color:#fff;
			text-decoration: none;
		}
		#navbar li a.nav:visited {
			color:#fff;
			text-decoration: none;
		}	
		#navbar li a.nav:active {
			color:#fff;
			text-decoration: none;
		}
		
		#navbar li a.nav:hover {
			color:#ffff99;
			text-decoration: none;
		}

		#navbar li a.navoff:link {
			font-size: 15px;
			line-height: 17px;
			font-family: 'Helvetica Neue LT Std', 'Helvetica Neue', Helvetica, Arial,'Sans Serif'; 
			color:#fff;
			text-decoration: none;
		}
		#navbar li a.navoff:visited {
			font-size: 15px;
			line-height: 17px;
			font-family: 'Helvetica Neue LT Std', 'Helvetica Neue', Helvetica, Arial,'Sans Serif'; 
			color:#fff;
			text-decoration: none;
		}	
		#navbar li a.navoff:active {
			font-size: 15px;
			line-height: 17px;
			font-family: 'Helvetica Neue LT Std', 'Helvetica Neue', Helvetica, Arial,'Sans Serif'; 
			color:#fff;
			text-decoration: none;
		}
		
		#navbar li a.navoff:hover {
			font-size: 15px;
			line-height: 17px;
			font-family: 'Helvetica Neue LT Std', 'Helvetica Neue', Helvetica, Arial,'Sans Serif'; 
			color:#fff;
			text-decoration: none;
		}
		
		
		
		#navbar li a:hover {
		text-decoration: none;
		color: #fff;
		}
		
		
		/* you can make a different style for default selected value */
		#navbar a.nav.selected {
		
		}
	
		/* submenu, it's hidden by default */
		#navbar ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:8px 0 0 0px;  
			list-style:none;
			padding: 0px;
			color:#fff;
			font-size: 13px;
			line-height: 15px;
			font-family: 'Helvetica Neue LT Std', 'Helvetica Neue', Helvetica, Arial,'Sans Serif'; 
			text-decoration: none;
			font-weight: normal;
			text-align:left; 
			background-image: url('/images/bg-navbar.jpg'); background-repeat: repeat;
			border-bottom: solid 1px #515e7c;
-moz-box-shadow: 3px 3px 8px 0px#663300;
-webkit-box-shadow: 3px 3px 8px 0px#663300;
box-shadow: 3px 3px 8px 0px #663300;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft 10px;
border-bottom-left-radius: 10px;
		}
		
		#navbar ul li {
			width:230px; 
			float:left; 
			margin: 0px;
			margin-left:0px;
			padding: 3px;
			padding-top: 10px;
			padding-bottom: 6px;
			padding-left: 18px;
			top: -1px;
			height: auto;
			border-top: solid 1px #cc6600;
		}
		
		/* display block will make the link fill the whole area of LI */
		#navbar ul li a.subnav:hover { 
			text-decoration:none;
			color: #ffff99;
		}
		
		#navbar ul li a:hover { 
			text-decoration:none;
			color: #fff;
		}
		



		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #navbar ul {
			margin:0 0 0 -2px;
		}


		#navbar ul li.navheading {
		
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		background-color: #698bca;
		
		
		}
		
		
		#navbar ul li.noborder {
		border-right: solid 0px #000;
		}