.HTML-pages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1ems;
	color: #000000;
	background-color: #FFFFFF;
	width: 600px;
	margin-left: 100px;
	text-align: left;
	position: relative;
}
body {
	height: 100%;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 2em;
	font-weight: bold;
	background-color: #DDE8FF;
}

a:hover {
	background-color:#FFFF99;
	color:#000000;
}


a.pdf {
	background: transparent url(../images/Icons/icon_PDF.gif) no-repeat center;
	background-position:right;
	padding-right: 20px;
	white-space:nowrap;
	}	
	
	/*  <a href="##" class="html">html icon</a>   */
a.html {
	background: transparent url(../images/Icons/icon_html.jpg) no-repeat right;
	white-space:nowrap;
	padding-right: 20px;
	}	


h4{
 font-family: Arial, sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #232323;
 margin: 0px;
 padding: 0px;
}

h5{
	font-family: Verdana, Arial, sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 5px 1px 0px 2px;
	overflow: visible;
	z-index: 10;
	bottom: 0px;
	font-size: 11px;
}

h6 {
	font-family: Verdana, Arial, sans-serif;
	color: #000040;
	font-size: 130%;
	line-height: 100%;
	font-weight: bold;
	margin-top: 10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

	
	/*  <a href="##" class="remote">OUTSIDE LINK</a>   */
a.remote {
	background: transparent url(../images/Icons/iconExternalSite.gif) no-repeat center;
	background-position:right;
	padding-right: 20px;
	white-space:nowrap;
	}	#siteTable div {
	float: left;
	width: 50%;
}
#siteTable #salary {
}
#siteTable #box {
	background-color: #ECF2FF;
	background-position: center;
	border: 1px solid #000000;
	display: block;
	padding: 10px;
	clear: both;
	float: none;
}
#standings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 800px;
	padding: 3px;
	left: 20px;
}

#siteTable blockquote {
	border: thin double #66CCFF;
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
}

#click { 
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #4E85AE;
}

#engineering #box {
	background-color: #ECF2FF;
	background-position: center;
	border: 1px solid #000000;
	display: block;
	padding: 10px;
	clear: both;
	float: none;
}

#engineering blockquote {
	border: thin double #66CCFF;
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
}
#bid {
	padding: 0px;
	margin: 0px;
	clear: both;
	display: table;
}
#engineering #sewer {
	text-align: left;
	float: right;
	width: 30%;
}
#water {
	list-style-position: outside;
	list-style-image: url(../images/drips.gif);
}
#arrowDown {
	list-style-position: outside;
	list-style-image: url(../images/btn_arow/down.gif);
	line-height: 2em;
}

/*  This is for alphabetical indexes  (Glossary page)*/
#appendices {
	background-color: #CCDBE6;
	border: thin solid #6699FF;
	width: 15px;
	float: left;
	font-weight: bold;
	margin: 2px 3px 2px 2px;
	text-align: center;
}#none {
	list-style-type: none;
}
.error {
	color: #990000;
	font-weight:bold;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}