/***********************************************************************************************

Copyright (c) 2005 - Alf Magne Kalleland post@dhtmlgoodies.com

Get this and other scripts at www.dhtmlgoodies.com

You can use this script freely as long as this copyright message is kept intact.

***********************************************************************************************/

#mainMenu{
	background-color: #fff;	/* Background color of main menu */
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Fonts of main menu items */
	font-size:16px;	/* Font size of main menu items */
	border-bottom:0px solid #000000;	/* Bottom border of main menu */
	height:30px;	/* Height of main menu */
	position:relative;	/* Don't change this position attribute */
	
}
#mainMenu a{
	padding-left:12px;	/* Spaces at the left of main menu items */
	padding-right:10px;	/* Spaces at the right of main menu items */
	/* Don't change these two options */
	position:absolute;
	bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
}
#submenu{		
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font  of sub menu items */
	font-size: 15px;
	background: #fff url('/images/menu/submenu.jpg'); /* Background color of sub menu items */
	width:100%;	/* Don't change this option */
	height: 28px;
	line-height: 25px;
}	
#submenu div{
	white-space:nowrap;	/* Don't change this option */
}
/*
Style attributes of active menu item 
*/
#mainMenu .activeMenuItem{
	/* Border options */
	padding: 4px 8px 4px 8px;
	border-left:0px solid #000000;
	border-top:0px solid #000000;
	border-right:0px solid #000000;		
	background: #fff url('/images/menu/menu-actiu.jpg'); /* Background color */
	cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	color: #fff;
}

#mainMenu .activeMenuItem img{
	position:absolute;
	bottom:0px;
	right:0px;
}
	
/*
Style attributes of inactive menu items
*/
#mainMenu .inactiveMenuItem{
	padding: 4px 8px 4px 8px;
	color: #fff;	/* Text color */
	cursor: pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	background: #fff url('/images/menu/menu-passiu.jpg'); /* Background color */
}

#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: #fff;	/* Text color */
	font-size:0.9em;
}

#submenu a:hover{
	color: #9cf;	/* Red color when the user moves the mouse over sub menu items */
}