/* remove the list style */
	#navbar {
		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 */
		#navbar li {
			float:left; 
			display:block; 
			position:relative;
			z-index:500; 
			margin-left:40px;
			height: 30px;
		}
		
		/* this is the parent menu */
		#navbar li a {
		text-decoration: none;
		color:#878ea7;
		}

		#navbar li a.nav:link {
			color:#878ea7;
			text-decoration: none;
		}
		#navbar li a.nav:visited {
			color:#878ea7;
			text-decoration: none;
		}	
		#navbar li a.nav:active {
			color:#878ea7;
			text-decoration: none;
		}
		
		#navbar li a.nav:hover {
			color:#7798d4;
			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:#515e7c;
			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:#515e7c;
			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:#515e7c;
			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:#7798d4;
			text-decoration: none;
		}
		
		
		
		#navbar li a:hover {
		text-decoration: none;
		color: #79a0e9;
		}
		
		
		/* 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:4px 0 0 -7px;  
			list-style:none;
			padding: 0px;
			color:#878ea7;
			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-color: #091423;
			border-bottom: solid 1px #515e7c;
-moz-box-shadow: 4px 4px 6px 1px#121219;
-webkit-box-shadow: 4px 4px 6px 1px#121219;
box-shadow: 4px 4px 6px 1px #121219;
		}
		
		#navbar ul li {
			width:310px; 
			float:left; 
			margin-left:0px;
			padding: 3px;
			padding-top: 8px;
			padding-left: 8px;
			height: auto;
			border-top: solid 1px #515e7c;
		}
		
		/* display block will make the link fill the whole area of LI */
		#navbar ul li a.subnav:hover { 
			text-decoration:none;
			color: #7aa1e7;
		}
		
		#navbar ul li a:hover { 
			text-decoration:none;
			color: #7aa1e7;
		}
		



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