body {
  margin:0;
  background-color:#F8F8F8;
  color:black;
  font-family:Helvetica,Arial,sans-serif;
  font-size:14px
}

.header-text {
  margin-left:8px;
  display: inline-flex;
  align-content: center;
  font-family:Serif;
  font-size:300%;
  font-weight:100;
}

.colorbar {
  width:100%;
  height:2px;
  background-color:#666;
}

div.menu a:hover {
  color:white;
  background-color:#004224;
}

a:link,
a:visited {
  color:#004224;
}

a:hover,
a:active {
  color:#90B000;
}


/* Menu current selection highlight */

body#home a#home-nav,
body#logos a#logos-nav,
body#brochures a#brochures-nav,
body#ads a#ads-nav,
body#signs a#signs-nav,
body#maps a#maps-nav,
body#illustration a#illustration-nav,
body#cards a#cards-nav,
body#packaging a#packaging-nav,
body#contact a#contact-nav,
body#blog a#blog-nav {
  color:black;
  background-color:#90B000;
}


h1, h2 {
  margin:20px 0 12px 0;padding:2px 6px 0 6px;font-size:1.25em;font-weight:bold;
  border-bottom:2px solid #666;
  text-decoration:none;
  background-color:#C0C0C0;
  color:black;
}

p {
  margin:10px 10px 0 10px;
  white-space:normal;
}

p.quotes {
  margin-bottom:0.5em;
  font-family:Arial,san-serif;
}

ul {
  list-style-image:url("Bullet7.png");
  margin:0;
  padding:6px 0 0 16px;
}

ul li {
  left:28px;
  position:relative;
  margin-bottom:4px;
}


.dot {
  color:white;font-weight:bold;padding:0 2px 0 2px;
}

.emph1 {
  font-weight:bold;color:#304000;
}


.img-left {
  float:left;
  margin:0 0 6px 6px;
  border:1px solid #485800;
  background-color:white;padding:4px;
}

.img-right {
  float:right;
  margin:0 6px 6px 0;
  border:1px solid #485800;
  background-color:white;padding:4px;
}


.extra-margin-left {
  margin-left:12px;
}

.extra-margin-right {
  margin-right:12px;
}