
#menu {
/*	float: right;
	display: inline;
	clear: right;*/
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100000000;
	background-color:#FF33CC;
	
	
	float: left;
		display: inline;
		position: relative;
		width: 700px;
		min-height: 32px;
		list-style: none;
		margin: 0;
		padding: 0;
		background: none;
		padding-top:0px;
	clear: right;
}

#menu ul {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 90;
	margin-left:8px;
}

#menu ul li {
	float: left;
	margin:0;
	padding: 0;
	font-size:1.0em;
	list-style-type: none;
	
	
	
}

#menu ul li a {
	float: left;
	display: inline-block;
	height: 20px;
	margin:  0 0 0 2px;
	padding: 0;
				float: left;
				position: relative;
				height: 31px;
				line-height: 30px;
				color: #fff;
				text-align: center;
				margin: 0 0px; 
				padding: 3px 11px;
				text-decoration: none;
				background:url(../assets/images/page/back_menu_li.gif) ;
				
}

#menu ul li a:hover { background-color:#CC3399; }


		/* NO background image for the off link/visited/active state as causes flicker - one long bkgd for all; see above #menu - JB */

		#menu ul li a.nav_02:link, #menu ul li a.nav_02:visited, #menu ul li a.nav_02:active { }
			#menu ul li a.nav_02:hover {background: url(../assets/images/nav/img_nav_about_us_on.gif);}
				#menu ul li a.nav_02_on:link, #menu ul li a.nav_02_on:visited, #menu ul li a.nav_02_on:active { background: url(../assets/images/nav/img_nav_about_us_on.gif);}
					#menu ul li a.nav_02_on:hover {background: url(../assets/images/nav/img_nav_about_us_off.gif);}

		#menu ul li a.nav_03:link, #menu ul li a.nav_03:visited, #menu ul li a.nav_03:active { }
			#menu ul li a.nav_03:hover {background: url(../assets/images/nav/img_nav_giving_on.gif);}
				#menu ul li a.nav_03_on:link, #menu ul li a.nav_03_on:visited, #menu ul li a.nav_03_on:active {background: url(../assets/page/back_menu_li_arrow.gif);}
					#menu ul li a.nav_03_on:hover {background: url(../assets/images/nav/img_nav_giving_off.gif);}

		#menu ul li a.nav_04:link, #menu ul li a.nav_04:visited, #menu ul li a.nav_04:active { background:url(../assets/images/page/back_menu_li_arrow.gif) 40px ;}
			#menu ul li a.nav_04:hover {background:url(../assets/images/page/back_menu_li_arrow.gif) 40px ;}
				#menu ul li a.nav_04_on:link, #menu ul li a.nav_04_on:visited, #menu ul li a.nav_04_on:active {background:url(../assets/images/page/back_menu_li_arrow.gif) 40px;}
					#menu ul li a.nav_04_on:hover {background:url(../assets/images/page/back_menu_li_arrow.gif) 40px;}


  




		#menu ul li a.nav_05:link, #menu ul li a.nav_05:visited, #menu ul li a.nav_05:active { background:url(../assets/images/page/back_menu_li_arrow.gif) 70px ; }
			#menu ul li a.nav_05:hover {background:url(../assets/images/page/back_menu_li_arrow.gif) 70px;}
				#menu ul li a.nav_05_on:link, #menu ul li a.nav_05_on:visited, #menu ul li a.nav_05_on:active {background:url(../assets/images/page/back_menu_li_arrow.gif) 70px;}
					#menu ul li a.nav_05_on:hover {background:url(../assets/images/page/back_menu_li_arrow.gif) 70px;}
					
					
					
					

		#menu ul li a.nav_06:link, #menu ul li a.nav_06:visited, #menu ul li a.nav_06:active { }
			#menu ul li a.nav_06:hover {background: url(../assets/images/nav/img_nav_contact_us_on.gif);}
				#menu ul li a.nav_06_on:link, #menu ul li a.nav_06_on:visited, #menu ul li a.nav_06_on:active {background: url(../assets/images/nav/img_nav_contact_us_on.gif);}
					#menu ul li a.nav_06_on:hover {background: url(../assets/images/nav/img_nav_contact_us_off.gif);}

#menu  ul li.sep {
	color: #000;
	padding: 0;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu  ul li a {
	float: none;
}

/* End IE5-Mac hack */
#menu  ul.level2, #menu ul.level3 {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	background-color: #ff6600;
}

#menu ul li ul {
	margin: 0;
	border: 2px solid #027a85;
	border-top: none;
	margin:0px;
}

#menu ul li ul li ul {
	margin: 0;
}

#menu  ul.level2 li, #menu ul.level3 li {
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
	background-color: #00aeef;
}

#menu ul.level2 li a, #menu ul.level3 li a {
	width: 185px;
	height: auto;
	color: #fff;
	font-size: 1.0em;
	text-decoration: none;
	margin: 0;
	padding: 3px 5px 3px 12px;
	font-weight:bold;
	text-align:left;
/*	background: url(/assets/images/nav/img_nav_arrow.gif) no-repeat 4px;*/
}

	#menu  ul.level2 li a:hover,#menu  ul.level3 li a:hover {
		color: #000;
		font-weight: bold;
/*		background: url(/assets/images/nav/img_nav_arrow_on.gif) no-repeat 4px #005698;*/
		background-color:#005698;
	}
