/* Remove the following 5 styles if not using any of these IDs or classes */
#home-promobox { width:100%!important; }
#home-search { width:90%; float:none; }
#home-popular { width:auto; float:none; margin-left:2%; }
.highlightbox1, .highlightbox2 { width:267px!important;}
.photo_highlight { display:none; }

/* Please adjust you your IDs */
/* body ID required */
body#section header, body#home header, body#about header, body#state header, body#municipal header, body#subscribers header { background-color:#02263D!important; color:#fff; display:block; background-image:none!important; overflow:none; width:auto; padding-bottom:6px!important; position:relative; height:auto;}

/* Top nav style for when navigation items wrap to two lines. Not needed if the items don't wrap to two lines */
nav .samplestab, nav .featurestab, nav .tab3, nav .tab4, nav .tab5, nav .tab6, nav .tab7 { line-height:38px; }


/* Do not change these */
body { margin:0; padding:0; background:none!important; position:relative;}
.offscreen, .statewide_message, #sliver_container { display:none; }
#container { margin:0 auto; padding:0; width:100%; min-width:0!important; background-color:#fff; position:relative!important; color:#000; }
h1 { margin:4px 0 30px 0; }
* html header {	zoom:1; }
/* end clearfix */
#vtopnav, #vtopnav a { color:#000; }
header h2.logo { text-indent:0!important; font-family:Georgia, serif!important; font-weight:normal!important; position:relative; width:auto; font-size:1.2em!important; height:auto!important; background:none!important; background-color:transparent; float: none; margin:0 10px!important;}
header h2.logo a { height:65px!important; width:100%; color:#fff; text-decoration:none; padding:10px 0 10px 10px; }
header h2.logo a:visited {	color:#fff; }
.header_nav_search { float:left!important; text-align:left; background-color:#02263D!important; padding:0; width:100%!important; }
.header_nav_search ul#vtopnav {	position:static; width:auto; display:block; float:left; background-color:transparent; margin:12px 5px 12px; color:#fff!important; }
.header_nav_search ul#vtopnav a { color:#fff!important; }
.header_search { margin:0 10px 10px; float:left; width:90%; }
.search_button { right:4px; }
/*.sf-menu li ul li, .sf-arrows .sf-with-ul::after { display:none!important; }
.sf-menu ul { border:none!important; }
.sf-arrows .sf-with-ul { padding-right:1em!important; }*/ 
header { background:#02263D; height:135px!important; }
header .sub-container { background-image:none; }
.sub-container { width:100%!important; min-width:0!important; }
#content { width:auto!important; padding:0; margin-top:0; min-width:0!important; height:auto;}
.crumb_trail { display:none; }
.sectionbanner { margin:0!important; }
#maincontent1 {	clear:both; float:none; width:auto!important; min-width:0; padding:0 12px; margin-top:20px; }
#maincontent2 {	clear:both;	float:none!important; width:auto!important;	min-width:0; border:none; padding:0 12px; margin-top:20px; }
#maincontent2r { clear:both; float:none!important; width:auto!important; min-width:0; border:none; padding:0 12px; margin-top:20px; }
#maincontent3 {	clear:both;	float:none!important; width:auto!important;	min-width:0!important; border:none; padding:0 12px; margin-top:20px; } .twocol1,.twocol2,.threecol1,.threecol2,.threecol3,.threecol1-2,.threecol2-3, .fourcol1,.fourcol2,.fourcol3,.fourcol4 { float:none; width:auto!important; margin:0; }
.homecol1, .homecol2 { float:none; width:auto!important; margin:0!important; }
.twocol1big { float:none!important; width:100%!important; }
.twocol2small { float:none!important; padding-bottom:10px; width:100%!important;}
.pic350,.pic325,.pic300,.pic275,.pic250,.pic225,.pic200,.pic175,.pic125 { float:none; display:block; max-width:90%; margin:.5em auto; }
aside { float:none!important; width:auto!important; border:none; padding:0 12px; }
footer .footer_column:first-child { float: none; width: auto; min-width: 0; margin:0 1em; }
footer .footer_column:last-child { float: none; width: auto; min-width: 0; margin:0 1em; text-align:left; }
.footer_column { float: none; width: auto; }
#sectionnav { display:none; }
/*#mobilenav { display:block!important; }
#mobilemenu li ul li ul li ul li, #mobilemenu li ul li ul li span.sub-arrow  { display:none!important; }*/





/* Nav fix */ 
.sf-description { display:inline; margin-top:0; }
.sf-menu li { text-align:left; }



#block-mainmenu { position:static; }
#block-economist-search { position:static; }

#search-block-form { float:none; margin:0 0 12px 7px; }
nav#top-nav { height:75px; text-align:center; clear:both; }
#superfish-main-toggle span { display:block; width:100%; padding-top:25px; padding-bottom:25px; font-weight:bold; color:#fff; }
a#superfish-main-toggle { text-decoration:none; }

.header_nav_search { margin-right:0; }

#homepics { width:calc(100% + 24px); margin-left:-12px; margin-top:-20px; }

#flagbox { height:auto; padding:20px 0; }
#flagbox p { float:none; clear:both; text-align:center; }
#flagbox p:first-child { font-size:3em; }
#flagbox p:nth-child(2) { font-size:1.8em; }
#flagbox p:nth-child(3) { margin-top:10px; }
#flagbox a { font-size:1em; }



.snip1527 {
  color: #ffffff;
  float:none;
  font-family:'Open Sans', sans-serif;
  font-size: 1.2em;
  margin:0;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  text-align:center;
  width: 100%;
}

.snip1527.threepicrow, .snip1527.fourpicrow { max-width:100%; }

body.page-node-type-home-page footer { margin-top:-20px; }


#commissionerbox { text-align:center; width:calc(100% + 12px); margin-left:-12px; }
#commissionerbox img { float:none; width:100%;  max-width:100%; } 
#commissionerbox #commissionerintro { float:none; margin:20px auto; width:80%; }


div.headline { border:none; width:auto; margin-left:0;  margin-top:73px; float:none; }
h2.divider { margin:-30px auto 33px;  font-size: 1.5em; }

.bablo, .budget, .generalservices, .bhr, .personnelservices, .revenue, .oit, .statecontroller,  .stateeconomist, .procurementservices, .bablo:hover, .budget:hover, .generalservices:hover, .bhr:hover, .personnelservices:hover, .revenue:hover, .oit:hover, .statecontroller:hover, .stateeconomist:hover, .procurementservices:hover  { float:none; width:auto; background-size:90px; margin-right:0; padding-top:120px; }
.officesboxes { width:calc(100% + 24px); margin-left:-12px; }
h2.divider.culture, h2.divider.workforstate, h2.divider.offices, h2.divider.boards, h2.divider.people { width:auto; }

.sf-menu ul { border-top:0; }
.threecol3 { margin-bottom:20px; }

.homepics { width: calc(100% + 24px); margin-left: -12px;  margin-top: -20px; }

#jobinfobox { margin:0 0 0 -12px; width: calc(100% + 24px); }
#jobinfobox ul { margin-left:0; padding-left:0; }
#jobinfobox ul li { text-align:center; }
#jobinfobox ul li span { float:none; display:block; margin-top:10px; margin-right:auto; }

#jointheteambox { height:120px; }
#jointheteambox h1 { font-size:1.5em; }

#insidebanner { width: calc(100% + 24px); margin-left:-12px; margin-top:-20px; }

img.align-right, img.align-left { float:none; display:block; margin:10px auto; }

/* Responsive Video */

.video-container {
position: relative;
padding-bottom:80%;
padding-top: 30px; height: 0; overflow: hidden;
float:left; 
	width:99%;
margin:0 .5%; 
}

.video-container video,
.video-container object,
.video-container embed {
position: absolute;
top: 70px;
left: 0;
width: 100%;
/*height: 100%;*/
}

#jobinfobox ul li { padding: 18px 0 18px 18px; }
#home-top { width: calc(100% + 24px); margin-left: -12px; }
.flexslider { float:none; display:block!important; width:100%!important; margin:0!important; }
#headlinebox { width:95%; float:none; margin:0 auto; }
h2.divider.whatwedo { width:auto; }

#insidebanner { margin-top:-30px; }
#newshubbox { height:150px; }
#newshubbox h1 { font-size:2.8em; text-align:center; }


h2.divider.stories, h2.divider.workwithstate { width:auto; }

.snip1527.fourpicrow figcaption h3, .snip1527.fourpicrow figcaption h3:hover { padding-top:50%!important; }


.moveup { margin-top:-31px!important; }
p.narrow { width:auto; float:none; }
#bigcolleft { float:none; width:auto; }
#bigcolleft h2, #smallcolright h2, .lineheader h2 { font-size:1.3em; }
#slideshow { width:100%; margin:0; }
#slideshow .flexslider { float:none; }
#slideshow .flex-caption { font-size:1em; }
.flex-direction-nav a { top:5%!important; }
#bureausbox, #licensingbox { margin:25px 0 20px; }
#smallcolright { float:none; width:auto; }

#leadership-header { width: calc(100% + 24px); margin:-30px 0 30px -12px; position:static; }
#leadership-header #flagbox h1 { position:static; font-size:1.5em; text-align:center; }
#leadership-header ~ .homepics { margin-bottom:50px; }
#comm-box { float:none; width:90%; margin:10px auto; }
#comm-box img { float:none; max-width:90%; display:block; margin:0 auto; }
#comm-intro { float:none; width:auto; }
.homepics h2.blue { text-align:center; }
.fourcol1 img, .fourcol2 img, .fourcol3 img, .fourcol4 img { display:block; margin:0 auto; }
.fourcol1 p, .fourcol2 p, .fourcol3 p, .fourcol4 p { text-align:center; }
.directors img, .directors p { float:none; }
.directors img { display:block; margin:0 auto; max-width:62%; }
.directors p { text-align:center; width:auto; }
.directors .threecol1, .directors .threecol2 { margin-right:0; }

.sevencol1, .sevencol2, .sevencol3, .sevencol4, .sevencol5, .sevencol6, .sevencol7 { float:none; width:auto; }
.sevencol1 img, .sevencol2 img, .sevencol3 img, .sevencol4 img, .sevencol5 img, .sevencol6 img, .sevencol7 img { width:70%; margin:0 auto; }



.bureau-row h2 { font-size: 1em; text-align:center; }
.bureau-row p { text-align:center; }
.bureau-row .bablo-icon, .bureau-row .procurement-icon, .bureau-row .budget-icon, .bureau-row .revenue-icon, .bureau-row .bgs-icon, .bureau-row .brem-icon, .bureau-row .bhr-icon, .bureau-row .osc-icon, .bureau-row .oit-icon, .bureau-row .economist-icon { float:none; background-position:center top; padding-top:110px; padding-left:0; }

.workwithstate h1 { display:inherit; white-space:pre-line; text-align:center; }
.workwithstate span { display:none!important; }

#jointheteambox { height:170px; padding-top:20px; }
#jointheteambox p:first-child { font-size:2.5em; position:static; margin:0; text-align:center }
#jointheteambox p:nth-child(2) { position:static; text-align:center; }
#jointheteambox p a.roundbutton { font-size:1em; }

#insidebanner ~ .lineheader h2 { display:inherit; white-space:pre-line; text-align:center; }
#insidebanner ~ .lineheader span { display:none!important; }

p.introtext { width:auto; font-size:1em; font-family:Helvetica, Arial, "sans-serif"; margin:0; }