/*
    * Static/DynamicMenuStyle The MenuStyle sets the properties that control the corresponding Menu 
        think of it as the style for the box that contains all of the MenuItems. In addition to the traditional style properties it also includes HorizontalPadding and VerticalPadding.

    * DynamicMenuItemStyle The MenuItemStyle sets the properties that control the display of the individual MenuItems contained in the corresponding component of the menu
        think of it as the style for the links that appear within the box. In addition to the traditional style properties it also includes ItemSpacing, HorizontalPadding and VerticalPadding.

    * DynamicSelectedStyle The SelectedStyle sets the properties that control the display of the individual MenuItem that is currently selected and contained on the corresponding component of the menu 
        think of it as a MenuItemStyle specific to the selected item. In addition to the traditional style properties it also includes ItemSpacing, HorizontalPadding and VerticalPadding.

    * DynamicHoverStyle The HoverStyle sets the properties that control the display of the individual MenuItem that is currently selected and contained on the corresponding component of the menu 
        think of it as a MenuItemStyle specific to the selected item. In addition to the traditional style properties it also includes ItemSpacing, HorizontalPadding and VerticalPadding.
*/


/********************************************************/
/* VERTICAL MENU STYLES */
/********************************************************/

/*
#615375 - lite purple
#4A2C6B - dark purple
*/

.menuVertical_MainStyle
{
    text-align: left; border-collapse:collapse;
}

/* STATIC */
.menuVertical_StaticMenuStyle
{

}
.menuVertical_StaticMenuStyle a:link { color:#ffffff; }
.menuVertical_StaticMenuStyle a:visited { color:#ffffff; }
.menuVertical_StaticMenuStyle a:active { color:#ffffff; }
.menuVertical_StaticMenuStyle a:hover { color:#ffffff; }
/* to make entire cell clickable */
.menuVertical_StaticMenuStyle a { width:95%; display:block; }


.menuVertical_StaticMenuItemStyle
{

}

.menuVertical_StaticSelectedStyle
{

}

.menuVertical_StaticHoverStyle
{

}
.menuVertical_StaticHoverStyle a:link { color:#4A2C6B; }
.menuVertical_StaticHoverStyle a:visited { color:#4A2C6B; }
.menuVertical_StaticHoverStyle a:active { color:#4A2C6B; }
.menuVertical_StaticHoverStyle a:hover { color:#4A2C6B; }


/* DYNAMIC */
.menuVertical_DynamicMenuStyle
{
    text-align: left;
	/* IE 8 bug fix */
	z-index: 100;
}
.menuVertical_DynamicMenuStyle a:link { color:#000000; }
.menuVertical_DynamicMenuStyle a:visited { color:#4A2C6B; }
.menuVertical_DynamicMenuStyle a:active { color:#000000; }
.menuVertical_DynamicMenuStyle a:hover { color:#000000; }
/* to make entire cell clickable */
.menuVertical_DynamicMenuStyle a { width:95%; display:block; }


.menuVertical_DynamicMenuItemStyle
{

}


.menuVertical_DynamicSelectedStyle
{

}


.menuVertical_DynamicHoverStyle
{

}
.menuVertical_DynamicHoverStyle a:link { color:#4A2C6B; }
.menuVertical_DynamicHoverStyle a:visited { color:#ffffff; }
.menuVertical_DynamicHoverStyle a:active { color:#4A2C6B; }
.menuVertical_DynamicHoverStyle a:hover { color:#ffffff; }



/********************************************************/
/* HORIZONTAL MENU STYLES */
/********************************************************/

.menuHorizontal_MainStyle
{

}

/* STATIC */
.menuHorizontal_StaticMenuItemStyle
{

}

.menuHorizontal_StaticSelectedStyle
{

}

.menuHorizontal_StaticHoverStyle
{    

}

.menuHorizontal_DynamicMenuStyle
{    
	/* IE 8 bug fix */
    z-index: 100;
}

/* DYNAMIC */
.menuHorizontal_DynamicMenuStyle a:link { color:#ffffff; }
.menuHorizontal_DynamicMenuStyle a:visited { color:#ffffff; }
.menuHorizontal_DynamicMenuStyle a:active { color:#ffffff; }
.menuHorizontal_DynamicMenuStyle a:hover { color:#ffffff; }

.menuHorizontal_DynamicMenuItemStyle
{    

}

.menuHorizontal_DynamicSelectedStyle
{    

}

.menuHorizontal_DynamicHoverStyle
{    

}

.menuHorizontal_DynamicHoverStyle a:link { color:#000000; }
.menuHorizontal_DynamicHoverStyle a:visited { color:#000000; }
.menuHorizontal_DynamicHoverStyle a:active { color:#000000; }
.menuHorizontal_DynamicHoverStyle a:hover { color:#000000; }