/* 
		CSS only for Firefox, Opera, Safari 
		Ie need help with javascript
	*/




	/* MENU DISPLAY & POSITION */
	
		#menu_containt {
			position:relative;
			width:auto;
			min-width:600px;
			height:24px;
			background:url('button_darkGray.gif') repeat-x;
			border-bottom:1px solid black;
			}
		
		ul.menu, 
		ul.menu_vertical {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			}
		ul.menu ul,
		ul.menu_vertical ul {
			display: none;
			}
		ul.menu li {
			float: left;
			list-style-type: none;
			margin: 0px;
			}
		
		/* Sub-Menus */
		ul.menu ul,
		ul.menu_vertical ul {
			position: absolute;
			display: none;
			list-style-type: none;
			margin: 0px;
			padding: 0px;
			z-index: 10000;
			}
		ul.menu ul li,
		ul.menu_vertical ul li {
			float: none;
			margin: 0px;
			}
		ul.menu ul li>ul,
		ul.menu_vertical ul li>ul{
			position:absolute;
			margin-left: 120px;
			margin-top:-20px;
			}
			
		/* RUN menu hover */
		ul.menu li:hover > ul{
			display:block;
			padding:0;
			width:inherit!important;
			}

		/* IE bug */
		/* ok but incomplete		
		ul.menu li a:hover{
			display:expression( this.parentNode.getElementsByTagName('ul')[0].style.display = "block" );
			color : white;
			}
		ul.menu li a:focus{
			display:expression( onmouseout = function(){this.parentNode.getElementsByTagName('ul')[0].style.display = "none"} );
			color : white;
			}
		*/





			
	/* MENU SKIN */

		
		/* menu li (all) */
		ul.menu li {
			margin:0px;
			height:24px;
			width:auto;
			width:130px;
			min-width:130px;
			max-width:150px;
			border-right:1px outset silver;
			}	
		ul.menu li:hover {
			background-image:url('button_darkGray2orange.gif');
			}

			
		/* menu li a */
		ul.menu li a {	
			text-decoration:none;
			color:#696969;
			font-family:lucida grande, Arial, Sans-Serif;
			font-size:12px;
			padding: 2px 15px 0px 15px;
			}
		/* a in the first (main) li */
		ul.menu>li>a {
			color:white;
			}
		/* the fist a when we are over the li */	
		ul.menu li:hover > a {
			color:white;
			}


		/* menu li ul */
		ul.menu li ul {
			max-width:150px;
			height:auto;
			opacity:0.8;
			filter:progid:DXImageTransform.Microsoft.alpha(opacity=85);
			}

			
		/* menu li ul li */
		ul.menu li ul li {	
			background-color:white;
			float: none;
			}
		ul.menu li ul li:hover {	
			background-image:url('button_brown.gif');
			}