#usiMenuBar, #usiAdminMenuBar  {
	background-color:transparent;
	background:url(usi-sub-off.png) repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
	padding:0;	
	border-color: #ffffff #ffffff #ffffff #ffffff; 
	border-width:0px;
	border-style: none none none none;
}
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar 
in this section. These have very low specificity, so be careful not to accidentally override them. */

.MenuBar br { /* using just a class so it has same specificity as the ".usiMenuBarFixedCentered br" rule bleow */
	display:none;
}
.usiMenuBarLeftShrink, .usiAdminMenuBarLeftShrink {
	float: left; /* shrink to content, as well as float the MenuBar */
	width: auto;
}
.usiMenuBarRightShrink, .usiAdminMenuBarRightShrink {
	float: right; /* shrink to content, as well as float the MenuBar */
	width: auto;
}
.usiMenuBarFixedLeft, .usiAdminMenuBarFixedLeft {
	float: left;
	width: 80em;
}
.usiMenuBarFixedCentered, .usiAdminMenuBarFixedCentered {
	float: none;
	width: 80em;
	margin-left:auto;
	margin-right:auto;
}
.usiMenuBarFixedCentered br, .usiAdminMenuBarFixedCentered br {
	clear:both;
	display:block;
}
.usiMenuBarFixedCentered .SubMenu br, .usiAdminMenuBarFixedCentered .SubMenu br {
	display:none;
}
.usiMenuBarFullwidth, .usiAdminMenuBarFullwidth {
	float: left;
	width: 100%;
}

/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#usiMenuBar  .MenuItemContainer, #usiAdminMenuBar  .MenuItemContainer {
	padding: 0px 0px 0px 0px; 
	margin: 0;
}
#usiMenuBar  .MenuItem, #usiAdminMenuBar  .MenuItem {
	padding: 0px 0px 0px 0px; 
	background-color:transparent;
	background:url(usi-sub-off.png) repeat;	
	border-width:0px;
	border-color: #cccccc #cccccc #cccccc #cccccc; 
	border-style: none none none none;
}
#usiMenuBar  .MenuItemFirst, #usiAdminMenuBar  .MenuItemFirst {
	border-style: none none none none;
}
#usiMenuBar .MenuItemLast, #usiAdminMenuBar .MenuItemLast {
	border-style: none solid none none;
}

#usiMenuBar  .MenuItem  .MenuItemLabel, #usiAdminMenuBar  .MenuItem  .MenuItemLabel{
	text-align:center;
	line-height:1.4em;
	color:#006699;
	background-color:transparent;
	background:url(usi-sub-off.png) repeat;
	padding: 0px 0px 0px 0px;
	width: 14em;
	width:auto; 
}
.SpryIsIE6 #usiMenuBar  .MenuItem  .MenuItemLabel, .SpryIsIE6 #usiAdminMenuBar  .MenuItem  .MenuItemLabel{
	width:1em; /* Equivalent to min-width in modern browsers */
}

/* First level submenu items */
#usiMenuBar .SubMenu  .MenuItem, #usiAdminMenuBar .SubMenu  .MenuItem {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
	background-color:transparent;
	background:url(usi-sub-off.png) repeat;
	padding:0px 2px 0px 0px;
	border-width:1px;
	border-color: #cccccc #cccccc #cccccc #cccccc; 
	/* Border styles are overriden by first and last items */
	border-style: solid solid none solid;
}
#usiMenuBar  .SubMenu .MenuItemFirst, #usiAdminMenuBar  .SubMenu .MenuItemFirst {
	border-style: solid solid none solid;
}
#usiMenuBar  .SubMenu .MenuItemFirst .MenuItemLabel, #usiAdminMenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
	padding-top: 6px; 
}
#usiMenuBar .SubMenu .MenuItemLast, #usiAdminMenuBar .SubMenu .MenuItemLast {
	border-style: solid solid solid solid;
}
#usiMenuBar .SubMenu .MenuItemLast .MenuItemLabel, #usiAdminMenuBar .SubMenu .MenuItemLast .MenuItemLabel{
	padding-bottom: 6px; 
}
#usiMenuBar .SubMenu .MenuItem .MenuItemLabel, #usiAdminMenuBar .SubMenu .MenuItem .MenuItemLabel{
	text-align:left;
	line-height:1em;	
	background-color:transparent;
	background:url(usi-sub-off.png) repeat;
	color:#006699;
	padding: 6px 12px 6px 5px; 
	width: 14em;
	width:auto; 
}

/* Hover states for containers, items and labels */
#usiMenuBar .MenuItemHover, #usiAdminMenuBar .MenuItemHover {
	background-color: transparent;
	background:url(usi-sub-over.png) repeat;
	border-color: #cccccc #cccccc #cccccc #cccccc; 
}

#usiMenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel, #usiAdminMenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
	background-color: transparent; /* consider exposing this prop separately*/
	background:url(usi-sub-over.png) repeat;
	color: #0066cc;
}
#usiMenuBar .MenuItemHover .MenuItemLabel, #usiAdminMenuBar .MenuItemHover .MenuItemLabel{
	background-color: transparent;
	background:url(usi-sub-over.png) repeat;
	color: #0066cc;
}
#usiMenuBar .SubMenu .MenuItemHover, #usiAdminMenuBar .SubMenu .MenuItemHover {
	background-color: transparent; 
	background:url(usi-sub-over.png) repeat;
	border-color: #cccccc #cccccc #cccccc #cccccc; 
}

#usiMenuBar .SubMenu .MenuItemHover .MenuItemLabel, #usiAdminMenuBar .SubMenu .MenuItemHover .MenuItemLabel{
	background-color: transparent;
	background:url(usi-sub-over.png) repeat;
	color: #0066cc;
}
/* Submenu properties -- First level of submenus */
#usiMenuBar .SubMenuVisible, #usiAdminMenuBar .SubMenuVisible {
	background-color: transparent;
	background:url(usi-sub-over.png) repeat;
	min-width:100%;  /* keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
	border-color: #ffffff #ffffff #ffffff #ffffff; 
	border-width:0px;
	border-style: none none none none;
}
#usiMenuBar.MenuBar .SubMenuVisible, #usiAdminMenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
	top: 100%;	/* 100% is at the bottom of parent menuItemContainer */
	left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem, 
					and your personal taste.
					0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0 
					on MenuItemContainer and MenuItem on the parent
					menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align 
					the dropdown with the left of the menu item label.*/
	z-index:10;
}
#usiMenuBar.MenuBarVertical .SubMenuVisible, #usiAdminMenuBar.MenuBarVertical .SubMenuVisible {
	top: 0px;	
	left:100%;
	min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
}
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#usiMenuBar .MenuLevel1 .SubMenuVisible, #usiAdminMenuBar .MenuLevel1 .SubMenuVisible {
	background-color: transparent;
	background:url(usi-sub-over.png) repeat;
	min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
	top: 0px;	/* If desired, you can move this down a smidge to separate top item''s submenu from menubar - 
				that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
				vertically 'centered' on its invoking item */
	left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a 
				negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
				to use px or ems to get the offset you want. */
}
.SpryIsIE6 #usiMenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel, .SpryIsIE6 #usiAdminMenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
	background-color: transparent; /* consider exposing this prop separately*/
	background:url(usi-sub-over.png) repeat;
	color: #0066cc;
}
.SpryIsIE6 #usiMenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel, .SpryIsIE6 #usiAdminMenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
	background-color: transparent; /* consider exposing this prop separately*/
	background:url(usi-sub-over.png) repeat;
	color: #0066cc;
}
.SpryIsIE6 #usiMenuBar .SubMenu .SubMenu, .SpryIsIE6 #usiAdminMenuBar .SubMenu .SubMenu  /* IE6 selector  */{
	margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
}