/* Begin CSS Popout Menu */



#menu{

	width:100%;

	float:left;

	color:#000000;

}



#menu a{	

	font-size:12px;

	font-weight:bold;

	display:block;	

	white-space:nowrap;

	margin:0;

	padding:8px 10px 3px 10px;

	text-decoration:none;

	color:#000000;	

	text-transform:uppercase;

}

#menu h3{

	font-size:12px;

	font-weight:normal;

	display:block;	

	white-space:nowrap;

	margin:0;

	padding:5px 15px 5px 5px;

}



#menu a, #menu a:visited{

	color:#000000;

}



#menu a:hover{

	color:#000000;	

	background-color:#d0e9fb;

}

#menu li:hover > a{
	background-color:#d0e9fb;
}

#menu a:active{

	color:#060;	

}



#menu ul{

	list-style:none;

	margin:0;

	padding:0;

	float:left;

}



#menu li{

	position:relative;

}



#menu ul ul{

	position:absolute;

	z-index:500;

	top:32px;

	width:250px;	

	display:none;

}

#menu ul ul li{

	width:260px;

	background-color:#fffbcd;

	border-bottom:1px solid #ffdd55;

}

#menu ul ul li:hover{

	width:260px;

	background-color:#d0e9fb;

}



#menu ul ul ul{

	top:0;

	left:100%;

}



/* 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 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; width:250px;}



/* End of non-anchor hover selectors */



/* Styling for Expand */



#menu a.x, #menu a.x:visited{

	font-weight:normal;

	color:#FFFFFF;	

}



#menu a.x:hover{

	color:#000000;	

}



#menu a.x:active{

	color:#060;	

}



/* End CSS Popout Menu */