/* divaGPs example styling for Spry Horizontal menus, and divaGPs-here and divaGPS-parent classes. Edit this freely.  Can also be edited for use with Spry Vertical menus by replacing each instance here of "ul.MenuBarHorizontal" with "ul.MenuBarVertical"  */

/*
First we make cosmetic changes to the supplied appearance of the menu*/
/*

/* Change the border color */
ul.MenuBarHorizontal ul {
	border: 1px solid #DDF3AF !important;
}

/* Change the Menu items' text color and background color */
ul.MenuBarHorizontal a {
	background-color: #DDF3AF !important;
	color: #336633 !important;
}

/* Menu items that have mouse over or focus have a new background color */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
	background-color: #FFCC00 !important;
}

/* Menu items that are open with submenus are set to MenuBarItemHover with a new background color */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
	background-color: #FFCC00 !important;
}

/* New background color for submenus */
ul.MenuBarHorizontal ul li a, ul.MenuBarHorizontal ul ul li a{
	background-color: #C6EA8E !important;

}

/*
End of cosmetic changes to the supplied appearance
*/


/*
Here we add divaGPs-specific styling
*/

.divaGPS-here {
	color: #FF3300 !important;
}

.divaGPS-parent {
	color: #00CC66 !important;
}