html, body {
  height: 100% ;
}

body {
  font-family: Helvetica, sans-serif ;
  font-size: .9em ;
  background: #ddd ;
  margin: 0 ;
  text-align: center ; /* ie sucks */
}

a {
  color: #aab ;
}

p {
  margin: 1em 0 ;
  line-height: 1.3em ;
}

th {
  text-decoration: none ;
}

/* LAYOUT ELEMENTS */

div#container {
  position: relative ;
  background: #fee ;
  width: 6in ;
  height: 5.5in ;
  margin-left: auto ;
  margin-right: auto ;
  margin-top: 1.0in ;
  margin-bottom: auto ;
  text-align: left ;
}

div#containerl {
  background: #efefea ;
  float: left ;
  position: relative ;
  z-index: 0 ;
  width: 3in ;
  height: 100% ;
}

div#sep {
  height: 12px ;
  background: #d1f4c8 ;
  position: relative ;
  z-index: 1 ;
  border-top: 3px solid #ffb702 ;
}

div#header {
  height: 1in ;
  position: relative ;
  z-index: 1 ;
  background: #7ac46b ;
}



div#content {
  width: 4in ;
  position: absolute ;
  top: 2.0in ;
  left: 1in ;
  padding-right: 2in ;
  color: #7ac46b ;
  font-size: 0.4in ;
  text-align: center ;
  z-index: 2 ;
}

div#content div#zablogo {
  position: absolute ;
  padding-bottom: 0.25in ;
  left: 1.08in ;
  width: 3in ;
  float: right ;
  font-size: 1in ;
  color: #fff ;
  font-family: Monospace ;
  font-style: Italic ;
  /* 
    background: url(../images/zablogo.gif) no-repeat right  ; 
    height: 36px ;
  */
}

div#content div#music {
  position: relative ;
  width: 2in ;
  height: 1in ;
}

div#footer {
  background: #eee ;
  color: #aab;
  position: absolute ;
  bottom: 0 !important ;
  height: 32px;
  width: 6in;
  text-align: center ;
  border-top: 1px solid #999 ;
  padding-top: 3px ;
  display: none ;
}