#mainMenu
{	    
    height: 20px;	/* Height of main menu */
    position:relative;	/* Don't change this position attribute */
    font-size: 12px;    
    text-transform: uppercase;
    font: bold 12px 'Trebuchet MS', Verdana;
    color: #a3a39f;
    left: -10px;
    margin-right: -10px
}
#mainMenu a
{
    /* Don't change these two options */
    position:absolute;
    bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
    color: #2d7ebb;
    background: url(images/arrowRight.gif) 100% 50% no-repeat;
    padding-right: 22px;
    padding-left: 10px;
    
}




#mainMenu a.activeCur
{
    color: #a3a39f !important
}
#submenu
{
    width:100%;	/* Don't change this option */
}
#submenu div
{
    white-space:nowrap;	/* Don't change this option */    
}
/*
	Style attributes of active menu item
	*/
#mainMenu .activeMenuItem
{
    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: #a3a39f;	/* Text color */
    cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
}
.activeItem
{    
    color: #2d7ebb;
}
#submenu
{
    color: #2d7ebb    
}

#submenu a{
    text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */    
    padding-right:5px;	/* Space at the right of each sub menu item */
    padding-left: 5px;
    font-style: normal;
    color: #2d7ebb;
    text-transform: lowercase;
    font-size: 12px;
    font-family:  'Trebuchet MS', Verdana;
    font-weight:  bold

}

#submenu a:hover{
    text-decoration: underline;    
}