div#top-bar-menu { 
  height: 165px;   /* Gives height to background behind second level of menu - increase this to keep it visible when increasing page top picture height */
 }
div#menu { 
  position:absolute;
  z-index:50;
  left: 20px;
  top: 0px; /* Gives distance of menu from top of page */
}
div#subMenu { 
  position:absolute;
  z-index:50;
  left: 10%;
  top: 143px; /* Gives distance of menu from top of page */
}
div#top-bar-txt {
  display: none;
  position:absolute;
  z-index: 30;
  left: 60px;
  top: 0px; /* Gives position from top of web site title - remember to also change the equivalent item in the top-bar-txt1 and top-bar-txt2 */
}
div#top-bar-txt1 {
  position: absolute;
  z-index: 29;
  left: 60px;
  top: 50px;
  text-align: left;
  padding: 0;
}
div#top-bar-txt2 {
  position:absolute;
  z-index: 28;
  left: 190px;
  top: 80px;
  text-align: left;
  padding: 0;
}

/* Text appearance */
div#top-bar-info p { 
  font-family: Verdana, Helvetica, Arial, sans-serif; 
  text-align: right;
  color:#000;
  font-size: 0.8em;
  font-weight:700;
  margin: 0% 3% 0% 0%;
}
/* h1 styling is controlled - at the base level - on main_page_appearance sheet */
h1#sitename,
h1#dropshadow,
h1#zonename,
h1#zonedropshadow,
h1#spacer,
h1#zonespacer {
  visibility: visible;
  font-family: 'times new roman', sans-serif;
  font-size: 3em;
  line-height: 100%;
  width: 100%;
  color: #fff;
  text-align: left;
  padding: 0;
  margin: 0px auto 0px auto;
  white-space: nowrap;
}
h1#zonename,
h1#zonedropshadow,
h1#zonespacer
 { 
  font-size: 1.2em;
}
h1#zonedropshadow,
h1#dropshadow {
  visibility: visible;
  font-size: 3.6em;
  color: #fff;
}
h1#clearstatement { 
  visibility: visible;
  font-family: arial, sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  width: 100%;
  color: #fff;
  text-align: left;
  line-height: 100%;
  padding-top: 1em;
  padding-left: 0;
}
h1#zonespacer { 
  margin: 0px auto 25px auto;
}
div#top-bar p { 
  font-size: 0.8em;
  font-weight:700;
}

div#top-bar-img {
  z-index: 27;
  position:absolute;
  border: none;
  left: 0;
  top: 0;
  text-align: left;
  width: 100%;
  background: url("../images/tradskin_banner_collage_darkened.jpg") center top repeat-x transparent;
}
div#top-bar-img img { 
  border:none;
  width: 140px;
  height: 140px;
}