/* 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#samples header, body#features header { background-color:#1C213F; color:#fff; display:block; background-image:none; 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; background-color:#fff; position:relative!important; color:#000; }

#covid-19 {
    display: block;
    margin: 2px auto;
    background: #8d1d1c;
    padding: .4em;
    font-family: "Open Sans","Helvetica Neue", Arial, sans-serif !important;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    font-size: 1.0em!important;
}
	
/* begin clearfix */
.header:after,
#tabs:after,
#top_nav:after {
	visibility:hidden;
	display:block;
	content:"";
	clear:both;
	height:0;
}

* html .header,
* html #tabs,
* html #top_nav {
	zoom:1;
}

/* end clearfix */

#top_nav {
	clear:left;
	background-color:#143751;
	background-image:none;
}

#top_nav.clearfix {
	background-image:url(none);
	background-color:#143751!important;
}

#vtopnav, #vtopnav a { color:#000; }
.header h2.logo { 
    text-indent:0; 
    font-family:Georgia, serif; 
    font-weight:normal; 
    position:relative; 
    width:auto!important;
    font-size:1.2em; 
    text-align:left;
    height:auto!important; 
    padding-top:3px;
	margin-left:12px;
    background:none!important; 
    background-color:transparent; 
    float: none;     
}
.header {
    height: 135px!important;
}    

.header h2.logo a {
	display:default;
	height:auto;
	width:100%;
	color:#fff;
	text-decoration:none;
	padding-top:6px;
}

header h2.logo a:visited {
    color:#fff; 
}
.header_nav_search {
	float:left;
	width:100%;
	text-align:left;
	background-color:transparent;
}

.header_nav_search ul#vtopnav {
	position:relative;
	width:auto;
	margin:0 0 0 12px;
	display:block;
	background-color:transparent;
}


.header_search {padding:0 0 0 12px;
}


.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 .sub-container { background-image:none; }
.sub-container { width:100%!important; min-width:0; }
#content { width:auto!important; padding:0; margin-top:0; min-width:0; 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 { float:none; width:auto; border:none; padding:0; margin-bottom:20px; }
#sectionnav li { margin:0; padding:0; display:block; width:100%; float:none; }
#sectionnav li a { display:block; color:#555; background:#FFF; text-decoration:none; padding:15px 0 15px 15px; border-bottom:1px solid #E1E1E1; height:1%;}
#sectionnav li ul li a { padding:15px 0 15px 25px; }
#sectionnav li a:hover { background:#EFEFEF; color:#000; text-decoration:underline; }
#sectionnav li a.current { background:#EFEFEF;font-weight:normal;}
#sectionnav li a.on { background:#EFEFEF;}
#sectionnav:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }

div#mobileContainer .columnList {
    float: none;
    width: 98%;
	border-right: none;
}

/* index2.html */
.home-info { width:96%; margin:0 0 0 10px; }
.home-info .info, .service-box { float:none; width:100%; }
.info > ul { margin-left:-15px; }
.more-button { float:none; margin-top:40px; }
.highlight-boxes { float:none; margin-top:40px; width:109%; margin:0 -12px; }
.subscriber-box, .parent-box { width:100%!important; float:none; padding:0!important; }
.parent-box { margin-top:-20px; }
.services-box { margin:0 -12px; width:109%; }
.design, .online, .payment, .solutions { width:95%; float:none; }


