/* Grants and Incentives / 2013
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* BASIC RESET
`````````````````````````````````````````````````````````````````````````` */
html, body, div, h1, h3, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body { background: #fff; color: #333; font: 14px/20px Georgia, "Times New Roman", Times, serif; }
h1 { font-size: 24px;  margin-bottom: 18px; }

a {text-decoration: underline; color: #888; }
a:visited { }
a:hover { text-decoration: underline; color: #333;}
img { border: none; }
p, ul, ol, dl, table { margin-bottom: 0px; }
ul, ol, dd { margin-left: 36px; }

.clearing { clear: both; }
.clearfix { overflow: hidden; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/* Basic Definitions Edits
`````````````````````````````````````````````````````````````````````````` */
body {height: auto;}

p {
	margin: 5px 10px;
	font-family: 'Source Sans Pro', arial, verdana;
	font-size: 14px;
}

p.justify {
	text-align: justify;
	text-indent: 20px;
}

/* Accordion Style
`````````````````````````````````````````````````````````````````````````` */
#accordion {
	max-width: 710px;
	margin: 0 auto;
	padding-right: 10%; 
	overflow: hidden;
}

#accordion h2 {
	width: 100%;
	overflow: hidden;
	float: left;
}

/* Category States and Hover 
`````````````````````````````````````````````````````````````````````````` */
a.public, a.personal, a.heavyduty, a.tech {
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size-adjust: auto;
	padding: 0 0 0 20px;
	display: block;
	line-height: 50px;
	height: 50px;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	clear: both;
	color: rgba(255,255,255,1);
    text-shadow: -1px -1px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 4px 0px #CECECE;
	/* Browser specific tags, IE has to be IE 10 ro up to work */
	-o-transition: 0.15s;
	-ms-transition: 0.15s;
	-moz-transition: 0.15s;
	-webkit-transition: 0.15s;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

a.public { background: #9B3781; }

a.public:hover {
	color: rgba(255,255,255,0.7);
	box-shadow: 0px 4px 0px #C660B0;	
}

a.personal { background: #70AD39; }

a.personal:hover {
	color: rgba(255,255,255,0.7);
	box-shadow: 0px 4px 0px #A4DB6A;
}

a.heavyduty { background: #F5821F; }

a.heavyduty:hover {
	color: rgba(255,255,255,0.7);
	box-shadow: 0px 4px 0px #FFAF73;
}

a.tech { background: #027CAE; }

a.tech:hover {
	color: rgba(255,255,255,0.7);
	box-shadow: 0px 4px 0px #47B0D1;
}

/* Hover Action for Program Links 
`````````````````````````````````````````````````````````````````````````` */
#program a.publiclink {
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size-adjust: auto;
	text-decoration: none;
	color: #9B3781;	
	font-size: 16px;
	padding: 0 10px;
	border-left: 5px solid #777;
	/* Browser specific tags, IE has to be IE 10 ro up to work */
	-o-transition: 0.15s;
	-ms-transition: 0.15s;
	-moz-transition: 0.15s;
	-webkit-transition: 0.15s;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
	display: block;
}

#program a.publiclink:hover{
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size-adjust: auto;
	text-decoration: none;
	color: #000;	
	font-size: 16px;
	border-left: 15px solid #9B3781;
}

#program a.personallink {
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size-adjust: auto;
	text-decoration: none;
	color: #70AD39;	
	font-size: 16px;
	padding: 0 10px;
	border-left: 5px solid #777;
	/* Browser specific tags, IE has to be IE 10 ro up to work */
	-o-transition: 0.15s;
	-ms-transition: 0.15s;
	-moz-transition: 0.15s;
	-webkit-transition: 0.15s;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
	display: block;
}

#program a.personallink:hover{
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size-adjust: auto;
	text-decoration: none;
	color: #000;	
	font-size: 16px;
	border-left: 15px solid #70AD39;
}

#program a.heavydutylink {
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size-adjust: auto;
	text-decoration: none;
	color: #F5821F;	
	font-size: 16px;
	padding: 0 10px;
	border-left: 5px solid #777;
	/* Browser specific tags, IE has to be IE 10 ro up to work */
	-o-transition: 0.15s;
	-ms-transition: 0.15s;
	-moz-transition: 0.15s;
	-webkit-transition: 0.15s;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
	display: block;
}

#program a.heavydutylink:hover{
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size-adjust: auto;
	text-decoration: none;
	color: #000;	
	font-size: 16px;
	border-left: 15px solid #F5821F;
}

#program a.techlink {
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size-adjust: auto;
	text-decoration: none;
	color: #027CAE;	
	font-size: 16px;
	padding: 0 10px;
	border-left: 5px solid #777;
	/* Browser specific tags, IE has to be IE 10 ro up to work */
	-o-transition: 0.15s;
	-ms-transition: 0.15s;
	-moz-transition: 0.15s;
	-webkit-transition: 0.15s;
	/*transition for smooth hover animation*/
	transition: all 0.15s;	
	display: block;
}

#program a.techlink:hover{
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size-adjust: auto;
	text-decoration: none;
	color: #000;	
	font-size: 16px;
	border-left: 15px solid #027CAE;
}

/* Expanded Program Styles within Accordion
`````````````````````````````````````````````````````````````````````````` */
#program {
	width: 330px;
	float: left;
	display: block;
	padding: 0 0;
	vertical-align: top;
	margin-bottom: 20px;
	margin-left: 15px;
	clear: right;
}

#program p{
	text-indent: 0;x
	font-size: 14px;
	color: #58585B;
	font-family: 'Source Sans Pro', arial, verdana;
	font-size-adjust: auto;
	margin: 0 0;
	padding: 0 0;
	padding-right: 20px;
	text-align: left;
	margin-top: 10px;
}

#expand, #expand-agpump, #expand-pass, #expand-tap {
	width: 700px;
	padding: 0 auto;
	margin: 0 0;
	display: block;
	overflow: hidden;
	height: auto;
}

#expand-agpump { width: 630px; }

#expand-pass, #expand-tap { width: 100%; }


/* Basic Category Page Style
`````````````````````````````````````````````````````````````````````````` */
#container, #container-grants { 
	width:750px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#container { min-height: 1000px; }

#container-grants { min-height: 800px; }

h1 {
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size-adjust: auto;
	text-align: center;
	margin: 80px 0 70px 0;
	color: #444;
	text-transform: uppercase;
	font-size: 48px;
	text-shadow: 1px 2px 0px rgba(0,0,0,0.15);
}

h1.header {
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size-adjust: auto;
	text-align: center;
	margin: 20px 0 20px 0;
	color: #444;
	text-transform: uppercase;
	font-size: 48px;
	line-height: 48px;
	text-shadow: 1px 2px 0px rgba(0,0,0,0.15);
}

.note-container {
	display: block;
	margin: 0 auto 20px auto;
	width: 650px;
}

.note {
	display: block;
	/* text-align: center; */
	width: 350px;
	margin: 0 auto;
	font-family: 'Source Sans Pro', arial, verdana;
	font-size: 18px;
	font-weight: 700;
	background: #f0f2f4;
    border: 1px solid #3a3a44;
    border-left-width: 2em;
    border-radius: 4px;
    padding: 1em;
    position: relative;
}

.note:before {
	content: '\f4a5';
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    text-shadow: 0 2px 0 rgba(0,0,0,.1);
    position: absolute;
    left: -1.5em;
	top: 1em;
	color: white;
}

.note a {
	color: #3b5bdb;
    text-decoration: none;
	border-bottom: 2px solid #495057;
	font-weight: 700;
}

.note a:hover {
	border-bottom: 2px solid #3b5bdb;
}

p.headline {
	font-family: 'Source Sans Pro', arial, verdana;
	font-size-adjust: auto;
	text-indent: 0;
	color: #666;
	font-size: 18px;
	line-height: 24px;
	/*text-align: justify;*/
	margin: 0 auto 40px auto;
	width: 650px;
}

p.headline a {
	color: #3b5bdb;
	text-decoration: none;
    border-bottom: 2px solid #495057;
}

p.headline a i {
	color: #e8590c;
}

p.headline a:hover {
	/*color: #3b5bdb;*/
    border-bottom: 2px solid #3b5bdb;
}

/* Individual Program Page Elements
`````````````````````````````````````````````````````````````````````````` */
h2 {
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	margin: 10px 10px;
	text-transform: uppercase;
}

h2.center {
	text-align: center;
	margin-bottom: 20px;
}

h4 {
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	margin: 10px 10px;
	text-transform: uppercase;
	font-size: 18px;
	color: #555;
	text-align: center;
}

h4.justify-left, h4.justify-left-res, h4.justify-left-notice {
	text-align: left;
	margin-top: 30px;
}

h4.justify-left-notice { color: #f5821f;}

h4.justify-left-res { margin: 20px 10px 10px 10px; }

h4.app-Tech {
	text-align: left;
	font-size: 16px;
}

h4.app-Tech a, p.contact-Tech a {
	text-decoration: none;
	color: #027cae;
}

h4.app-Tech a:hover, p.contact-Tech a:hover { color: #006892; }

a.App-Pub, a.Link-Pub {
	text-decoration: none;
	color: #9B3781;
	text-transform: uppercase;
	font-weight: bold;
}

a.App-Pub:hover, a.Link-Pub:hover { color: #555; }

a.Link-Pub {
	text-align: center;
	font-family: 'Source Sans Pro';
	font-size: 16px;
}

hr {
	height: 6px;
	width: 200px;
	border-bottom: 3px dotted #70ad39;
	border-top: none;
	border-left: none;
	border-right: none;
}

hr.app {
	height: 6px;
	width: 200px;
	border-bottom: 2px dotted #999;
	border-top: none;
	border-left: none;
	border-right: none;
	margin: 0 0;
}

hr.Pub { border-bottom: 3px dotted #9B3781; }

hr.Bus {
	border-bottom: 3px dotted #f5821f;
	width: 100%;
}

a.Res {
	text-decoration: none;
	color: #5c902e;
}

a.Res:hover {
	text-decoration: none;
	color: #70ad39;
}

a.Bold {
	text-decoration: none;
	color: #777;
}

a.Bold:hover {
	text-decoration: none;
	color: #999;
}

p.footnote {
	font-size: 14px;
	color: #555;
	text-indent: 0;
	font-weight: normal;
}


/* Top -not including the nav-
`````````````````````````````````````````````````````````````````````````` */
#top, #top-truck {
	width: 709px;
	margin: 0 auto;
	clear: both;
	height: 520px;
	padding: 5px 5px;
	border-bottom: 3px dotted #CECECE;
}

#about, #about-truck {
	width: 466px;
	float: left;
	height: 200px;
	overflow: hidden;
}

#top1b, #top1b-2, #top-pb-full, #top-agpump {
	width: 709px;
	margin: 0 auto;
	clear: both;
	height: 500px;
	padding: 5px 5px;
	border-bottom: 3px dotted #CECECE;
}

#top1b-2 { height: 200px; }

#top-pb-full { height: 420px; }

#top-agpump { height: 420px; }

#top-truck { height: 540px; }

#about-truck { height: 240px; }

#about1b {
	width: 466px;
	float: left;
	height: 150px;
	overflow: hidden;
}

#about1bfull {
	float: left;
	height: 200px;
	overflow: hidden;
}

#about-agpump {
	float: left;
	height: 120px;
	overflow: hidden;
}

#about-pb-full {
	float: left;
	height: 100px;
	overflow: hidden;
}

#topSchool {
	width: 709px;
	margin: 0 auto;
	clear: both;
	height: 590px;
	padding: 5px 5px;
	border-bottom: 3px dotted #CECECE;
}

#aboutSchool, #about-pass {
	width: 709px;
	float: left;
	height: 200px;
	overflow: hidden;
}

#aboutSchool { height: 300px;}

#about-pass { height: auto;}

#about1b-notes, #pb-notes {
	width: 700px;
	height: 200px;
	overflow: hidden;
}

#about1b-notes { width: 660px; }

#pb-notes {
	margin: 0;
	height: 280px;
}

#about-Full-PEV {
	width: 709px;
	float: left;
	height: 200px;
	overflow: hidden;
}

#top-Full-PEV {
	width: 709px;
	margin: 0 auto;
	clear: both;
	height: 520px;
	padding: 5px 5px;
	border-bottom: 3px dotted #CECECE;
}

#about p {
	font-size: 14px;
	line-height: 24px;
}

#app {
	width: 223px;
	float: left;
	height: 180px;
	-background-color: #888;
	margin: 0 0 0 20px;
	overflow: hidden;
}

h3 { margin: 20px 0; }

h3.app { margin: 0px auto;}

#app ul {
	list-style-type: none;
	width: 230px;
	margin-top: 5px;
	margin-left: 0;
	position: absolute;
	padding-left: 25px;
}

#app ul li a {
	text-decoration: none;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	color: #333;
}

#app ul li a:hover {
	text-decoration: none;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	color: #619730;
}

#app ul li.Pub a:hover {
	text-decoration: none;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	color: #9B3781;
}

#app ul li.Bus a:hover { color: #cc7f3c; }

#app ul li.Tech a:hover { color: #027cae; }

#app ul li {
	left: 0;
	right: 0;
	display: block;
	position: relative;
}

.app-notice {
	border: 1px solid #027CAE;
	width: 220px !important; 
	height: auto;
	padding-bottom: 1.5em;
}

.app-notice h2 {
	line-height: 1.5em;
	color: #027CAE;
}

.app-notice p {
	line-height: 1.5em;
	color: #027CAE;
}

.app-notice a {
	display: block;
}

/* Bottom
`````````````````````````````````````````````````````````````````````````` */
#bottom {
	width: 709px;
	margin: 15px auto;
	clear: both;
	height: 100%;
}

#section, #section-bottom {
	height: 100%;
	float: left;
	margin-bottom: 20px;
	border-bottom: 3px dotted #CECECE;
}

#section-bottom {
	border-bottom: none;
	border-top: 3px dotted #CECECE;
	width: 709px;
	padding-top: 15px;
}	

#section-half-1 {
	height: 100%;
	width: 330px;
	float: left;
	margin-bottom: 20px;
	margin-right: 45px;
}

#section-half-2 {
	height: 100%;
	width: 330px;
	float: left;
	margin-bottom: 20px;
	margin-right: none;
}

#eligibility, #eligibility2, #eligibility-half {
	width: 223px;
	height: 100%;
	float: left;
}

#eligibility-half { width: 330px; }

#incentive-half { width: 330px; }

#eligibility3 {
	width: 709px;
	height: 100%;
	float: left;
}

#eligibility1B {
	width: 460px;
	height: auto;
	float: left;
}

#eligibilityMore {
	width: 455px;
	height: 100%;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
}

#eligibility-pass {
	width: 450px;
	height: auto;
	float: right;
}

#eligibility ul, #eligibility2 ul, #eligibility3 ul, #eligibility1B ul, #incentive ul {
	margin: 0 0;
	padding: 0 0;
	padding-left: 10px;
	list-style-type: none;
}

#eligibility3 ul {
	color: #333;
	/*text-align: center;*/
	padding-left: 0;
}

#eligibility3 ul li i {
	/*font-weight: 700;*/
	/*font-size: 1rem;*/
}

#eligibility ul li, #eligibility2 ul li, #eligibility3 ul li, #eligibility1B ul li, #incentive ul li{
	font-family: 'Source Sans Pro', arial, verdana;
	font-size: 14px;
	margin-bottom: 10px;
	/*text-indent: 20px;*/
	padding-bottom: 10px;
}

#eligibility1B ul li { text-indent: 0; }

#incentive ul li { text-indent: 0; }

#incentiveFull ul li {
	list-style-type: none;
	text-align: center;
}

#eligibility2 ul li{
	text-align: left;
	text-indent: 0;
}

#eligibility ul.Res li { border-bottom: 3px dotted #70ad39; }

#eligibility ul.Pub li, #eligibility2 ul.Pub li  { border-bottom: 3px dotted #9B3781; }

#eligibility ul.Tech li, #eligibility2 ul.Tech li  { border-bottom: 3px dotted #027cae; }

#eligibility ul.Bus li, #incentive ul.Bus li { border-bottom: 3px dotted #f5821f; }

#eligibility ul li:last-child, #eligibility2 ul li:last-child, #incentive ul li:last-child { border-bottom: none; }

#eligibility ul.NestedBus li {
	border-bottom: none;
	text-indent: 0;
	margin-left: 25px;
	color: #333;
	list-style-type: disc;
	margin-top: 5px;
}

#incentive, #incentivePass {
	width: 223px;
	height: 100%;
	float: left;
	margin: 0 0 0 20px;
}

#incentive p { text-align: left; }

#incentivePass { width: 465px; }

#incentivePass p { color: #9B3781; }

#incentivePass p.regular { color: #9B3781; }

#incentivePass p.reg {
	color: #333;
	text-indent: 20px;
}

#incentivePass p.regcenter {
	color: #333;
	text-align: center;
}

#incentiveMore {
	width: 455px;
	height: 100%;
	float: left;
	margin-bottom: 30px;
}

#incentiveFull, #linksFull, #incentiveTap {
	width: 709px;
	height: 100%;
	float: left;
	margin-bottom: 30px;
}

#incentiveTap { text-align: center; }

h2.related { margin: 30px 0 0 8px; }

#links {
	width: 223px;
	height: 100%;
	float: left;
	margin: 0 0 20px 20px;
	padding: 0px;
}

#links-left, #links-right {
	width: 223px;
	height: 100%;
	float: left;
	margin: 0 0 20px 0;
	padding: 0px;
}

#links ul, #links-left ul, #links-right ul, #linksFull ul {
	text-decoration: none;
	list-style-type: none;
	margin-left: 0;
	padding-left: 25px;
}


#links ul li a, #links-left ul li a, #links-right ul li a, #linksFull ul li a, #linksFull ul li a.green {
	text-decoration: none;
	font-family: 'Source Sans Pro', arial, verdana;
	color: #888;
}

#linksFull ul li a.green { color: #70ad39;}

a.orange {color: #f5821f;}

#links ul li a:hover, #links-left ul li a:hover, #links-right ul li a:hover, #linksFull ul li a:hover {
	text-decoration: none;
	font-family: 'Source Sans Pro', arial, verdana;
	color: #333;
}

/*CSS Circle, not redundant, good practise
`````````````````````````````````````````````````````````````````````````` */
#links ul li:before, #links-left ul li:before, #links-right ul li:before, #linksFull ul li:before {
	/*blank space*/
	content:"\00a0";
 
	/*block element*/
	display: block;
 
	/*simple as that*/   
   	border: solid 3px #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 0;
	width: 0;
 
	/*Position*/
	position: absolute;
	margin-left: -18px;
	margin-top: 8px;
}

	/*Circle Color*/
	#links ul.Pub li:before {
	border: solid 3px #9B3781;
	}

	#links ul.Res li:before {
	border: solid 3px #70ad39;
	}

	#links ul.Tech li:before {
	border: solid 3px #027cae;
	}


/* Page Accordion Style
`````````````````````````````````````````````````````````````````````````` */
a.page {
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size-adjust: auto;
	background: #fff;
	padding: 0;
	display: block;
	line-height: 50px;
	height: 50px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	clear: both;
	color: #666;
	/* Browser specific tags, IE has to be IE 10 ro up to work */
	-o-transition: 0.15s;
	-ms-transition: 0.15s;
	-moz-transition: 0.15s;
	-webkit-transition: 0.15s;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
	-border-radius: 3px;
	text-align: center;
	border-bottom: #666 solid 4px;
	height: auto;
}

a.page:hover {
	color: #111;
	border-bottom: #111 solid 4px;
}

/* Small Table
`````````````````````````````````````````````````````````````````````````` */
table.Res, table.Pub, table.Bus, table.Tech {
	font-family: 'Source Sans Pro', arial, verdana;
	color: #333;
	font-size: 12px;
	width: 100%;
	border-radius: 3px;
	border-spacing: 0;
	margin-top: 0px;
	text-align: left;
}

table.Res thead tr th {
	padding: 10px;
	border-bottom: #70ad39 solid 2px;
}

table.Pub tr th { border-bottom: #9B3781 solid 2px; padding-left: 8px;}

table.Bus tr th{ border-bottom: #f5821f solid 2px; padding-left: 8px;}

table.Tech tr th { border-bottom: #006892 solid 2px; padding-left: 8px;}

table.Res thead tr {
	color: #70ad39;
	text-transform: uppercase;
}

table.Pub thead tr { color: #9B3781; }

table.Bus thead tr { color: #f5821f; }

table.Tech thead tr { color: #006892; }

tbody tr.odd { background-color: #d3eeba; }

table.Pub tbody tr.odd { background-color: #d3c2ce; }

table.Bus tbody tr.odd { background-color: #ffdfc4; }

table.Tech tbody tr.odd { background-color: #c7efff; }

table.Res tr td, table.Tech tr td, table.Bus tr td, table.Pub tr td {
	/*text-align: center;*/
	padding: 8px 4px 8px 8px;
	line-height: 16px;
	color: #000;
}

table.Res tr td a {
	text-decoration: none;
	color: #5c902e;
	font-weight: bold;
}

table.Res tr td a:hover {
	text-decoration: none;
	color: #70ad39;
}

/* Simple Page Nav
`````````````````````````````````````````````````````````````````````````` */
#navRes {
	width: 709px;
	margin: 0 auto;
	clear: both;
	display: block;
	margin-bottom: 30px;
	margin-top: 15px;
	height: 38px;
	border-radius: 3px; 
}

.backRes {
	float: left;
	margin: 0px 10px 0px 0px;
	height: 38px;
	background: #70ad39;
	border-radius: 3px;
	padding: 5px 10px;
			box-shadow: 0px 2px 0px #619730;
}

.backRes a {
	display: block;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size: 24px;
	text-transform: uppercase;
	color: rgba(255,255,255,1);
	text-decoration: none;
	line-height: 38px;
	/* Browser specific tags, IE has to be IE 10 ro up to work */
	-o-transition: 0.15s;
	-ms-transition: 0.15s;
	-moz-transition: 0.15s;
	-webkit-transition: 0.15s;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
	border-radius: 3px;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2)
}

.backRes a:hover {
	display: block;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size: 24px;
	text-transform: uppercase;
	color: rgba(255,255,255,0.8);
	text-decoration: none;
	border-radius: 3px;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2)
}

.pagetitleRes {
	float: left;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	background: #70ad39;
	height: 38px;
	line-height: 38px;
	padding: 5px 5px 5px 15px;
	border-radius: 3px;
	width: 612px;
	box-shadow: 0px 2px 0px #619730;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2)
}

#navPub {
	width: 709px;
	margin: 0 auto;
	clear: both;
	display: block;
	margin-bottom: 30px;
	margin-top: 15px;
	height: 38px;
	border-radius: 3px; 
}

.backPub {
	float: left;
	margin: 0px 10px 0px 0px;
	height: 38px;
	background: #9B3781;
	border-radius: 3px;
	padding: 5px 10px;
	box-shadow: 0px 2px 0px #853570;
}

.backPub a {
	display: block;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size: 24px;
	text-transform: uppercase;
	color: rgba(255,255,255,1);
	text-decoration: none;
	line-height: 38px;
	/* Browser specific tags, IE has to be IE 10 ro up to work */
	-o-transition: 0.15s;
	-ms-transition: 0.15s;
	-moz-transition: 0.15s;
	-webkit-transition: 0.15s;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
	border-radius: 3px;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2)
}

.backPub a:hover {
	display: block;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size: 24px;
	text-transform: uppercase;
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	border-radius: 3px;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2)
}

.pagetitlePub {
	float: left;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	-margin: 10px 0 0 0;
	background: #9B3781;
	height: 38px;
	line-height: 38px;
	padding: 5px 5px 5px 15px;
	border-radius: 3px;
	width: 612px;
	box-shadow: 0px 2px 0px #853570;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2)
}

#navBus {
	width: 709px;
	margin: 0 auto;
	clear: both;
	display: block;
	margin-bottom: 30px;
	margin-top: 15px;
	height: 38px;
	border-radius: 3px; 
}

.backBus {
	float: left;
	margin: 0px 10px 0px 0px;
	height: 38px;
	background: #f5821f;
	border-radius: 3px;
	padding: 5px 10px;
	box-shadow: 0px 2px 0px #cc7f3c;
}

.backBus a {
	display: block;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size: 24px;
	text-transform: uppercase;
	color: rgba(255,255,255,1);
	text-decoration: none;
	line-height: 38px;
	/* Browser specific tags, IE has to be IE 10 ro up to work */
	-o-transition: 0.15s;
	-ms-transition: 0.15s;
	-moz-transition: 0.15s;
	-webkit-transition: 0.15s;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
	border-radius: 3px;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2)
}

.backBus a:hover {
	display: block;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size: 24px;
	text-transform: uppercase;
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	border-radius: 3px;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2)
}

.pagetitleBus {
	float: left;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	background: #f5821f;
	height: 38px;
	line-height: 38px;
	padding: 5px 5px 5px 15px;
	border-radius: 3px;
	width: 612px;
	box-shadow: 0px 2px 0px #cc7f3c;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2)
}

#navTech {
	width: 709px;
	margin: 0 auto;
	clear: both;
	display: block;
	margin-bottom: 30px;
	margin-top: 15px;
	height: 38px;
	border-radius: 3px; 
}

.backTech {
	float: left;
	margin: 0px 10px 0px 0px;
	height: 38px;
	background: #027cae;
	border-radius: 3px;
	padding: 5px 10px;
	box-shadow: 0px 2px 0px #006892;
}

.backTech a {
	display: block;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size: 24px;
	text-transform: uppercase;
	color: rgba(255,255,255,1);
	text-decoration: none;
	line-height: 38px;
	/* Browser specific tags, IE has to be IE 10 ro up to work */
	-o-transition: 0.15s;
	-ms-transition: 0.15s;
	-moz-transition: 0.15s;
	-webkit-transition: 0.15s;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
	border-radius: 3px;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2)
}

.backTech a:hover {
	display: block;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size: 24px;
	text-transform: uppercase;
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	border-radius: 3px;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2)
}

.pagetitleTech {
	float: left;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	background: #027cae;
	height: 38px;
	line-height: 38px;
	padding: 5px 5px 5px 15px;
	border-radius: 3px;
	width: 612px;
	box-shadow: 0px 2px 0px #006892;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2)
}

.subhead {
	float: left;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	background: #999;
	height: 20px;
	line-height: 38px;
	padding: 0 0 15px 0;
	border-radius: 3px;
	width: 709px;
	box-shadow: 0px 2px 0px #888;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2)
}

/* Notice */

.left { float: left; }

.full-width { width: 100%; }

.notice {
	border-radius: 3px;
	padding: 0 1em !important;
	border: 0.15em solid rgb(43, 166, 203);
	height: auto;
	width: 650px;
	margin-bottom: 40px;
	text-align: center;
}

/* Featured Image
`````````````````````````````````````````````````````````````````````````` */
#feature, #featureBC, #featurePASS, #featurevp, #featureCGYM, #featureDriveClean, 
#featurePEV, #featureLocomotive, #featurePTB, #featureSchoolBus, #featurePublicBenefit, 
#featureBikePaths, #featureParkAndRide, #featureAFMT, #featureTractor, #featureTruck, 
#featureHVIP, #featureOffRoad, #featureOffRoadR, #featureForkLift, #featureAgPump, 
#featureProp1b, #featureEMobility, #featureTAP, #featureWasteHaulers, #featureRCTP, 
#featureChargeUp, #featureCAP, #featureOnRoadTrucks, #featureLocomotivesProp1b, 
#featureTimber, #featureDairyMixing, #featureTruckReplacement, #featureUTV, 
#featureElectricSchoolBus, #featureFARMER, #featureOpenAgBurn, #featureLowDust,
#featureCGYM-Commercial, #featureTractorTradeUp,
#featureCVFI, #featureEmergencyVehicles {
	width: 709px;
	height: 300px;
	background-repeat:no-repeat;
	background-size:auto;
	background-position:center;
	text-indent: -9999px; 
	margin: 0 0 20px 0;
	border-radius: 3px;
	font-family: sans-serif;
}

/* Residents */
#feature { background-image: url('img/BurnCleaner2.jpg'); }

#featureBC { background-image: url('img/BurnCleanerV2.jpg'); }

#featurePASS { background-image: url('img/pass.jpg'); }

#featurevp { background-image: url('img/vanpool.jpg'); }

#featureCGYM { background-image: url('img/cgym.jpg'); }

#featureDriveClean { background-image: url('img/driveclean.jpg'); }

#featurePEV { background-image: url('img/pev.jpg'); }

/* Public Agencies */
/*#featureChargeUp { background-image: url('img/chargeup.jpg'); }*/
#featureChargeUp { background-image: url('img/chargeup2.jpg'); }

#featureLocomotive { background-image: url('img/locomotive.jpg'); }	

#featurePTB { background-image: url('img/ptb.jpg'); }

#featureSchoolBus { background-image: url('img/schoolbus.jpg'); }

#featureElectricSchoolBus { background-image: url('img/electric-school-bus.jpg'); }

#featurePublicBenefit { background-image: url('img/publicbenefit.jpg'); }

#featureBikePaths { background-image: url('img/bikepaths.jpg'); }

#featureParkAndRide { background-image: url('img/parkandride.jpg'); }

#featureAFMT { background-image: url('img/afmt.jpg'); }

#featureEmergencyVehicles { background-image: url('img/emergency-vehicles.jpg'); }

/* Business Agencies */
#featureCVFI { background-image: url('img/cvfi.jpg'); }

#featureOpenAgBurn { background-image: url('img/ag-burn.jpg'); }

#featureLowDust { background-image: url('img/LowDustHarvester.jpg'); }

#featureFARMER { background-image: url('img/FARMER.jpg'); }

#featureUTV { background-image: url('img/utv.jpg'); }

#featureTractor { background-image: url('img/tractor.jpg'); }

#featureTractorTradeUp { background-image: url('img/tractor-trade-up.jpg'); }

#featureDairyMixing { background-image: url('img/DairyMixing.jpg'); }

#featureTruck { background-image: url('img/truck.jpg'); }

#featureTruckReplacement { background-image: url('img/truck-replacement.jpg'); }

#featureHVIP { background-image: url('img/hvip.jpg'); }

#featureOffRoad { background-image: url('img/offroad.jpg');}

#featureOffRoadR { background-image: url('img/offroadr.jpg'); }

#featureForkLift { background-image: url('img/forklift.jpg'); }

#featureAgPump { background-image: url('img/agpump.jpg'); }

#featureProp1b { background-image: url('img/prop1b.jpg'); }

#featureLocomotivesProp1b { background-image: url('img/locomotives-prop1b.jpg'); }

#featureWasteHaulers {background-image: url('img/wastehaulers.jpg');}

#featureOnRoadTrucks { background-image: url('img/onroadtrucks.jpg'); }

#featureTimber { background-image: url('img/timber.jpg'); }

#featureCGYM-Commercial { background-image: url('img/cgym-commercial.jpg'); }

/* Technology */
#featureEMobility { background-image: url('img/emobility.jpg'); }

#featureTAP { background-image: url('img/tap.jpg'); }

#featureRCTP { background-image: url('img/rctp.jpg'); }

#featureCAP { background-image: url('img/capandtrade.jpg'); }

/* Apply Button - Begin
`````````````````````````````````````````````````````````````````````````` */
a.apply, a.pending {
	font: 1.2em/1.5em 'Fjalla One', sans-serif;
	text-decoration: none;
	color: #333e48;
    padding: 8px 0 5px 0;
	-background: #333e48;  
	border-radius: 0.2em;
    border: 2px solid #333e48;
	-border-bottom: 0.15em solid #2a333c;
	display: block;
    text-align: center;
    text-transform: uppercase;
    -box-shadow: 0 2px 3px #999;
    /*transition for smooth hover animation*/
    -o-transition: 0.15s;
	-ms-transition: 0.15s;
	-moz-transition: 0.15s;
	-webkit-transition: 0.15s;
}

a.apply:before, a.pending:before {
	content: "\f0a4";
    font-family: FontAwesome;
	margin-right: 6px;
	top: 0px;
	-left: -10px;
	position: relative;
}

a.apply:hover { 
	background: #333e48;
    color: white;
	-border-bottom: 0.15em solid #38434d;
}

a.apply:active { background: #38434d;}

a.pending { cursor: default;}

a.pending:before { content: url(img/pending-24px.png);}

/* CSS Checkmark Section Specific Variants
`````````````````````````````````````````````````````````````````````````` */
/*CSS Checkmark*/ 
#app ul li:before {
	/*blank space*/
	content:"\00a0";
	/*block element*/
	display: block;
	/*adding an 8px round border to a 0x0 element creates an 8px circle*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 0;
	width: 0;
	/*Position*/
	position: absolute;
	margin-left: -22px;
	margin-top: 6px;
}

/*CSS Checkmark - Public Agencies*/ 
#app ul.checkmarkPub li:before { border: solid 5px #9B3781; }

/*CSS Checkmark - Residential*/ 
#app ul.checkmarkRes li:before { border: solid 5px #70ad39; }

/*CSS Checkmark - Business*/ 
#app ul.checkmarkBus li:before { border: solid 5px #f5821f; }

/*CSS Checkmark - Technology*/ 
#app ul.checkmarkTech li:before { border: solid 5px #027cae; }

#app ul p {
	margin-left: 0;
	text-indent: 0;
}

#app ul h5.Pub, #app ul li h5.AppClosedPub, #app ul h5.B {
	margin-left: 0;
	text-indent: 0;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	font-size: 16px;
	color: #9b3781;
}

#app ul li h5.AppClosedPub {
	font-size: 14px;
	color: #666;
}

#app ul h5.B {
	font-size: 18px;
	color: #f5821f;
	margin: 10px 0 5px 0;
}

/* TRUCKS REDIRECT PAGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.pagetitleTrucks {
	float: left;
	font-family: 'Fjalla One', sans-serif, arial, verdana;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	background: #333;
	height: 38px;
	line-height: 38px;
	padding: 5px 0 5px 0;
	border-radius: 3px;
	width: 710px;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2);
	text-align: center;
}

#block1, #block2, #block3 {
	height: auto;
	width: 40%;
	margin: 5% 5% 10% 5%;
	float: left;
	background: #e5e5e5;
	text-align: center;
	border-radius: 3px;
}

#block3 { margin: 5% 30%; }

.one, .two {
	margin: 5%;
	height: 200px;
}

.two { height: 100px; }

.one p, .two p { font-size: 16px; }

#option-link {
	width: 90%;
	background: #000;
	color: #fff;
	padding: 2%;
	text-align:  center;
	display: block;
	cursor: pointer;
}

a.button-choice, a.button-closed {
	font: 24px/32px 'Fjalla One', sans-serif, arial, verdana;
	width: 100%;
	padding: 5% 0;
	display: block;
	height: auto;
	background: #f5821f;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-transform: uppercase;
	color: rgba(255,255,255,1);
	text-decoration: none;
	/* Browser specific tags, IE has to be IE 10 ro up to work */
	-o-transition: 0.15s;
	-ms-transition: 0.15s;
	-moz-transition: 0.15s;
	-webkit-transition: 0.15s;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
	border-radius: 3px;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2)
}

a.button-choice:hover {
	box-shadow: 0 4px 5px #e5e5e5;
	color: rgba(255,255,255,0.7);
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2)
}

a.button-closed {
	background: #999;
	cursor: default;
}

/* Public Notice */
.public-notice {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.5s linear;
	z-index: 10;
	position: absolute;
	width: 610px;
	background: #eee;
	padding: 4em;
	border-radius: 8px;
	border: 4px solid #CC6600;
	font-family: 'Source Sans Pro', arial, sans-serif;
}

.visibility-visible {
	visibility: visible;
	opacity: 1
}

.public-notice h2 { text-align: center; color: #CC6600; margin-bottom: 1em; }

.public-notice p { font-size: 1.25em; -font-weight: 700; margin-bottom: 1em; }

.public-notice ul { list-style-type: decimal; margin-bottom: 4em; -padding: 0 0.5em; }

.public-notice ul li {
	font-color: black;
	font-weight: 700;
	margin-bottom: 1em;

}

.public-notice a {
	text-decoration: none;
	background: #CC6600;
	color: white;
	border: 2px solid #CC6600;
	-margin-left: 160px;
	margin: 0 auto;
	display: block;
	padding: 1em;
	width: 55%;
	float: left;
	margin-right: 5%;
	text-align: center;

	 -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;

	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.public-notice a:hover {
	background: none;
	color: #CC6600;
}

a.close-message {
	display: block;
	width: 20% !important;
	background: #333E48;
	border-color: #333E48;
}

a.close-message:hover { color: #333E48; }

/* Table Icon Styles */
table.Tech tr td i.fa-file-pdf-o {
	font-size: 1.5em;
	padding: 0.5em;
	color: red;
}

table.Tech tr td i.fa-file-pdf-o:hover {
	color: black;
}

/* Burn Cleaner 2015 */
.bc-options, .bc-options-2 {
	width: 35% !important;
	margin: 2em 0;
	margin-right: 9%;
	padding: 5%;
	border: 1px dashed #70AD39;
	/*height: auto !important;*/
	height: 300px;
}

.bc-options-2 {
	margin-right: 0;
}

.btn-wrap {
	min-height: 1px;
	padding: 0.5em;

	width: 100%;
	height: auto;
	margin: 0 auto;
	background: none;
	z-index: 10;
}

.bc-options a, .bc-options-2 a{
	cursor: pointer;
	background: #70AD39;
	display: block;
	text-align: center;
	padding: 0.6em;
	color: white;
	font-weight: 700;
	border-radius: 4px;
	box-shadow: 0px 4px #538c20;
	transition: none 0s ease 0s;
	text-decoration: none;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 1rem;
	/*height: 45px;*/
	text-transform: uppercase;
	position: relative;
	margin-bottom: 2em;
	font-size: 0.9em;
}

.bc-options a:before, .bc-options-2 a:before {
	content: "\f0c5";
	font-family: FontAwesome;
	font-weight: 400;
	left: 10px;
	position: absolute;
}

/*.bc-options-2 a.prop-owner:after {
	content: "(renting to low income tenants)";
	position: absolute;
	left: 12px;
	bottom: -25px;
	color: #538c20;
	font-size: 1em;
	text-transform: lowercase;
	font-weight: 700;
}*/

.bc-options-2 a.prop-owner:active:after {
	bottom: -23px;
}

.bc-options a:active, .bc-options-2 a:active {
	box-shadow: 0px 2px #538c20;
	position: relative; top: 2px;
}

/* Typography */
/**/
strong {
	font-family: Source Sans Pro, sans-serif;
}

/* 2018 */
.si-options ul {
	list-style-type: default;
}

.si-options ul li {
	list-style-type: disc !important;
	margin-bottom: 0 !important;
	padding-bottom: 10px !important;
	text-align: left !important;
	font-family: sans-serif;
}

.si-options ul li ul li {
	list-style-type: circle !important;
}

h4 {
	font-weight: 400;
}

/* Ordered list for app process */
.app-process {
	font-family: 'Source Sans Pro', arial, verdana;
	font-size: 14px;
	margin-left: 0;
	padding-left: 20px;
}

.app-process li {
	padding-bottom: 10px;
}

/* General Grants List */
.grants-list {
	list-style-type: disc !important;
	padding-left: 1em !important;
}

.grants-list li {
	margin: 0 !important;
}

.grants-list li ul {
	list-style-type: circle !important;
	padding-left: 2em !important;
}