/* Begin CSS Popout Menu */
/*	#menu li{
	}
	
	#menu li a:link, #menu li a:visited{
		color:#FFF;
		vertical-align:middle;
		font-size:10px;
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
		
	}
	
	#menu li a:active, #menu li a:hover{
		text-decoration:underline;
	}
*/

#menu a, #menu h2{
	/* custom */
	/* white-space:nowrap; */
	font-weight:bold;
	font-family:arial,helvetica,sans-serif;
	display:block;
	margin:0;
	padding:1px;
	background:none;
	font-size:11px;
	white-space:nowrap;
}


#menu h2{
	padding:0;
	color:#444;
}

#menu a{
	text-decoration:none;
}

#menu a, #menu a:visited{
	color:#444;
}

#menu a:hover{
	color:#444;

}

#menu a:active{
	color:#444;
}

#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/* width:9em; */
	/* custom */
	
}

#menu li{
	position:relative;
	float:left;
	/* custom */
	list-style:none;
	white-space:normal;
	color:#444;
	text-align:left;
	vertical-align:middle;
	/* font-size:10px; */
	padding:2px 0 3px 0;
}

#menu ul li ul li{
	float:none;
	margin:0;
}

#menu ul li h2 a{
	color:#FF0000;
	margin:0;
	display:block;
	text-align:left;
}


#menu ul ul{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	background:#FFF;
	border:1px #CCC solid;
	padding:3px;
}

#menu ul ul ul{
	top:0;
	left:100%;
}


#menu h2.double-line, #menu h2.double-line a{
	line-height: 1.2em;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
	background: url(/css/images/expand3.gif) no-repeat -999px -9999px;
}

div#menu li:hover{
	cursor:pointer;
	z-index:9000;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
	font-weight:bold;
	color:#000;
	background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
	color:#444;
	background:#FFF;
}

#menu a.x:active{
	color:#060;
	background:#ccc;
}