/***********************************************************************************************
	
	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: #A2A2A2;	/* Background color of main menu */
	  font-family: "simplified Arabic", Helvetica, sans-serif;
	  font-size: 13px;
		font-weight:bold;
		border-bottom:1px solid #D5D5D5;	/* Bottom border of main menu */
		height:50px;	/* Height of main menu */
		width:835px;
		background-image: url('/images/themes/default/image2.jpg');
		background-repeat: no-repeat;
		background-position: left;
		position:relative;	/* Don't change this position attribute */
		
	}
	#mainMenu a{
		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;
	  font-family: "simplified Arabic", Helvetica, sans-serif;
	  font-size: 13px;
		/* Don't change these two options */
		position:absolute;
		bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
	  padding-top:5px;
	  height: 21px;
	}
	#submenu{		
	  font-family: "simplified Arabic", Helvetica, sans-serif;
	  font-size: 13px;
		font-weight:bold;
	  height: 21px;
	  padding:2 0 0 0;
		background-color:#D5D5D5;	/* Background color of sub menu items */
		
		width:835;;	/* 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 */
		background-color: #D5D5D5;
		color: #7A797e;
		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: #FFF;	/* Text color */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#submenu a{	
	font-family: "simplified Arabic", Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #7A797E;
	text-decoration: none;
	padding:0 7 0 7;
	}
	
	#submenu a:hover{
		color: #000000;	/* Red color when the user moves the mouse over sub menu items */
	}