@charset "UTF-8";
@import url("../webfonts/Lato_Light/stylesheet.css");
@import url("../webfonts/Lato_Black/stylesheet.css");
@import url("../webfonts/Lato_Regular/stylesheet.css");

/*************************************************
=================== MENU BAR =====================
*************************************************/

#MenuBar  {
	font-size: 12px;
	font-style: normal;
	padding: 0;
	border-width: 0px;
	border-style: none solid none none;
	float: right;
	position:relative;
	top: 17px;
	right: 10px;
	z-index:9000;
}


.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
	display:none;
}

.MenuBarRightShrink {
	float: right; /* shrink to content, as well as float the MenuBar */
	width: auto;
}
.MenuBarFixedLeft {
	float: left;
	width: 80em;
}
.MenuBarFixedCentered {
	float: none;
	width: 80em;
	margin-left:auto;
	margin-right:auto;
}
.MenuBarFixedCentered br {
	clear:both;
	display:block;
}
.MenuBarFixedCentered .SubMenu br {
	display:none;
}
.MenuBarFullwidth {
	float: left;
	width: 100%;
}

/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar  .MenuItemContainer {
	padding: 0px 0px 0px 0px; 
	margin: 0; 
}
#MenuBar  .MenuItem {
	color:#000;
	font-family:"Lato Regular";
	padding: 0px 24px 0px 0px; 
	border-width:1px;
	border-color: transparent #999999 #cccccc #ffffff; 
	border-style: solid solid none solid;
}
#MenuBar  .MenuItemFirst {
	border-style: none solid none none;
	color:#000;
	font-family:"Lato Regular";
}
#MenuBar .MenuItemLast {
	border-style: none none none solid;
	color:#000;
	font-family:"Lato Regular";
}

#MenuBar  .MenuItem  .MenuItemLabel{
	text-align:center;
/*	line-height:1.4em; */
	background-color:transparent;
	padding: 6px 0px 6px 12px;
	width: 10em;
	width:auto; 
}
.SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
	width:1em; /* Equivalent to min-width in modern browsers */
}

/* First level submenu items */
#MenuBar .SubMenu  .MenuItem {
	font-family: "Lato Light";
	font-weight: 100;
	font-size: 11px;
	background-color: #f2f2f2;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	border-color: #cccccc #cccccc #cccccc #cccccc;
	/* Border styles are overriden by first and last items */
	border-style: none none none none;
}
#MenuBar  .SubMenu .MenuItemFirst {
	border-style: none none none none;
}
#MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
	padding-top: 6px; 
}
#MenuBar .SubMenu .MenuItemLast {
	border-style: none none none none;
}
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
	padding-bottom: 6px; 
}
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
	text-align: left;
/* 	line-height: 1em; */
	background-color: #f2f2f2;
	/* changed 9.4.2014 Jim Strong */
	color: # 000;
	padding: 6px 12px 6px 5px;
	width: auto;
}

/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
	background-color: transparent;
	border-color: transparent #999999 #cccccc #ffffff; 
}
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
	background-color: transparent; /* consider exposing this prop separately*/
	color: #000000;
}

#MenuBar .MenuItemLast.MenuItemHover .MenuItemLabel{
	background-color: transparent; /* consider exposing this prop separately*/
	color: #fff;
}
#MenuBar .MenuItemHover .MenuItemLabel{
	background-color: transparent;
	color: #000000;
}

#MenuBar .SubMenu .MenuItemHover {
	background-color: #cccccc; 
	border-color: #cccccc #cccccc #cccccc #cccccc; 
}

#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
	background-color: #cccccc; 
	color: #000;
}
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
	background-color: #f2f2f2;
	min-width:100%;  /* This 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;
}
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
	top: 100%;
	left:0px; 
	z-index:10;
}
#MenuBar.MenuBarVertical .SubMenuVisible {
	top: 0px;	
	left:100%;
	min-width:0px;
}
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
	background-color: #f2f2f2;
	min-width:0px; 
	top: 0px;	
	left:100%; 
}

.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
	background-color: transparent; /* consider exposing this prop separately*/
	color: #000000;
}
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
	background-color: #cccccc; /* consider exposing this prop separately*/
	color: #333333;
}

.SpryIsIE6 #MenuBar .SubMenu .SubMenu  /* IE6 selector  */{
	margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
}