/* style_navigation.css - Stylesheet for the navigation area */

#navigation {
	color: goldenrod;
	border: 1px solid goldenrod;
	background-color: darkred;
}

#navigation h2 {
	text-align: center;
	padding: 5px;
	font-variant: small-caps;
	font-size: 150%;
}

#navigation li {
	list-style-type: none;
}

#navigation a {
	display: block;
	color: goldenrod;
	text-decoration: none;
}

#navigation h2:hover {
	background-color: brown;
}

/* NORMAL LINK STYLES */
#navigation li a {
	display: block;
	color: goldenrod;
	text-decoration: none;
	padding: 2px 5px 2px 0px;
	margin-left: 20px;
}

#navigation li ul a {
	margin-left: 40px;
}

#navigation li ul li ul a {
	margin-left: 60px;
}

/* TOGGLE LINK STYLES */
#navigation a.toggle {
	display: block;
	float: left;
	text-align: center;
	padding: 2px 0px;
	width: 20px;
	margin-left: 0px;
}

#navigation li ul a.toggle {
	margin-left: 20px;
}

#navigation li ul li ul a.toggle {
	margin-left: 40px;
}

/* MENUITEM STYLES */
#navigation div.menuitem {
	border-top: 1px solid goldenrod;
	background-color: darkred;
}	

#navigation div.menuitem:hover {
	background-color: brown;
}

/* CURRENT ITEM STYLES */
#navigation li ul.open {
	display: block;
}

#navigation #currentItem {
	background-color: goldenrod;
}

#navigation #currentItem a {
	color: darkred;
}

/* NO-JAVASCRIPT HIDER */
#navigation li ul {
	display: none;
}