/* Generic navigational menu. No position/float is declared here; for a basic page layout,
   use layout.css. All stylistic information (such as colors and margins for menu items)
   is applied to the link <a> elements, not the list <li> elements. Accommodates five
   levels of navigation (including the first level that is always displayed.) */

div#navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

	div#navigation ul li {
		position: relative;
		height: 1px;
	}

	div#navigation ul > li {
		height: auto;
	}

		div#navigation ul li a {
			display: block;
		}

		div#navigation ul li ul,
		div#navigation ul li:hover ul ul, div#navigation ul li.over ul ul,
		div#navigation ul li ul li:hover ul ul, div#navigation ul li ul li.over ul ul,
		div#navigation ul li ul li ul li:hover ul ul, div#navigation ul li ul li ul li.over ul ul,
		div#navigation ul li ul li ul li ul li:hover ul ul, div#navigation ul li ul li ul li ul li.over ul ul {
			display: none;
			position: absolute;
			top: -1px;
			left: 180px;
			width: 160px;
		}

		div#navigation ul li:hover ul, div#navigation ul li.over ul,
		div#navigation ul li ul li:hover ul, div#navigation ul li ul li.over ul,
		div#navigation ul li ul li ul li:hover ul, div#navigation ul li ul li ul li.over ul,
		div#navigation ul li ul li ul li ul li:hover ul, div#navigation ul li ul li ul li ul li.over ul,
		div#navigation ul li ul li ul li ul li ul li:hover ul, div#navigation ul li ul li ul li ul li ul li.over ul {
			display: block;
		}

			div#navigation ul li ul ul,
			div#navigation ul li:hover ul ul, div#navigation ul li.over ul ul, 
			div#navigation ul li ul li:hover ul ul, div#navigation ul li ul li.over ul ul,
			div#navigation ul li ul li ul li:hover ul ul, div#navigation ul li ul li ul li.over ul ul,
			div#navigation ul li ul li ul li ul li:hover ul ul, div#navigation ul li ul li ul li ul li.over ul ul {
				left: 160px;
			}


/* Stylisic Information */

div#navigation {
	font: 92% "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
}

	div#navigation ul {
		padding: 0;
		border-top: 1px solid #d6cec4;
		margin: 0;
	}

		div#navigation ul li a {
			color: #461c0a;
			border-bottom: 1px solid #d6cec4;
			padding: .3em .5em;
		}

		div#navigation ul li:hover a, div#navigation ul li.over a {
			background-color: #ede8e2;
		}

		div#navigation ul li a:hover {
			background-color: #d6cec4;
			text-decoration: none;
		}

			div#navigation ul ul {
				background-color: #ede8e2;
				border: 1px solid #d6cec4;
				border-width: 1px 1px 0 1px;
			}