/*
//20100603:Dung:Insert color:#000000, (li a) to keep menu in black.
//20100603:Dung:Insert text-decoration:none; (li a) to prevent underline.
//20100603:Dung:Insert padding:0; (dropdown, dropdown ul) to fix menu position from shifting right.
*/

#menu {
	position:absolute;
	top:40px;
	left:112px;
	float:left;
	font:normal 12px arial, helvetica, tahoma, sans-serif;
}

/* 
	LEVEL ONE
*/
/* Begin CSS Popout Menu */
ul.dropdown					{ list-style:none; position: relative; margin:0; padding:0;/* text-transform:uppercase;*/ }
ul.dropdown li					{ list-style:none; /*	font-weight: bold;*/ float: left; zoom: 1; padding: 0px 4px 0px 4px; /* background: #ccc;*/ }
ul.dropdown a:hover			{ color: red; }
ul.dropdown a:active			{ color: #ffa500; }
ul.dropdown a:visited			{ color: #000; }
ul.dropdown li a				{ display: block; color: #000000; text-decoration:none;}
ul.dropdown li:last-child a	{ border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover			{ background: #cccccc; color: red; position: relative; }
ul.dropdown li.hover a			{ color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 160px; visibility: hidden; position: absolute; top: 100%; left: 0; margin:0; padding:0;}
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }