/***********************************************
  Modified version based on the following: 
* Tab Menu- By Alf Magne Kalleland post@removethisdhtmlgoodies.com
* Website Address: http://www.dhtmlgoodies.com
* Script featured/ available at Dynamic Drive: http://www.dynamicdrive.com/
* This notice must stay intact for use
***********************************************/
		
#mainMenu {
	background-image:url(../images/blue_20x20_lightened.gif);
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
	letter-spacing   : 0.15em;
	text-transform   : uppercase;
	border-bottom:1px solid #FFFFFF;
	height:20px;
	position:relative;
	visibility: hidden;
	font-size: 10px;
}

#mainMenu a {
	/* Custom font/character properties. This is the color of the text in the main menu when scrolled over*/
	text-decoration:none;
	color: #FFFFFF;  
    /* Spaces at the left of main menu items */
	padding-left:5px;	 
    /* Spaces at the right of main menu items */	                                               
	padding-right:5px;	                                                
	padding-bottom: 5px; 
	/* Don't change these two options */
	position:absolute;
	bottom:-1px;
}

#submenu {
	/* this is the background color for the submenu. The background color is the light blue,
	the text is white when scrolled over, the bottom border is white. It gives a small separation
	between the navigation and the yellow column on the left */
	color: #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	padding-top: 3px;
	height: 15px;
	visibility: hidden;
	width:100%;
	background-image: url(../images/blue_20x20_lightened.gif);
	font-size: 9px;
}


html>body #clearmenu { 
	/* non IE browsers menu bottom spacing */ 
	margin-bottom: 2px;                               
}

#submenu div {
	/* Don't change this option */
	white-space:nowrap;	                                                
}

/*
Style attributes of active menu item. Updates the primary navigation boxes.
*/
#mainMenu .activeMenuItem {
	font-weight:bold;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	padding-top: 2px;
	cursor:pointer;
	background-image: url(../images/blue_20x20_lightened.gif);
}

/*
Style attributes of inactive menu items - I am not sure what this does
*/
#mainMenu .inactiveMenuItem {		
	/* Text color */
	color:  #FFCC99;
	/* Handcursor on mouseover */	                                                    
	cursor:pointer;	                                                    
}

#submenu a {	
	/* No underline on sub menu items - use 
	text-decoration:underline; if you want the 
	links to be underlined. This is the text color of 
	secondary navigation when the mouse scrolls over 
	the primary navigation. */
	text-decoration:none;	                                            
	/* Space at the left of each sub menu item */	
	padding-left:5px;	         
	/* Space at the right of each sub menu item */	                                     
	padding-right:5px;	                                              
	color: #FFFFFF;  
	font: 100%/1em Verdana, Arial, Helvetica, sans-serif; 
}

#submenu a:hover {
	/* Color on mouseover of sub menu items */
	color: #FFCC99;   
}