/* CSS Document */

#mainContainer{
	background: url('images/menu-bg1.gif') #F4F4EA repeat-x top center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 60px;
	width:100%;
	margin:0px;	
	}
	
	#mainMenu{
		width:1000px;
		line-height: 30px;
	font-size: 12px;
	top:30px;
	left:0px;
	font-weight:900;
	cursor: pointer;
	position:relative;	/* Don't change this position attribute */
		
	}
	#mainMenu a{
		padding: 0px 20px 0px 20px;
	text-decoration: none;

	color: #FFFFFF;
		/* Don't change these two options */
		position:absolute;
		bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
	}
	#submenu{		
		top:35px;
		left:10px;
		margin:0px;
		position:relative;
		padding-left:10px;
		width:900px;	/* Don't change this option */
		text-align:left;
		
	}	
	#submenu div{
		white-space:nowrap;	/* Don't change this option */
		
	}
	/*
	Style attributes of active menu item 
	*/
	#mainMenu .activeMenuItem{
		/* Border options */
			background: url('images/menu-item-sel1.gif') repeat-x;
			color: #333;
		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: #fff;	/* Text color */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#submenu a{	
			padding: 0px 10px 0px 10px;
	font-size: 12px;
	color: #333;
	}
	
	#submenu a:hover{
		text-decoration: underline;
		background: transparent;
		color: #FF0000;	/* Red color when the user moves the mouse over sub menu items */
	}
	
	.submenu .sel { 
	padding: 0px 15px 0px 15px; 
	background : #51473D;
	display: block;
}