@charset "UTF-8";
/* CSS Document */

#MenuBar  {
	font-family: 'Alegreya Sans SC', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 18px;
	font-style: normal;
	padding:0;
	border-color: #ffffff #ffffff #ffffff #ffffff;
	border-width:0px;
	border-style: none none none none;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.MenuBar br { 
	display:none;
}
.MenuBarLeftShrink {
	float: left; 
	display: inline-block;
	width: auto;
}

#MenuBar  .MenuItemContainer {
	padding: 0px 0px 0px 0px; 
	margin: 0; 	
}
#MenuBar  .MenuItem {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#MenuBar  .MenuItemFirst {
	border-style: none none none none;
}
#MenuBar .MenuItemLast {
	border-style: none none none none;
}

#MenuBar  .MenuItem  .MenuItemLabel{
	text-align:center;
	line-height:1.4em;
	color:#091E4A;
	width: auto;
	width:auto;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
}
.SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
	width:1em; /* Equivalent to min-width in modern browsers */
}

/* First level submenu items */
#MenuBar .SubMenu  .MenuItem {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 13px;
	font-style: normal;
	background-color:#ffffff;
	padding:0px 0px 0px 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-transform: uppercase;
	letter-spacing: 0em;
}
#MenuBar  .SubMenu .MenuItemFirst {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
	padding-top: 6px; 
}
#MenuBar .SubMenu .MenuItemLast {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
	padding-bottom: 6px; 
}
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
	text-align:left;
	line-height:1em;
	background-color:#0099CC;
	color:#333333;
	width: auto;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	-webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.4);
}

/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
	background-color: rgba(43,56,73,0.3);
}

#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
	background-color: rgba(43,56,73,0.3); /* consider exposing this prop separately*/
	color: #FF0000;
}
#MenuBar .MenuItemHover .MenuItemLabel{
	background-color: rgba(43,56,73,0.3);
	color: #FF0000;
}

#MenuBar .SubMenu .MenuItemHover {
	background-color: #091E4A;
}

#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
	background: rgba(237,222,181,1);
background: -moz-linear-gradient(top, rgba(237,222,181,1) 0%, rgba(208,177,91,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,222,181,1)), color-stop(100%, rgba(208,177,91,1)));
background: -webkit-linear-gradient(top, rgba(237,222,181,1) 0%, rgba(208,177,91,1) 100%);
background: -o-linear-gradient(top, rgba(237,222,181,1) 0%, rgba(208,177,91,1) 100%);
background: -ms-linear-gradient(top, rgba(237,222,181,1) 0%, rgba(208,177,91,1) 100%);
background: linear-gradient(to bottom, rgba(237,222,181,1) 0%, rgba(208,177,91,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eddeb5', endColorstr='#d0b15b', GradientType=0 ); 
	color: #630402;
}
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
	background-color: #ffffff;
	min-width:0%;  /* 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: #ffffff;
	min-width:0px; 
	top: 0px;	
	left:100%; 
}

.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
	background-color: #999999; /* 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 */
}

/* MOBILE STYLES */
@media only screen and (max-width: 1025px){
#MenuBar  {
	
	font-size: 16px;
	
}
#MenuBar  .MenuItem  .MenuItemLabel{
	text-align:center;
	line-height:1.4em;
	width: auto;
	width:auto;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
}


}
@media only screen and (max-width: 768px){



}
@media screen and (max-width: 568px) {
	/*Fix for Large Smart Phone in Landscape Mode*/
	#MenuBar  {
	display: block!important;
	font-size: x-large!important;
	
}
.MenuBarLeftShrink {
	float: none!important; 
	display: block!important;
	width: auto;
}
#MenuBar  .MenuItem  .MenuItemLabel{
	text-align:center;
	line-height:inherit;
	width: auto;
	width:auto;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	font-size: 125%!important;
}

}
@media only screen and (max-width : 480px) { 
#MenuBar  {
	display: block;
	
	font-size: x-large!important;
	
}
.MenuBarLeftShrink {
	float: none!important; 
	display: block;
	width: auto;
}
#MenuBar  .MenuItem  .MenuItemLabel{
	text-align:center;
	line-height:inherit;
	width: auto;
	width:auto;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	font-size: 125%!important;
}

}

@media only screen and (max-width: 320px){
	
}