@charset "UTF-8";

@media all
{

#nav { 
  background:#fff; 
  height: 80px;
  padding: 20px 20px 0 232px;    
  top: 0; 
  overflow: hidden; 
  position: relative;}

.navwrap {
	width: 100%;
	overflow: visible;
	float: left;
	display: block;
	position: relative;
	line-height: 0;
	text-align: left;
	font-size: 1em;
	z-index: 800;
}
.navwrap:hover {
		z-index: 801;
}

.navwrap ul,
.navwrap li {
		/* reset */
		list-style: none;
		list-style-type: none;
		list-style-image: none;

		margin: 0;
		padding: 0;
		border: 0;
}

.navwrap,
.navwrap ul,
.navwrap li,
.navwrap a {
		/* fix some hover issues for all browsers (lost background focus on absolute elements) */
		background:#fff url(../images/blank.gif);
}

.navwrap ul {
		position: relative;
		display: inline;
		float: left;
		width:100%;
}
.navwrap ul ul {
	display:none;
	position: absolute;
	top:31px;
	left:0;
	width:100%;
	background-color:#fff;
}

.navwrap ul li.active ul {
	display:inline;
	z-index:89;
}

.navwrap ul li:hover ul {
	display:inline;
	z-index:99;
}

.navwrap ul ul li {
	float:left;
}

.navwrap li {
		display:block;

		float: left; /* LTR */
		font-size:1.0em;
		line-height:1em;
}

.navwrap li.hover,
.navwrap li:hover {
		/* position: relative; */
		z-index: 857;
		cursor: default;
	}

.navwrap li a {
		display: block;
		width: 100%;
		float: left;
		font-size:1em;
		cursor: pointer;
}
.navwrap li span.item-title {
		display: block;
		width: auto;
}

.navwrap .dropitem {
		position: absolute;
		visibility: hidden;

		/* optional fallback? width: 150px; */

		/* defaults (open right) */
		top: 0px;
		bottom: auto;
		left: 100%;
		right: auto;

		z-index: 856;
		min-width: 100%;
}
.navwrap .dropitem .dropitem,
.navwrap .dropitem {
		min-width: inherit;
		width: auto; /* from view level 2 or vertical always auto width */
}

#dropdownSubMenusContainer .navwrap .dropitem {
		width: auto;
		visibility: visible;
		top: 0px;
		bottom: auto;
		left:0px;
		right: auto;
}

.navwrap .dropitem ul {
		width: 100%;
}

.navwrap .viewLevel0 .dropitem {
		/* horizontal level0 (open down by default) */
		top: 100%;
		bottom: auto;
		left: 0px;
		right: auto;
}
.navwrap .viewLevel1 .dropitem {
		/* horizontal level0 (open right by default) */
		top: 0px;
		bottom: auto;
		left: 100%;
		right: auto;
}

.navwrap li:hover > .dropitem,
.navwrap li a:focus + .dropitem {
		visibility: visible;
}

.navwrap .dropitem-content {
		position: absolute;
		top:-32768px;
		left:-32768px;
}
.navwrap li:hover > .dropitem > .dropitem-content,
.navwrap li.hover > .dropitem > .dropitem-content,
.navwrap li a:focus + .dropitem > .dropitem-content,
.navwrap-linear .viewLevel1 .dropitem .dropitem-content,
#dropdownSubMenusContainer .dropitem-content,
.js .navwrap .dropitem-content {
		position: static;
		top:auto;
		left:auto;
}

.navwrap .dropitem li {
		width: 100%;
}

.navwrap li li .dropitem {
		top: 0px;
		bottom: auto;
		left: 100%;
		right: auto;
}

.navwrap-linear li,
.navwrap-linear li.hover,
.navwrap-linear li:hover {
		position: static !important;
}

.navwrap-linear .dropitem li {
		width: auto;
		float: left;
}

.navwrap-linear .viewLevel1 .dropitem {
		position: relative;
		visibility: visible;
		left: 0;
		top: 0;
}
.navwrap-linear .viewLevel1 .dropitem li {
		width: 100%;
}

/**
 * @Experimental: Specail mix with important rules and specificity to Inherit parent direction
 */
.navwrap .dropitem-up {
		top: auto !important; bottom: 100% !important;
		left: 0px !important; right: auto !important;
}

.navwrap .dropitem-right {
		top: 0px !important; bottom: auto !important;
		left: 100% !important; right: auto !important;
}

.navwrap .dropitem-left {
		top: 0px !important; bottom: auto !important;
		left: auto !important; right: 100% !important;
}

.navwrap .dropitem-down {
		top: 100% !important; bottom: auto !important;
		left: 0px !important; right: auto !important;
}

.js #dropdownSubMenusContainer .navwrap .dropitem {
		top: auto !important; bottom: auto !important;
		left: auto !important; right: auto !important;
}

#dropdownSubMenusContainer {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		overflow: visible;
		z-index: 900;
		background: transparent;
}

.navwrapHelperContainer {
		display: none;
		position: absolute;
		overflow: hidden;
		background: transparent;
}


.navwrap,
.navwrap ul,
.navwrap li,
.navwrap a {
    background-color: transparent;
}

.js .navwrap .dropitem a,
.js .navwrap .dropitem span {
     white-space: nowrap; /*rescrict word-wrap - better auto-width calculation for menu script */
 }

.navwrap a:hover { 
	background-color: #AE3110;  
}

.navwrap li a {
    text-decoration: none;
    border-bottom: 2px solid #AE3110 !important;
}
  
  
.navwrap li a span:hover, .navwrap li a span:focus {
	background: #AE3110 !important;
    color: #ffffff !important;
   	font-weight:normal;
  	text-decoration: none;
}

.navwrap li:hover a {
    background: #AE3110;
	color:#fff;
}
.navwrap li:hover ul li a {
	background:#fff;
	color:#000;
}
.navwrap li a:hover,
.navwrap li a:focus {
    background: #AE3110 !important;
    color: #fff !important;
   	font-weight:normal;
  	text-decoration: none;
}

.navwrap li.active a.active_link .item-title,
.navwrap li.active a.active_link {
    color: #AE3110;
}

.navwrap li.hover a.active_link .item-title {
/*	color:#fff;*/
}
.navwrap li:hover a.active_link, 
.navwrap li a.active_link:hover, 
.navwrap li.active:hover,
.navwrap li a.active_link:visited, 
.navwrap li.active a.active_link .item-title:hover  {
	color:#fff !important;
}

.navwrap li.active {
	border: 2px 2px 0 2px solid #AE3110 !important;
   	font-weight:normal !important;
  	text-decoration: none;
}
.navwrap
.navwrap li:hover > a {
	color: #fff !important;
    font-weight:normal;
  	text-decoration: none;
}

.dropitem .menuitem-content { overflow: hidden; }

.navwrap .menuitem-content {
    background: #fff;
    
    /* 
     * Default with for menu module positions
     * Fixed with or min-width is requried for robust layout
     */
    min-width: 200px;
}

.navwrap {
    background:#fff;
}

  
.navwrap-vertical li a {
    background: #fff;
    color:#000;
    padding:0;
    text-decoration:none;
}
.navwrap-vertical li a span {
    display: block;
    /* white-space: nowrap; */
}
.navwrap-vertical li span.item-title {
    padding:0.5em 0.8em 0.5em 0.8em;

}

.navwrap li.viewLevel0 {
  margin-right: 0px;
}

.navwrap li.viewLevel1 {
    margin-bottom: 0px;
}

.navwrap li a {
    color:#000;
    padding:0;
    text-decoration:none;
   }

.navwrap li a span {
    display: block;
    /* white-space: nowrap; */
}
  
.navwrap li span.item-title active_link.current_link{
    background: #000;
}
  
.navwrap li span.item-title {
   padding:0.5em 0.8em 0.5em 0.8em;
}
.navwrap li.viewLevel1 span.item-title {
   padding:0.5em 0.7em 0.5em 0.7em;
}

.navwrap li span.subtitle {
    /* You can use .maintitle, .subtitle-1, .subtitle-2, .subtitle-3, etc. to adjust the maintitle or each subtitle line */
    display: block;
    font-size: smaller;
    font-weight: normal;
    color: #fff;
}

.navwrap li.viewLevel0 a {
    margin-top: 2px; 
}

.navwrap li.viewLevel1 a {
  	padding:0 0 0px 0;border-bottom: 2px solid #fff !important;margin: 0;
}

.navwrap li.viewLevel1 {
    margin-right:0; /* fallback: disabled javascript */
  }

.navwrap-linear ul {
   width: 100%;
    background:#fff;
}
.navwrap-linear .dropitem ul {
    background: #fff;
}
.navwrap-linear .dropitem li { 
  width: auto; 
}

.navwrap-linear .dropitem li.item-once {
    /* important in webkit browsers (e.g. safari and chrome) to strech contents on a menuitem content to 100% */
    width: 100%;
}

.navwrap li.viewLevel1 span.subtitle-empty { display: none; }
.navwrap-linear li.viewLevel1 span.subtitle-empty { display: block; }

}