html { behavior:url("/styles/whatever.htc"); }
	#navigation {
		background: url(/images/nav-bg.png) top left repeat-x #069;
		border-bottom: 1px solid black;
		width: 100%;
		height: 1.7em;
		font-size: medium;
	}
	#navigation a {
		color: #fff;
		}
	#navigation ul {
		padding: 0;
		margin: 0;
		border: 0;
		font-weight: bold;
		line-height: 1.7em;
	}
	#navigation ul#menu {
		color: white;
	}

	#navigation li { /* all list items */
		margin: 0;
		padding: 0 .8em;
		list-style: none;
		float: left;
		position: relative;
		width: auto;
		border-right: 1px solid #CCC;
		text-align: center;
	}

	#navigation li a {
		text-decoration: none;
		color: inherit;
		margin: 0; 
		padding: 0.25em 0.5em; 
		border: 0;
	}
	#navigation li:hover {background: url(/images/nav-hover-bg.png) top left repeat-x #b34924;}
	/*#menu > li:hover > a {
		background: url(/images/nav-hover-bg.png) top left repeat-x #b34924;
	}*/

	#navigation li ul { /* second-level lists */
		z-index: 5000;
		display: none;
		position: absolute;
		top: 1.7em;
		left: 0;
		background-color: #aaa;
		color: #FFF;
		margin: 0;
		padding: 0;
		border: 1px solid #999;
	}

	#navigation li ul li {
		white-space: nowrap;
		background-color: #069;
		width: 100%;
		padding: 0;
		text-align: left;
	}
	#navigation li ul a {
		display: block;
		margin: 0;
		padding: 0 0.5em;
	}
	#navigation li:hover ul, #navigation li.over ul { /* lists nested under hovered list items */
		display: block;
	}
	#navigation li ul li:hover {
		background: url(/images/nav-sub-hover-bg.png) top left repeat-x #aaa;
		color: #1e2578;
	}

	/*#navigation ul li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left 
		top: auto;
		left: auto;
	}*/