body {
  margin-left: 2%; margin-right: 2%;
  color: black; background: white;
  font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
}

a:link { color: blue; text-decoration: underline; }
a:visited { color: rgb(153, 153, 255); text-decoration: underline; }
a:active { color: rgb(102, 153, 153); text-decoration: underline; }
a:hover { color: blue; text-decoration: underline; }

div.logo { background: url(images/heightsystems.jpg); width: 100%; height: 120; background-position: center; background-repeat: no-repeat; background-color : white;}

div.banner { background: teal; width: 100%; text-align: center; color: #ffffff; font-size: 24pt; font-weight: bold; }

div.navbar { background: teal;  text-align: left; color: #ffffff; vertical-align: middle; font-family: Helvetica, sans-serif; }
.navbar a:link { color: white; text-decoration: none; }
.navbar a:visited { color: white; text-decoration: none; }
.navbar a:active { color: white; text-decoration: none; }
.navbar a:hover { color: white; text-decoration: underline; }

div.mlinks { background: teal;  text-align: right; color: silver; font-size: 8pt; font-family: Verdana, Helvetica, Arial, sans-serif; vertical-align: top; }

div.copyright { background: teal;  text-align: right; color: silver; font-size: 8pt; font-family: Verdana, Helvetica, Arial, sans-serif; vertical-align: top; }

table.index   { width: 100%; }

td.products { text-align: left; vertical-align: top; }
div.productbanner { text-align: center; background: teal; color: white; font-size: 16pt; font-weight: bold; }
div.producttext { text-align: left; font-size: 10pt; background: silver; padding: 8px 10px 10px 10px; }
div.productpic { text-align: center; background: silver; }
div.productdownload { text-align: center; font-size: 8pt; background: silver; padding: 10px 10px 5px 10px; }

table.banners   { width: 100%; border: 1pt;border-style: solid;}

td.awards { text-align: left; vertical-align: top; }
div.awardsbanner { text-align: center; background: silver; color: black; font-size: 14pt; font-weight: bold; }
div.linksbanner { text-align: center; background: silver; color: black; font-size: 14pt; font-weight: bold; }
div.awardpic { text-align: center; background: white; padding: 10px 12px 12px 12px; }
div.linkpic { text-align: center; background: white; padding: 8px 10px 10px 10px; }

.productdownload a:link { color: teal; text-decoration: underline; }
.productdownload a:visited { color: teal; text-decoration: underline; }
.productdownload a:active { color: teal; text-decoration: underline; }
.productdownload a:hover { color: teal; text-decoration: underline; }

div.corptitle { text-align: left; font-size: 16pt; vertical-align: top; font-weight: bold; }
div.corp { text-align: left; font-size: 12pt; vertical-align: top; padding: 10px 10px 10px 10px; }
div.contact { text-align: left; font-size: 10pt; vertical-align: bottom; background: silver; padding: 5px 10px 5px 10px; }
div.links { text-align: center; font-size: 10pt; vertical-align: bottom; background: silver; padding: 5px 10px 5px 10px; }

.contact a:link { color: teal; text-decoration: underline; }
.contact a:visited { color: teal; text-decoration: underline; }
.contact a:active { color: teal; text-decoration: underline; }
.contact a:hover { color: teal; text-decoration: underline; }

ul { list-style: circle outside }

