#subnav
	{
	padding: 0; margin: 0;
	border-top: 1px solid #ccc;
	margin-top: 10px;
	}
#subnav ul
	{
	margin: 0; padding: 0;
	list-style: none;
	}
#subnav ul ul
	{
	margin: 0; padding: 0;
	margin-left: 10px;
	}
#subnav ul ul ul
	{
	margin-left: 10px;
	}
#subnav li
	{ 
	font: normal small Arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
	}
#subnav a
	{
	color: #666;
	display: block;
	text-decoration: none;
	padding-left: 15px;
	}

/*
 * First Level
 */
#subnav ul li
	{
	border-bottom: 1px solid #ccc;
	}
#subnav ul li a
	{
	font-weight: bold;
	}
#subnav ul li a:hover
	{
	color: #333;
	text-decoration: underline;
	}
#subnav ul li a.open
	{
	background: url("../../media/nav/node_open.gif") left no-repeat;
	}
#subnav ul li a.closed
	{
	background: url("../../media/nav/node.gif") left no-repeat;
	}

/*
 * Second Level
 */
#subnav ul ul li
	{
	position: relative; width: 100%; 
	border: none;
	}
#subnav ul ul li a
	{
	font-weight: normal;
	border: none;
	}
	
#subnav ul ul li:hover
	{
	cursor: pointer;
	}
/* extends beyond width of menu */
#subnav ul ul li.over
	{
	width: 100%;
	}
#subnav ul ul li.over ul /* IE */
	{
	display: block;
	}
#subnav ul ul li a.open
	{
	background: url("../../media/nav/subnode.gif") left no-repeat;
	}

/*
 * Third Level (flyouts)
 */
#subnav ul ul ul
	{
	padding-left: 20px;
	}
#subnav ul ul li.over ul li
	{
	background: url("../../media/nav/leaf.gif") left no-repeat;
	}
	
/*
 * Extra Levels
 */
#subnav ul ul ul ul
	{
	display: none;
	}

/* urhere behaviour */
#subnav a.urhere
	{
	color: #333;
	text-decoration: underline;
	background: url("../../media/nav/urhere.gif") right no-repeat;
	}

/*
 * Expand menu control
 */
#menuToggle
	{
	clear: both;
	padding-left: 11px;
	margin-bottom: 2em;
	}
#menuToggle a
	{
	color: #333;
	}
	
/*
 * Related Links
 */
#relatedLinks a {
 	color: #336699;
}