/***********************************************************************************************

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.

***********************************************************************************************/

#mainContainer{
	width:573px;
	margin:0 auto;
	background-repeat:no-repeat;
	padding-top:85px;			
}
#mainMenu{
	font-family: Arial, Verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Fonts of main menu items */
	font-size:0.9em;	/* Font size of main menu items */
	height:24px;	/* Height of main menu */
	background: white url(../img/tab_off.jpg) top left repeat-x;
	position:relative;	/* Don't change this position attribute */
	
}
#mainMenu a{
	width:191px;
	font-weight:bold;
	/* Don't change these two options */
	position:absolute;
}
#submenu{		
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font  of sub menu items */
	background-color:#E8F6FF;	/* Background color of sub menu items */
	width:573px;	/* Don't change this option */
	
}	
#submenu div{
	white-space:nowrap;	/* Don't change this option */
	padding: 10px;
	height: 100%;
	width: 573px;
}
/*
Style attributes of active menu item 
*/
#mainMenu .activeMenuItem{
	/* Border options */
	height:24px;	/* Height of main menu */
	background: white url(../img/tab_on.jpg) top left repeat-x;
	border:0;
	color: #25408D;
	background-color: #E8F6FF;	/* Background color */
	cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
}

#mainMenu .activeMenuItem img{
	position:absolute;
	bottom:0;
	right:0px;
}
	
/*
Style attributes of inactive menu items
*/
#mainMenu .inactiveMenuItem{		
	color: #000;	/* 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:0px;	/* Space at the left of each sub menu item */
	padding-right:0px;	/* Space at the right of each sub menu item */
	color: #000;	/* Text color */
	font-size:0.9em; 
}

#submenu a:hover{
	color: #FF0000;	/* Red color when the user moves the mouse over sub menu items */
}
