/* ----------------- general styles ----------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFFFFF;
	color: #000000;
}

p,ul,ol,td,th,center,li,caption,blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

/* lghead increases the font size for header text that doesn't use a standard H tag. */

.lghead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 250%;
	font-weight: bold;
}

.heading {
	margin-top:0px;
	margin-bottom:0px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* use the minor and major classes to modify the font size of header tags when the default size is not appropriate */

.minor {
	font-size: 14px;
}

.major {
	font-size: 18px;
}

.date {
	font-size: 14px;
	font-weight : normal;
}

/* row turns off the default bold and center for <th>. */

.row {
	font-weight : normal;
	text-align:left;
}

.hcaption {
	font-weight : normal;
}
.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.norm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : normal;
}

/* bcrumb formats text for bread crumb links */

.bcrumb {
	font-size:11px;
	font-family: arial, verdana, helvetica, sans-serif;
}

/* nobr replaces the deprecated nowrap attribute */

.nobr {
	white-space: nowrap;
}

body.nomargin {
	margin: 0px;
}

.content {
	margin: 4px;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* li.none removes bullets from <ul><li> for indenting lists. Only use for content that is actually a list; use the padding classes if the content is not a list */

li.none {
	list-style-type: none;
}

/* li.hang removes bullets from <ul><li> for indenting lists. 
Only use for content that is actually a list and requires numbers or letters in 
parenthesis, such as an Order, to match hard copy; 
use the padding classes if the content is not a list */


li.hang {
	list-style-type: none;
	text-indent: -1.3em;
}

/* padding classes for indenting text when blockquote is not appropriate; indents text by increments of 1 em */

.padding {
	padding-left: 1em;
}

.padding2 {
	padding-left: 2em;
}

.padding3 {
	padding-left: 3em;
}

.padding4 {
	padding-left: 4em;
}

.captionleft {
	text-align:left;
}

.def {
	font-weight: bold;
}

/*Class hidetext used with <label> tag in forms when there is no text to label; include text that describes for form field for text screen readers */

.hidetext {
text-indent: -9999px;
}

/*Class tspace adds padding to the <table> tag*/

.tspace {
	margin-top: 10px;
}

.tspace caption {
	padding-top: 15px;
}
/* moddate formats the text generated by javascript for the last update date */

.moddate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; margin-top:10px;
}

/*
Use moddatepad with moddate if space above the last update date is necessary. 
Usually necessary if there isn't a <p> tag immediately before the moddaate <div>. 
Use instead of <p></p>
class="moddate moddatepad"
 */

.moddatepad {
	padding-top: 12px;
}

/* footer formats the standard FHWA footer text */

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* classes for the PDF links in Notices and attachments*/
 .noticepdf {
	border: 1px solid #666;
	color: #000;
	background-color: #FFFFDD;
	width: 270px;
	float: right;
	padding: 4px;
	text-align: left;
	clear: right;
	margin: 2px;
}
.noticepdf p {
	font-size: .85em;
	padding-top: 1px;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;

}

.noticepdf .pdfsmall  {
	font-size: .7em;
}
/* end Notices PDF css */

.line {
	border-top: 1px solid #000;

}

.underline {
	border-bottom: 1px solid #000;

}


/* FEEDBACK BUTTON STYLES */

form.inline, form.inline * { display: inline; margin:0; padding:0 }

button { overflow:visible; width:auto }

button.link {

	text-align: left;
	color:#00f;
	background: none;
	margin:0;
	padding:0;
	border:#fff solid 0px;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	display:block;

			

	-moz-user-select: text;

	/* override all your button styles here if there are any others */

}

button.link span { text-decoration:underline }

button.link:hover span, button.link:focus span { color:#00f; text-decoration:none }

td.footer button.link { font-size:11px }


caption {
  margin: 0 auto 6px;
  color: #006;
  font-size: 90%;
  font-weight: bold;
  background-color: #fff;
  }
hr {
  margin: 10px 0;
	 background-color: #006;
	 border: solid 1px #006;
	 color: #006;
  	}
li {
  line-height: 22px;
		}

/* ----------------- classes ----------------- */

#footer {
  padding-bottom: 6px;
  }
#tag {
  float: left;
		width: 30%;
  }
#usdot {
  padding-top: 10px;
  float: left;
		width: 70%;
  }


/* ----------------- classes ----------------- */

.center {
  text-align: center;
		}
.right {
  text-align: right;
  }
.box {
  color: #006;
  width: 220px;
  border: 1px solid #006;
 	padding: 3px;
		background: #fff;
  }
.box-wrapper {
  border: 1px solid #006;
		padding: 7px 12px 12px;
  }
.box h2 {
  margin: 5px 0 0;
		font-size: 95%;
		}
.box ul {
  margin: 5px 0 0;
		padding: 0;
		}

.center {
  text-align: center;
  }
.clear {
  clear: both;
		}
.even {
  background: #fff;
  color: inherit;
  }
.flt-left {
  float: left;
  }
.flt-right {
  float: right;
  }
.header {
  background: #c1c1c1;
		font-weight: bold;
		font-size: 110%;
		}
.headertext {
  background: #016db7;
		color: #fff;
  }
.img-left {
  float: left;
		margin: 0 8px 8px 0;
  }
.img-right {
  float: right;
		margin: 0 0 8px 8px;
  }
.img-styled {
  padding: 20px;
		border: 1px solid #000;
  margin: 4px 0 10px;
		}
.indent {
  margin-left: 80px;
		}
.nostyle {
  list-style-type: none;
		}
.num {
  text-align: center;
  }
.odd {
  background: #f1f1f1;
  color: inherit;
  }
.subheader {
  background: #d1d1d1;
		font-weight: bold;
		}
.subtotal {
  color: #333;
  font-weight: bold;
  background-color: #e1e1e1;
  }
table.data td.right {
  text-align: right;
		}
table.data {
  background: #e1e1e1;
  border-spacing: 1px;
  margin: 3px auto 15px;
  color: inherit;
  }
table.data td {
  padding: 4px;
  vertical-align: top;
  }
table.data th {
  padding: 4px;
  text-align: center;
  }
table.data thead th {
  color: #fff;
  background: #006;
  }
table.data thead th a {
  color: #fff;
  }
table.data thead th.alt {
  background: #016DB7;
		color: #fff;
  }
table.data tbody tr.odd th, table.data tbody tr.even th {
  text-align: left;
  font-weight: normal;
  }
table.data ul {
  list-style-type: square;
		padding-left: 15px;
		margin: 0;
		}
table.sm-font th, table.sm-font td {
  font-size: .8em;
  font-family:Arial, Helvetica, sans-serif;
  }
table.sm-font {
  font-size: .8em;
  font-family:Arial, Helvetica, sans-serif;
  width:100%
  }
table.listing {
  border: none;
		}
table.listing td {
  width: 33%;
  padding: 6px;
		vertical-align: top;
		}
table.vmiddle td {
  vertical-align: middle;
		}
tr.total {
  background: #bbb;
		font-weight: bold;
		color: #222;
  }
tr.total td {
  font-size: 110%;
  }
table.data tbody tr.total th {
  font-weight: bold;
  font-size: 110%;
		}