/*
  RESTORATION NOTE
  ----------------
  The original global.css used by aboutus.htm, safety.htm and contact.htm was
  referenced in the July 2006 archive but was not preserved in the recovered
  files. The rules below reconstruct the visible Dreamweaver-era layout from
  the surviving HTML structure and original graphics. It is the only major
  stylesheet in this restoration that is reconstructed rather than original.
*/
html, body {
  margin: 0;
  padding: 0;
}
body {
  background: #ffffff;
  color: #555555;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  min-width: 1024px;
}
a:link, a:visited {
  color: #777777;
  text-decoration: none;
}
a:hover {
  color: #f58234;
  text-decoration: underline;
}
#logo {
  position: absolute;
  left: 18px;
  top: 15px;
  width: 320px;
  height: 305px;
}
.tagline {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-style: italic;
  color: #777777;
  font-weight: bold;
}

/* Center the header tagline in the open area to the right of the Sonny logo.
   Scoped to #logo so the separate tagline on the About Us page is untouched. */
#logo .tagline {
  position: absolute;
  left: 302px;
  top: 135px;
  width: 704px;
  text-align: center;
  white-space: nowrap;
}
#toplink {
  display: none;
  position: absolute;
  left: 350px;
  top: 12px;
  width: 650px;
  height: 300px;
  color: #777777;
}
#toplink hr {
  border: 0;
  border-top: 1px solid #b4b4b4;
  height: 1px;
  margin: 0 0 4px auto;
}
.head {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #f58234;
}
.head a:link, .head a:visited {
  color: #777777;
}
.head a:hover {
  color: #f58234;
}
#rule1 {
  position: absolute;
  left: 0;
  top: 317px;
  width: 1024px;
  height: 2px;
}
#rule2 {
  position: absolute;
  left: 0;
  top: 365px;
  width: 1024px;
  height: 2px;
}
#rule1 hr, #rule2 hr {
  border: 0;
  border-top: 1px solid #a9a9a9;
  height: 1px;
  margin: 0;
}
#nav {
  position: absolute;
  left: 0;
  top: 325px;
  width: 1024px;
  height: 38px;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
}
#nav table { width: 1024px !important; table-layout: fixed; }
#nav a:link, #nav a:visited { color: #777777; }
#nav a:hover { color: #f58234; }
#nav strong { color: #f58234; }
.style1 { font-weight: bold; }
#span {
  position: absolute;
  left: 0;
  top: 385px;
  width: 1024px;
  height: 1px;
}
#maintextabout,
#mainpiccontact,
#mainpicsafety {
  position: absolute;
  left: 0;
  top: 400px;
  width: 1024px;
  line-height: 1.35;
}
#maintextabout { font-size: 13px; }
#mainpiccontact { font-size: 14px; }
#mainpiccontact h3 { color: #f58234; font-size: 20px; margin-bottom: 8px; }
#mainpicsafety { font-size: 12px; }
#mainpicsafety h2 { color: #f58234; font-size: 20px; }
#mainpicsafety a:link, #mainpicsafety a:visited { color: #777777; }
#mainpicsafety a:hover { color: #f58234; }
.under { border-bottom: 1px solid #999999; }
.foot {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #777777;
}
#mainfootabout,
#mainfootcontact {
  display: none;
  position: absolute;
  left: 0;
  width: 1024px;
  font-size: 11px;
}
#mainfootabout { top: 745px; }
#mainfootcontact { top: 635px; }
#mainfootsafety {
  display: none;
  position: absolute;
  left: 0;
  top: 3060px;
  width: 1024px;
  font-size: 11px;
}
#mainfootabout hr, #mainfootcontact hr, #mainfootsafety hr {
  border: 0;
  border-top: 1px solid #a9a9a9;
}
#mainfootabout a:link, #mainfootabout a:visited,
#mainfootcontact a:link, #mainfootcontact a:visited,
#mainfootsafety a:link, #mainfootsafety a:visited { color: #777777; }
#mainfootabout strong, #mainfootcontact strong, #mainfootsafety strong { color: #f58234; }