/***** Government - Teal: 1F888C to  Lime: b1c839 ****/
.gov-teal #sitebody .top_col:before {background: #1F888C url('/home/showpublishedimage/3656/638290968855170000') 0/100% no-repeat;} 
.gov-teal #sitebody .top_col:after {background: #1F888C url('/home/showpublishedimage/3656/638290968855170000') 0/100% no-repeat; }
.gov-teal #sitebody.standardlayout:before { grid-column: 1 / span 3; background:#1F888C url('/home/showpublishedimage/3656/638290968855170000') 0 100% no-repeat;}
.gov-teal #sitebody.standardlayout .left_col.column {
padding: 20px 20px 60px 50px;
grid-column: 1/ span 3;
}

/***** Community - Orange: f7a829 to Yellow: e9e029 ****/
.com-orange #sitebody .top_col:before {background: #f7a829 url('/home/showpublishedimage/3650/638290968837670000') 0/100% no-repeat;} 
.com-orange #sitebody .top_col:after {background: #f7a829 url('/home/showpublishedimage/3650/638290968837670000') 0/100% no-repeat; }
.com-orange #sitebody.standardlayout:before { grid-column: 1 / span 3; background:#f7a829 url('/home/showpublishedimage/3650/638290968837670000') 0 100% no-repeat;}
.com-orange #sitebody.standardlayout .left_col.column {
padding: 20px 20px 60px 50px;
grid-column: 1/ span 3;
}

/***** How Do I? - Yellow: e9e029 to Lime: b1c839 or Magenta: cd2c63 ****/
.how-yellow #sitebody .top_col:before {background: #e9e029 url('/home/showpublishedimage/3658/638290968859700000') 0/100% no-repeat;} 
.how-yellow #sitebody .top_col:after {background: #e9e029 url('/home/showpublishedimage/3658/638290968859700000') 0/100% no-repeat; }
.how-yellow #sitebody.standardlayout:before { grid-column: 1 / span 3; background:#e9e029 url('/home/showpublishedimage/3658/638290968859700000') 0 100% no-repeat;}
.how-yellow #sitebody.standardlayout .left_col.column {
padding: 20px 20px 60px 50px;
grid-column: 1/ span 3;
}

/***** Police -Navy https://www.cityofwinder.com/home/showimage?id=3660&t=638290968864700000  ****/
.pd-navy #sitebody .top_col:before {background: #020b2b url('/home/showpublishedimage/3660/638290968864700000') 0/100% no-repeat;} 
.pd-navy #sitebody .top_col:after {background: #020b2b url('/home/showpublishedimage/3660/638290968864700000') 0/100% no-repeat; }
.pd-navy #sitebody.standardlayout:before { grid-column: 1 / span 3; background:#020b2b url(/home/showpublishedimage/3660/638290968864700000) 0 100% no-repeat;}
.pd-navy #sitebody.standardlayout .left_col.column {
padding: 20px 20px 60px 50px;
grid-column: 1/ span 3;
}

/***** Fire 2 col _gfx/int/ui-sidenav-wave.svg ****/
.fire-2-col #sitebody .top_col:before {background: #ec212a url('/home/showpublishedimage/3652/638290968842830000') 0/100% no-repeat; background-size: cover; !Important} 
.fire-2-col #sitebody .top_col:after {  background: #ec212a url('/home/showpublishedimage/3652/638290968842830000') 0/100% no-repeat; background-size: cover; !Important}
.fire-2-col #sitebody.standardlayout:before { grid-column: 1 / span 3; background:#ec212a url('/home/showpublishedimage/3652/638290968842830000') 0 100% no-repeat;}
.fire-2-col #sitebody.standardlayout .left_col.column {
padding: 20px 20px 60px 50px;
grid-column: 1/ span 3;
}
.fire-2-col a, a:visited, .column a { color: #1f3161; }
.fire-2-col .mobile_list, .mobile_box { color:#ffc529;}
.fire-2-col .sidenav ul li.sidenav_current > a, .sidenav ul li.sidenav_current.sidenav_expanded > a {
  background: #ffc529;;
  color: #1f3161;
}
/***** Services -  Magenta: cd2c63 to Orange: f7a829 ****/
/***** Magenteta 2 col _gfx/int/ui-sidenav-wave.svg ****/
.magenta-2-col #sitebody .top_col:before {background: #cd2c63 url('/home/showpublishedimage/3662/638290969687999012') 0/100% no-repeat; background-size: cover; !Important} 
.magenta-2-col #sitebody .top_col:after {  background: #cd2c63 url('/home/showpublishedimage/3662/638290969687999012') 0/100% no-repeat; background-size: cover; !Important}
.magenta-2-col #sitebody.standardlayout:before { grid-column: 1 / span 3; background:#cd2c63 url('/home/showpublishedimage/3662/638290969687999012') 0 100% no-repeat;}
.magenta-2-col #sitebody.standardlayout .left_col.column {
padding: 20px 20px 60px 50px;
grid-column: 1/ span 3;
}


.microsite-demo mainSpan_wrapper:after {background: #020b2b;} .microsite-demo mainSpan_wrapper:before {background: #020b2b;}
.microsite-demo #sitebody.standardlayout:before { grid-column: 1 / span 3; background:#020b2b url('_gfx/int/ui-sidenav-wave.svg') 0 100% no-repeat;}
.microsite-demo #sitebody.standardlayout .left_col.column {
padding: 20px 20px 60px 50px;
grid-column: 1/ span 3;
}
.microsite-demo #sitebody .top_col:before {content:"test2";background:#020b2b;} .microsite-demo #sitebody .top_col:after {content: "test"; background: #020b2b;}
.microsite-demo .dropdownmenu &gt; li:hover &gt; a, .microsite-demo .dropdownmenu &gt; li.active &gt; a { font-size: 1em;font-family:"Minion Pro", serif; color: aqua; }
.microsite-demo #sitebody.standardlayout:before {background: #020b2b;}
/***48em = 768px ***/ @media screen and (min-width: 48em) { }