/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

/* Begin CSS Popout Menu */

#menu{
	font-weight : bold;
}

#menu a{
	display:block;
	white-space:nowrap;
	margin:0;
	padding:2px 1px 2px 5px;
	color:  #000000;
	background: #000000;
	text-decoration: none;
	z-index: 100;
	font-weight: normal;
}

#menu h2{
	font-size: 90%;
	color: #ffffff;
	display: block;
	margin: 0px;
}

#menu .top{
	background-repeat: no-repeat ! important;
	background-position: 0px 4px ! important;
	margin-left: 2px;
	padding-left: 10px;
}

.menufirst h2{	
	margin: 0px;
}

#menu h2 a {
	font-weight: bolder;
	padding-right: 25px;
}
#menu h2 a:hover {
	background-color: #000000;
	color: white;
}

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

#menu a:hover {
	color: #000000;
	background: #efefef;
}

#menu a:active{
	color:#000000;
	background: #FFFFFF;
}

#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:auto;
	z-index: 100;
}

#menu li{ 
	position:relative;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}

#menu ul ul{
	position:absolute; 
	z-index:500;
	top:auto;
	display:none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 130px;
	
	font-size: 90%;
}

#menu ul ul ul{
	top:0;
	left:100%;
	
	width: 170px;
font-size: 1em;
}

/* 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:#000 url(/images/navigation/arrows.gif) no-repeat -999px -9999px;
}

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

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{
	color:#FFFFFF;
	background:#000000 url(/images/navigation/arrows.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
	color:#000000;
	background: #efefef;
}

#menu a.x:active{
	color:#000000;
	background: #efefef;
}
/* End CSS Popout Menu */