/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */
/* The Horizonal Menu style used here is taken and possibly adapted from     */
/* http://www.seoconsultants.com/css/menus/horizontal/                       */


/* Begin CSS Popout Menu */

#menu{
	position: 				absolute;
	clear: 					both;
	width: 					150px;
	float:					left;
	background-color: 	transparent;
	height:					auto;
	padding-bottom:		    12px;
	/* border: 1px solid #888; */ /* #ccc #888 #555 #bbb; */
}

#menu a, #menu h6 {
	font:					normal 10px verdana, arial, helvetica, sans-serif;
	display:				block;
	white-space: 			nowrap;
	margin:					0 0 1px 0;
	width: 					130px;
	height:				 	19px;
	text-transform: 		uppercase;
	color: 					#988d7b;
	text-decoration: 		none;
	padding: 				3px 0 3px -3px;
	text-align: 			left;
	
}

/*
#menu a, #menu a:visited{
	color:					#fff;
}
*/

#menu a:hover, #menu h6 a:hover {
	color:					#1B417F;
	border-bottom:			1px solid #988d7b;	
	background:				none;
	margin-bottom:			0px;
}
 #menu ul li h6:hover {
 	color:					#1B417F;
	border-bottom:			1px solid #988d7b;	
	background:				none;
	height: 18px;
	*height: 19px;
	
 }
#menu a:active{
	color:					#060;
	background: 			#ccc;
}

#menu ul{
	list-style:				none;
	margin:					0;
	padding:				0;
	float:					left;
	width:					100%;

}

#menu li{
	position:				relative;
}

/*--------------popout menu starts here--------------*/
#menu ul ul{
	position:				absolute;
	z-index:					10;
	top:						2;
	left: 					100px;
	display:				none;
	float: 					left;
	
}
#menu ul ul a:hover {
	margin-bottom: 1px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#menu ul ul ul{
	position: 				absolute;
	top:						0;
	left: 					130px;
	width: 					100%;
	display: 				none;
}

#menu ul ul li {
	margin:					0px;
	padding-left: 			3px;
	
}

#menu ul ul li a, #menu ul ul li a:visited {
	background-color:		#1b417F;
	color:					#FFFFFF;
	font-size:				9px;
	border:					none;
	height:					16px;
	border-bottom:			1px solid #FFF;
	*border-bottom:			none;
	padding-left:			3px;
	display:				block;
	*width:					150px;
	
}

#menu ul ul li a:hover {
	background-color:		#153569;
	color:					#FFFFFF;
	font-size:				9px;
	padding-left:			3px;
	*border-bottom:			none;
}

/* 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 h6:hover{
	color:					#000000;
	background: 			#EEEEEE;
}

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{
	font-weight:			bold;
	color:					#000;
	background:				#eee;
}

#menu a.x:hover{
	color:					#fff;
	background:				#000;
}

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

/* End CSS Popout Menu */