@charset "UTF-8";

/*	These rules redefine the 24-bit transparent PNG files 
	because Internet Explorer 6 does not this level of transparency */


/*	To create a transparent effect in IE6, set the background color (or image) color to
	something slightly lighter, or darker, than the widget's theme color */
body { background-color:#bbbbbb; }


/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal li ul a.MenuBarItemHover, 
ul.MenuBarHorizontal li ul a.MenuBarItemSubmenuHover, 
ul.MenuBarHorizontal li ul a.MenuBarSubmenuVisible,
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal li ul a:hover,
ul.MenuBarHorizontal li ul a:focus
{
	color: #000000;
}


/* ............................................  */
/* Custom Classes added by Codify Design Studio  */

.horizontal_content {
}
.horizontal_bottom { background-image: url(menubar_horizontal_700_tab.gif); }

ul.MenuBarHorizontal li.firstItem:hover,
ul.MenuBarHorizontal li.middleItem:hover,
ul.MenuBarHorizontal li.lastItem:hover
{
	background-image: url(menubar_horizontal_700_tab_over.gif);
}

/* Vertical Settings */

ul.MenuBarHorizontal li.firstItem li.firstItem,
ul.MenuBarHorizontal li.middleItem li.firstItem,
ul.MenuBarHorizontal li.lastItem li.firstItem
{
	background-image: url(menubar_vertical_250_tab.gif);
}

ul.MenuBarHorizontal li.firstItem li.middleItem,
ul.MenuBarHorizontal li.middleItem li.middleItem,
ul.MenuBarHorizontal li.lastItem li.middleItem
{
	background-image: url(menubar_vertical_250_tab.gif);
}

ul.MenuBarHorizontal li.firstItem li.lastItem,
ul.MenuBarHorizontal li.middleItem li.lastItem,
ul.MenuBarHorizontal li.lastItem li.lastItem
{
	background-image: url(menubar_vertical_250_tab.gif);
}

ul.MenuBarHorizontal li.firstItem:hover  li.firstItem:hover,
ul.MenuBarHorizontal li.firstItem:hover  li.middleItem:hover,
ul.MenuBarHorizontal li.firstItem:hover  li.lastItem:hover,
ul.MenuBarHorizontal li.middleItem:hover li.firstItem:hover,
ul.MenuBarHorizontal li.middleItem:hover li.middleItem:hover,
ul.MenuBarHorizontal li.middleItem:hover li.lastItem:hover,
ul.MenuBarHorizontal li.lastItem:hover   li.firstItem:hover,
ul.MenuBarHorizontal li.lastItem:hover   li.middleItem:hover,
ul.MenuBarHorizontal li.lastItem:hover   li.lastItem:hover
{
	background-image: url(menubar_vertical_250_tab_over.gif);
}