/* CSS Document */
/***********************************************************************************************
	
	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:Verdana, Arial, Helvetica, sans-serif;	/* Fonts of main menu items */
		font-size:13px;	/* Font size of main menu items */
		border-bottom:1px solid #000000;	/* Bottom border of main menu */
		height:30px;	/* Height of main menu */
		line-height:30px;
		margin-bottom:5px;
		width:417px;
		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;
		/* Don't change these two options */
		position:absolute;
		bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
		text-decoration:none;
	}
	#mainMenu a:hover{
		background-color: #F8981D;
		color:#FFFFFF;
	}
	#submenu{		
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font  of sub menu items */
		background-color:#FFFFFF;	/* Background color of sub menu items */
		
		width:417px;	/* 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-top:1px solid #000000;
		border-right:1px solid #000000;		*/
		/*background-color: #F8981D;*/	/* Background color */
		color: #F8981D;
		
		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: #666666;	/* 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:3px;	/* Space at the left of each sub menu item */
		padding-right:10px;	/* Space at the right of each sub menu item */
		color: #666666;	/* Text color */
		font-size:13px;
	}
	#submenu a.active{
		color: #F8981D;
	}
	
	#submenu a:hover{
		color: #FFFFFF;	/* Red color when the user moves the mouse over sub menu items */
		background-color: #F8981D;
	}
	
	#submenu_1 {
		text-align: right;
	}
	
	
	
	
	
#topmenu {
	float: right;
	position: relative;
	margin: 35px 45px 0 0;
}
	
#top-nav {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	position: relative;
	border-bottom: 1px solid #666;
}

#top-nav li {
	float: left;
}

#top-nav li a {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #666;
}

#top-nav li a:hover,
#top-nav li.selected a:hover {
	background-color: #F8981D;
	color: #fff;
}

#top-nav li.selected a {
	color: #F8981D;
}