/* top navigation*/
#navitems {
	position:relative;
	width:930px;
	margin:0 auto;
}

ul#tnav {
	margin:0px auto;
	position:relative;
	float:left;
}

ul#tnav li {
	display:inline;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	text-align:left;
}

ul#tnav li a {}

/* Drop-Down Navigation */
ul#tnav li:hover > ul
{
	visibility:visible;
	opacity:1;
}

ul#tnav ul, ul#tnav ul li ul {
	list-style: none;
	margin: 0;
	padding: 0;		
	visibility:hidden;
	position: absolute;
	z-index: 99999;
	width:190px;
	background:#d6e4f1;
	border-top:1px solid #5a94c8;
	margin-top:-18px;
	margin-left:-1px;
	opacity:0;
	transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#tnav ul {
	top: 43px;
	left: 1px;
}

ul#tnav ul li ul {
	top: 0;
	left: 181px;
}

ul#tnav ul li {
	clear:both;
	width:100%;
	border:0 none;
	border-bottom:1px solid #5a94c8;
}

ul#tnav ul li a {
	background:none;
	padding:7px 10px;
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;
	width:180px;
}

ul#tnav li a.first { border-left: 0 none; }
ul#tnav li a.last { border-right: 0 none; }

a.xmetanav:link,a.xmetanav:visited,a.xmetanav:active,a.xmetanav:hover,.xmetanav,a.xmetanav_active:link,a.xmetanav_active:visited,a.xmetanav_active:active,a.xmetanav_active:hover,.xmetanav_active{
	color: #00305f !important;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	font-weight:300;
	text-decoration:none;
	transition: all ease 0.7s;
}
a.xmetanav_active:link,a.xmetanav_active:visited,a.xmetanav_active:active,a.xmetanav_active:hover,.xmetanav_active{ color: #FFFFFF; }

#subnav a{
	font-family:'Roboto', sans-serif;
	color: #00305f;
	font-size:18px;
	font-weight:300;
	padding: 12px 0 12px 12px;
	text-decoration:none;
	transition: all ease 0.7s;
	white-space:nowrap;
	display: inline-block;
	width:100%;
	max-width: 100%;
	width:355px;
	border-bottom:1px solid #DDE9F4;
}

#subnav .sublevel2container, #subnav .sublevel3container{ 
	width:355px; 
	padding-left: 20px;
}
#subnav a.sublevel1:hover,#subnav a.sublevel2:hover,#subnav a.sublevel3:hover, a.sublevel1_active, a.sublevel2_active, a.sublevel3_active{
	background-color: #d6e4f1;	
}
a.sublevel1_active.open + .sublevel2container,
a.sublevel2_active.open + .sublevel3container {
	max-height: 800px;
}
.sublevel2container, .sublevel3container{
	width:100%;
	max-width: 100%;
	padding-left: 20px;
	max-height: 0;
	overflow: hidden;
	transition: 0.5s;
	border-bottom: none;
}
.menupoint {
	max-width: 355px;
	position: relative;
}
.menupoint.children:after {
	content:"+";
	width:20px;
	height: 20px;
	position: absolute;
	right: 0; 
	top: 5px;
	font-size: 30px;
}
.menupoint.children:hover:after,
.menupoint.children.open:after {
	content:"-";
	font-size: 40px;
	top: -3px;
}
.sublevel1container .menupoint.children:hover > .sublevel2container {
	max-height: 800px;
}
.sublevel2container .menupoint.children:hover > .sublevel3container {
	max-height: 800px;
}
.sublevel1container .menupoint.children:hover > .sublevel2container.sublevelch-1,
.sublevel2container .menupoint.children:hover > .sublevel3container.sublevelch-1 {
	max-height: 65px;
}
.sublevel1container .menupoint.children:hover > .sublevel2container.sublevelch-2,
.sublevel2container .menupoint.children:hover > .sublevel3container.sublevelch-2 {
	max-height: 130px;
}
.sublevel1container .menupoint.children:hover > .sublevel2container.sublevelch-3,
.sublevel2container .menupoint.children:hover > .sublevel3container.sublevelch-3 {
	max-height: 195px;
}
.sublevel1container .menupoint.children:hover > .sublevel2container.sublevelch-4,
.sublevel2container .menupoint.children:hover > .sublevel3container.sublevelch-4 {
	max-height: 260px;
}
.sublevel1container .menupoint.children:hover > .sublevel2container.sublevelch-5,
.sublevel2container .menupoint.children:hover > .sublevel3container.sublevelch-5 {
	max-height: 325px;
}
.sublevel1container .menupoint.children:hover > .sublevel2container.sublevelch-6,
.sublevel2container .menupoint.children:hover > .sublevel3container.sublevelch-6 {
	max-height: 390px;
}
.sublevel1container .menupoint.children:hover > .sublevel2container.sublevelch-7,
.sublevel2container .menupoint.children:hover > .sublevel3container.sublevelch-7 {
	max-height: 455px;
}
.sublevel1container .menupoint.children:hover > .sublevel2container.sublevelch-8,
.sublevel2container .menupoint.children:hover > .sublevel3container.sublevelch-8 {
	max-height: 520px;
}
.sublevel1container .menupoint.children:hover > .sublevel2container.sublevelch-9,
.sublevel2container .menupoint.children:hover > .sublevel3container.sublevelch-9 {
	max-height: 585px;
}
.sublevel1container .menupoint.children:hover > .sublevel2container.sublevelch-10,
.sublevel2container .menupoint.children:hover > .sublevel3container.sublevelch-10 {
	max-height: 650px;
}
.sublevel1container .menupoint.children:hover > .sublevel2container.sublevelch-11,
.sublevel2container .menupoint.children:hover > .sublevel3container.sublevelch-11 {
	max-height: 715px;
}

a.topsublevel1:link,a.topsublevel1:visited,a.topsublevel1:active,a.topsublevel1:hover,
a.topsublevel1_active:link,a.topsublevel1_active:visited,a.topsublevel1_active:active,a.topsublevel1_active:hover {
	font-family:'Roboto', sans-serif;
	color: #00305f;
	font-size:14px;
	font-weight:300;
	padding-left:0px;
	padding-right:7px;
	text-decoration:none;
	transition: all ease 0.7s;
	padding-top:5px;
	padding-bottom:5px;
	width:220px;
	max-width: 100%;
	display: inline-block;
}
a.topsublevel1_active:link,a.topsublevel1_active:visited,a.topsublevel1_active:active,a.topsublevel1_active:hover {
	background-color: #00305f;
	color:#FFFFFF;
}
.topsublevel1item_active {
	background-color: #00305f;
}

a.topnav:link,a.topnav:visited,a.topnav:active,a.topnav:hover,
a.topnav_active:link,a.topnav_active:visited,a.topnav_active:active,a.topnav_active:hover {
	font-family:'Roboto', sans-serif;
	color: #00305f;
	font-size:14px;
	font-weight:300;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	transition: all ease 0.2s;
	padding-top:7px;
	padding-bottom:7px;
}
a.topnav_active:link,a.topnav_active:visited,a.topnav_active:active,a.topnav_active:hover,a.topnav:hover { background-color: #d6e4f1; }


/* Hamburger menu */
.hamburger {
	padding-top:5px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
}
.hamburger:hover { opacity: 0.7; }
.hamburger.is-active:hover { opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after { background-color: #000; }

.hamburger-box {
	width: 24px;
	height: 16px;
	display: inline-block;
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 24px;
	height: 1px;
	background-color: #000;
	border-radius: 0px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.30s;
	transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block;
}
.hamburger-inner::before { top: -5px; }
.hamburger-inner::after { bottom: -5px; }

.hbar .hamburger-box { perspective: 80px; }

.hbar .hamburger-inner {
	transition: transform 0.30s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hbar .hamburger-inner::before, .hbar .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hbar.is-active .hamburger-inner {
	background-color: transparent !important;
	transform: rotateY(180deg);
}
.hbar.is-active .hamburger-inner::before { transform: translate3d(0, 5px, 0) rotate(45deg); }
.hbar.is-active .hamburger-inner::after { transform: translate3d(0, -5px, 0) rotate(-45deg); }

.rootline {margin-bottom: 30px;}
.rootline a:link, .rootline a:visited, .rootline a:active, .rootline a:hover {color: #00305f; }
.rootline a.current,
.rootline div {color: #5a94c8; }