#mainMenu{

		font-family: Arial, sans-serif;	/* Fonts of main menu items */
		font-size:12px;	/* Font size of main menu items */
		height:24px;	/* Height of main menu */
		position:relative;	/* Don't change this position attribute */
		bottom:5px;
	}

	#mainMenu a{
        text-decoration:none;
		padding-left:10px;	/* Spaces at the left of main menu items */
		padding-right:10px;	/* Spaces at the right of main menu items */
		font-weight:bold;
		/* Don't change these two options */
		position:absolute;
		bottom:-2px;	 /*Change this value to -2px if you're not using a strict doctype */
	}

	#submenu{		
    	font-family: Arial, sans-serif;	/* Font  of sub menu items */
		width:100%;	/* Don't change this option */
		
	}	

	#submenu div{
    	white-space:nowrap;	/* Don't change this option */
	}

	/*
	Style attributes of active menu item 
	*/
    
    #mainMenu .activeMenuItem{

		/* Border options */
					
        /*
        border-left:1px solid #000000;
		border-right:1px solid #000000;
        border-top:1px solid #000000;
        border-bottom:1px solid #000000;
			
        background-color: #FFFFFF;
		*/
        
		color: #800000;

		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */

	}

	

	#mainMenu .activeMenuItem img{

		position:absolute;

		bottom:0px;

		right:0px;

	}

		

	/*

	Style attributes of inactive menu items

	*/

	#mainMenu .inactiveMenuItem{		

		color: BLACK;	/* 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:10px;	/* Space at the left of each sub menu item */

		padding-right:10px;	/* Space at the right of each sub menu item */

		color: White;	/* Text color */

		font-size:12px; 

		font-weight:bold;

	}





	

	#submenu a:hover{

		color: YELLOW;	/* Red color when the user moves the mouse over sub menu items */

	}