#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#employment,
	#pagemenu .nav-bar > li#residents,
	#pagemenu .nav-bar > li#business,
	#pagemenu .nav-bar > li#online-services,
	#pagemenu .nav-bar > li#government,
	#pagemenu .nav-bar > li#visiting,
	#pagemenu .nav-bar > li#about-montana,
	#pagemenu .nav-bar > li#education{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;}
	#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;}

@media only screen and (max-width: 48em) {
	#pagemenu .pagemenu-panel{display: none;}
}
/**********	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%;}