@charset "UTF-8";
/* CSS Document */
#submenu-container
	{
	position: absolute;		
	top: 1em;
	left: 1em;
	}

#submenu
	{
	font-size: 9px;
	font-family: tarhoma, verdana, sans-serif;
	width:100%;
	float:left;
	
	}
#submenu h3
	{
	font-size: 16px;
	font-family: tarhoma, verdana, sans-serif;
	
	float:left;
	
	}		
#submenu a
	{
	
	display:block;
	
	white-space:nowrap;
	margin:0;
	
	}
	
#submenu a:link, #submenu a:visited, #submenu a:active	/* menu at rest */
	{
	color: #777678;
	
	text-decoration:none;
	}
	
#submenu a:hover	 				/* menu on mouse-over  */
	{
	color: white;
	background-color:#131313	;
	text-decoration:none;
	}	


	

#submenu ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/*width:9em;	 width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#submenu li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	
	}

#submenu ul ul
	{
		font-size: 14px;
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	margin:0;
	background-color:#060606 ;
	}

#submenu ul ul a:hover
	{
	background-color:#131313	;
	}
#submenu ul a:hover	 				/* menu on mouse-over  */
	{
	color: white;
	background-color:#131313	;
	text-decoration:none;
	}	
#submenu ul ul ul
	{
	top:0;
	left:100%;
	}

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

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

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

/* End CSS Drop Down Menu */