#pagemenu {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;padding:0;position:fixed;top:4em;left:0;right:0;z-index:-1;}
#pagemenu .nav-bar {margin-top: 1em;font-size: 0.85em;border-bottom: 1px solid #DBDCDE;padding:0;margin-top:0;margin-bottom:0;background-color: #FFFFFF;}
#pagemenu .nav-bar > li {width:20%;text-align:center;text-transform:uppercase;border:none;border-right:1px solid #DBDCDE!important;height:100%;float:left;line-height:1em;}
#pagemenu .nav-bar > li:hover {border-bottom:none;background-color:#989793;}
#pagemenu .nav-bar > li#employment{width:13.5%;}
#pagemenu .nav-bar > li#residents{width:11%;}
#pagemenu .nav-bar > li#business{width:10%;}
#pagemenu .nav-bar > li#online-services{width:15.5%;}
#pagemenu .nav-bar > li#government{ width:12.5%;}
#pagemenu .nav-bar > li#visiting{width:9.5%;}
#pagemenu .nav-bar > li#about-montana{width:15.5%;}
#pagemenu .nav-bar > li#education{width:12.5%;}
#pagemenu .nav-bar > li.nav-bar-last {border-right:none; }
#pagemenu .nav-bar > li > a {font-size:.85em;color:rgb(46,119,124);height:100%;padding:1em 0 0 0;}
#pagemenu .nav-bar > li > a:hover {color: #FFFFFF;}
#pagemenu-button {display:none;}


#header-wrapper, #footer-wrapper{z-index:2;}
#header-wrapper #pagemenu h1{text-align: center;}
#header-wrapper #pagemenu ul.nav-bar {margin-top: 1em;}
#mtgov-info-close{display:none;position: fixed;right: 1em;top: 5em;overflow: visible;z-index: 99;}
#mtgov-info:hover {text-decoration:underline; cursor:pointer;}
#pagewrap > .row.eight.columns {float:none; position:relative;}
.section-wrap { display:table; overflow:hidden; }

@media only screen and (max-width: 48em) {
	#pagemenu{position: relative;margin: 0;padding: 0;height:auto;top:0;background-color:#4D4D4D;}
	#pagemenu a {width:100%;}
	#pagemenu .nav-bar {display: none;position: relative;background-color: #4D4D4D; }
	#pagemenu .nav-bar > li{border: 0.125em solid #333333;-webkit-box-shadow: 0.0625em 0 0 rgba(255, 255, 255, 0.2) inset;-moz-box-shadow: 0.0625em 0 0 rgba(255,255,255,0.2) inset;box-shadow: 0.0625em 0 0 rgba(255, 255, 255, 0.2) inset;width:100%; text-align:left;text-transform: uppercase;height: 100%; }

	#pagemenu .nav-bar > li#menu1,
	#pagemenu .nav-bar > li#menu2,
	#pagemenu .nav-bar > li#menu3,
	#pagemenu .nav-bar > li#menu4,
	#pagemenu .nav-bar > li#menu5,
	#pagemenu .nav-bar > li#menu6,
	#pagemenu .nav-bar > li#menu7,
	#pagemenu .nav-bar > li#menu8,
	#pagemenu .nav-bar > li#menu9{width:100%;}
	
	#pagemenu .nav-bar > li.nav-bar-last { border-bottom: none; }
	#pagemenu .nav-bar > li > a {color:#FFFFFF; height: 100%; font-size:1em;padding:.75em 0 .75em 1em;}
	#pagemenu .nav-bar.mobilemenu-active{display: block;margin-bottom:0!important;margin-top:0!important;}

	#pagemenu-button {display:block;}
/*  #pagemenu-button {display:block;padding:/* 1em 0.5em 1em  */0em!important;margin:.8em 0px!important;} */
	#pagecontent-wrapper section{margin: 1em 1em 7em 1em;}
	ul.mtgovnav { display: none; }
	#header-wrapper{height:auto;}
}

@media print
{
	#pagemenu .nav-bar {display: none;}
	#pagemenu-button {display:none;}
}


/**********	PANELS BEGIN	**********/
/*
#pagemenu .pagemenu-panel{font-size: .85em;padding-top: 0.75em!important;margin-left: auto;margin-right: auto;position: relative;height: auto;float: none!important;display: none;z-index: 10;background-color: #dbdcde;}
#pagemenu .pagemenu-panel h1 {text-transform:uppercase;font-weight:bold;color:#597070;margin:0;font-size: 0.85em;text-shadow: none;}
#pagemenu .pagemenu-panel ul {list-style-type: none;line-height:1.25em;font-size:1em;line-height: 1.6;margin-top:0;margin-bottom:1.0625em; list-style-position: inside;}
#pagemenu .pagemenu-panel ul li {list-style: none; padding-left: 0.5em;padding-left: 0.5em;color:#333333;text-decoration: none;}
#pagemenu .pagemenu-panel ul li a {text-transform: uppercase;color:#333333;text-decoration: none;}
#pagemenu .pagemenu-panel ul li a:hover {text-decoration: underline; color: #BA9108;}
*/

 
#pagemenu .pagemenu-panel{font-size: .85em;padding-top: 0.75em!important;padding-bottom:0.25em!important;position:relative;height:auto;float: none!important;display:none;z-index:10;background-color:#dbdcde;width:25%;}
#pagemenu .pagemenu-panel h1 {text-transform:uppercase;font-weight:bold;color:#597070;margin:0;font-size: 0.85em;text-shadow: none;}
#pagemenu .pagemenu-panel ul {list-style-type: none;line-height:1.25em;font-size:1em;line-height: 1.6;margin-top:0;margin-bottom:1.0625em; list-style-position: inside;}
#pagemenu .pagemenu-panel ul li {font-size: .85em;list-style: none; padding-left: 0.5em;padding-left: 0.5em;color:#333333;text-decoration: none;}
#pagemenu .pagemenu-panel ul li a {text-transform: uppercase;color:#333333;text-decoration: none;}
#pagemenu .pagemenu-panel ul li a:hover {text-decoration: underline; color: #BA9108;}


#pagemenu #pagemenu-menu2 {left:11.11%;}   
#pagemenu #pagemenu-menu3 {left:22.22%;}
#pagemenu #pagemenu-menu4 {left:33.33%;}
#pagemenu #pagemenu-menu5 {left:44.44%;}
#pagemenu #pagemenu-menu6 {left:55.55%;}
#pagemenu #pagemenu-menu7 {left:66.66%;}
#pagemenu #pagemenu-menu8 {left:77.77%;}
#pagemenu #pagemenu-menu9 {left:88.88%;width:20%;}

#pagemenu .pagemenu-panel ul {padding-left:1em;}


@media only screen and (max-width: 48em) {
	#pagemenu .pagemenu-panel{display: none;}
}


.MenuDivider{display:none;}
@media only screen and (max-width: 80em) and (min-width:48.1em) {
	.MenuDivider{display:block;margin:0.1em auto;border-color:#ededed;border-bottom-width:.08em;border-top-width:0;left:-0.5em;position:relative;}
}


/**********	PANELS END	**********/

html.lt-ie8 .pagemenu-panel {padding:0;margin:0;}
html.lt-ie8 .pagemenu-panel div.six.columns {width: 41.66%;}
html.lt-ie8 .pagemenu-panel div.four.columns {width: 25%;}
html.lt-ie8 #pagemenu {right: auto;left: auto;position:relative;top:.5em;left:0;right:0;z-index:-1;}
HTML.lt-ie8 #pagemenu .nav-bar > LI#education {width: 11.5%;}