#nav
{
	text-transform: lowercase;
	padding-bottom: 20px;
}



#nav h1
	{
	margin: 2px 0 0 0;
	padding: 3px 5px 5px 5px;
	background-color: transparent;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	vertical-align: bottom;
	}

	/* IE 6 doesn't do   "#nav * + h1"   */

#nav h1 a
	{
	color: #333;
	}

#nav h1.here
	{
	color: black;
	background-color: #ffe777;
	background-color: #ccc;
	}



#nav ul
	{
	margin: 0 0 10px 0;
	padding: 0 0 4px 0;
	background-color: #ddd
	}

#nav ul.homelinks
	{
	margin: 5px 0 10px 0;
	}

#nav ul.here
	{
	background-color: #ccc;
	}



#nav li
	{
	margin: 0 0 0 21px;
	padding: 0;
	color: #90f;
	}


#nav li.here
	{
	color: #cb0;
	}

#nav li.here span
	{
	color: #000;
	font-weight: bold;
	background-color: #ffe777;
	}

#nav li *
	{
	display: block;
	margin: 0 0 0 -6px;
	padding: 0 5px 3px 4px;
	font-size: 10px;
	line-height: 12px;
	}



#nav li:hover,
#nav li a:hover
	{
	background-color: #fff;
	}

#nav li.here:hover,
#nav li.here span:hover
	{
	background-color: #ffe777;
	}