/* Based on http://responsive-nav.com  */

body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

.MenuBarButton {width:100%;text-align:left; height:30px; line-height:30px; background: #0c1f39; color:#FFF;
				font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.nav-collapse ul,.nav-collapse li{ margin: 0; padding: 0;} 
.nav-collapse, .nav-collapse * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.nav-collapse, .nav-collapse ul { list-style:none; width:100%; float:left; }
.js .nav-collapse { position:relative; max-height: none;}
.nav-collapse.opened { max-height:9999px;}
.nav-collapse a { margin:0px; text-align: center; }
.nav-collapse ul ul li { display: none;}

@media screen and (min-width: 737px) {
	.nav-collapse {display:table; background:url("/nf/allsites_natopnav_back"); width: 100%; border-collapse: collapse;}
	.nav-collapse ul { display: table-row; width: 100%; }
	.nav-collapse li{ display:table-cell; color: #0c1f39; font-size:12px; font-family: Arial, Helvetica, sans-serif;
					font-weight: bold; text-align:left; padding: 2px 13px 3px 13px; white-space: nowrap; line-height:26px;}					
	.nav-collapse li a:link, .nav-collapse a:visited{ color: #0c1f39; text-decoration:none;}
	.nav-collapse li a:hover { color: #0c1f39; text-decoration:none; }
	.nav-collapse li.sectionSelected {color: #0c1f39; background:url("/nf/allsites_natopnav_backselected")}
	.nav-collapse li.sectionSelected a:link, .nav-collapse li.sectionSelected a:visited, .nav-collapse li.sectionSelected a:hover
	 {color: #0c1f39; text-decoration:none;}
}

@media screen and (max-width: 736px) {
	.js .nav-collapse { clip: rect(0 0 0 0); max-height: 0px; position:absolute;
  	display: block; overflow: hidden; zoom:1; }
	.nav-collapse ul { margin:0px; padding:0px; display:block; }
	.nav-collapse li { background:#09467f; display:block; float:left; width:100%; text-align: left; font-size:12px; font-family: Arial, Helvetica, sans-serif;}
	.nav-collapse li.mainItem {  display:block;padding: 3px 7px; color:#c3c3c3; }
	.nav-collapse li.subItem { display:block; padding: 0 0 0 15px; color:#c3c3c3;  }
	#linkSelected{ color:#ffe985; text-decoration:none; }
	.nav-collapse a:link, .nav-collapse a:visited, .nav-collapse a:hover { color:#fff; text-decoration:none; }
}


#nav-toggle {
  -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
  border:0px; cursor:pointer; width:30px; height:30px; float:left; text-indent:-9999px; overflow:hidden;
  background: #ffffff url("/nf/AllSites_ResponsiveMenu_Icon") no-repeat 50% 50%;
}

@media screen and (min-width: 736px) {
  #nav-toggle { display: none;} 
  .MenuBarButton { display: none;} 
}