/* ¨â¼h¾ÉÄý¿ï³æ */
#mainMenu{
	background-image: url(../images/tittle_02.jpg);
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	font-size:1.2em;
	border-bottom:1px solid #E3AF59;
	height:30px;
	position:relative;
	visibility: hidden;
	background-position: 0px 42px;
	}
	#mainMenu a{
	padding-left:5px;
	padding-right:5px;
	font-weight: bold;
	position:absolute;
	bottom:-1px;
	}
	#submenu{
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	visibility: hidden;
	width:100%;
	background-image: url(../images/menu_bg.jpg);		
	}
	
	html>body #clearmenu{ /* non IE browsers menu bottom spacing */
	margin-bottom: 2px;
	}
	
	#submenu div{
		white-space:nowrap;	/* Don't change this option */
		
	}
	/*
	Style attributes of active menu item 
	*/
	#mainMenu .activeMenuItem{
		/* Border options */
		border-left:1px solid #E3AF59;
		border-top:1px solid #E3AF59;
		border-right:1px solid #E3AF59;		
		background-image: url(../images/menu_bg.jpg);		/* Background color */
		
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	/*
	Style attributes of inactive menu items
	*/
	#mainMenu .inactiveMenuItem{		
		color: #663300;	/* Text color */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#submenu a{	
		text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
		padding-left:5px;	/* Space at the left of each sub menu item */
		padding-right:5px;	/* Space at the right of each sub menu item */
		color: #663300;	/* Text color */
	}
	
	#submenu a:hover{
		color: #FF0000;	/* Red color when the user moves the mouse over sub menu items */
	}