ul#nav{
		display:block;
		/*position: absolute;*/
		list-style:none;
		margin:0 0 0 0px;
		z-index:5;
		top:0;
		left:0; padding-top: 7px !important;
		display:block;}
		
		/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
			ul#nav li { 
				background:url(../images/nav_border.png) no-repeat center right;
				display:block;
				list-style:none;
				position:relative;
				float:left;}
		
				ul#nav li a, 
				#MainMenuSub a{
					text-decoration:none;
					display:block;
					padding:5px 20px;}

				/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
				ul#nav li a{
					color:#FFFFFF;
display:block;
float:left;
font-family:arial;
font-size:0.9em;
margin:0;
padding:0 6px 9px;
text-decoration:none;}
					ul#nav li a span {
						padding-top:9px;
						display:block;}
						ul#nav li li a span { display:inline; padding-top:0}
						ul#nav li a span.sub { 
							display:block;
							font-size:.7em;
							padding-top:0;
							font-family:Arial, Helvetica, sans-serif;
							font-weight:normal; 
							margin-top:3px;
							color:#86B9DA;
							letter-spacing:normal}
							ul#nav li li a span.sub { display:inline; font-size:1em; margin-top:0;}
								ul#nav li li a:hover span.sub { color:#fff}


				/* All menu links on hover or focus */
				ul#nav li a:hover, ul#nav li a:focus, 
				#MainMenuSub a:hover, #MainMenuSub a:focus, 
				ul#nav a.mainMenuParentBtnFocused, #MainMenuSub a.subMenuParentBtnFocused{
					background:url(../images/nav_hover.png) repeat-x bottom ;
					color:#FFF;}

				/* sub menu links on hover or focus */
				ul#nav li li a:hover, #nav li a:focus,
				#MainMenuSub li a:hover, #MainMenuSub  li a:focus, 
				#nav a.mainMenuParentBtnFocused, #MainMenuSub a.subMenuParentBtnFocused{
					background-image:none;
					color:#FFF;}

.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -1px;}


/* All ULs and OLs */
ul#nav ul, ul#nav ol, 
#MainMenuSub ul, #MainMenuSub ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;}
	ul#nav {
		list-style: none; 
		line-height: 1em; 
		padding:0;}
	
	

	/* All submenu OLs and ULs */
	ul#nav ul, 
	#MainMenuSub ul {	
		left:0;
		
		background-color:#4b76b4;
		/*
		border-right-width:1px;
		border-right-style:solid;
		*/
		_width:230px !important;
		
		}
		
		ul#nav ul li a, 
		#MainMenuSub ul li a { 
			padding:0 40px 0 15px; 
			height:25px;
			color:#FFFFFF;
			font-size:11px;
			 
			
			line-height:25px;
			/*
			border-bottom-width:1px;
			border-bottom-style:solid;
			*/
			}
			
	
	

	#MainMenuSub li.parent a { 
		background:url(../images/nav_drop_arrow.png) no-repeat 96% 55%;}
		#MainMenuSub li.parent a:hover { 
			background-image:url(../images/nav_drop_arrow_hover.png) }
		
		#MainMenuSub li:hover {}
		
		
		/* When the parent item is set to current or active */
		ul#nav  li#current a,
		ul#nav  li.active a {
			color:#fff;
			background:url(../images/nav_current.png) no-repeat bottom}

			#MainMenuSub li#current a,
			#MainMenuSub li.active a  { color:#fff!important}

					
					

#MainMenuSub {	
	display:block; 	
/*	position:absolute;	*/
	top:0;	
	left:0;	
	width:100%;
	height:0;	
	overflow:visible;	
	z-index:1000000000; }
#MainMenuSub li{ list-style: none;}
				


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
	font-size:1em;}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 18em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:45px;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 18em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:45px }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:18em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 18em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 18em; }