/* Top level menu */

ul#navigation, ul#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 167px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	/* background-color: #f0f0f0; IE only */
	}
	ul#navigation { /* margin-bottom: 20px; */ }
	ul#navigation li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		clear: both;
		}
		ul#navigation li a {
			display: block;
			margin: 0 0 1px 0;
			/* float: left; IE only */
			/* width: 150px; IE only - set this too here to make the dd gutter appear in all browsers */
			color: #444;
			font-weight: bold;
			text-decoration: none;
			background: #d2d2d2 url(../images/nav/menu-grey-bground-level1.jpg) repeat-x;
			}
			ul#navigation li a div {
				padding: 8px 14px;
				}
			ul#navigation li.dullhigh a { background: #dcd8a1 url(../images/nav/dull-yellow-tint.jpg) repeat-x; }
			ul#navigation li a:hover, ul#navigation li a.active, ul#navigation li.dullhigh a:hover {
				color: #555;
				background: none;
				background-color: #f8e802;
				}

/* Drop down arrow */

ul#navigation li a.dd {
	float: right;
	padding: 8px 0;
	width: 17px;
	background: url(../images/nav/dd-arrow.gif) center no-repeat;
	cursor: default;
	}
	ul#navigation li a.dd:hover { background-color: #f8e802; }

/* Sub menu variants */

ul#navigation ul li a {
	font-size: 10px;
	font-weight: normal;
	letter-spacing: -0.05em;
	background: none;
	background-color: #fcf69a;
	}

ul#navigation ul ul li a {
	background: none;
	background-color: #fefcde;
	}
	ul#navigation ul ul li a div { padding: 6px 14px; }

/* Ready state - hide all sub menus */

ul#navigation ul { display: none; }
ul#navigation ul.initshow { display: inline; }