/* This should be defined apart from the internal definitions, probably
   in the main CSS file.  It's included here only for reference.
#marqueeBox {
  position: relative;
  width: 200px;
  height: 25px;
  background-color: white;
  overflow: hidden;
  border: 3px solid orange;
  padding:2px;
}
*/

#marqueeBox { 
  overflow:hidden;       /* Just in case this isn't set */
}

#marqueeOuter {
  position:relative;
  margin:10px 0px;
  padding:0px;
  overflow:visible;
}

/* These styles are for vertical scrolling */
#marqueeOuter.dirUp {
  width:auto;
}
#marqueeOuter.dirUp #marqueeInner {
  padding:10px 0px;
}
#marqueeOuter.dirUp #marqueeInner SPAN {
  display:block;
  padding:20px 0px;
}
#marqueeOuter.dirUp #marqueeInner SPAN A {
  display:block;
  margin:0px;
  padding:0px;
  font-size:60%;
  text-align:center;
}


/* These styles are for horizontal scrolling */
#marqueeOuter.dirLeft {
  height:auto;
}
#marqueeOuter.dirLeft #marqueeInner {
  white-space:nowrap;
}
#marqueeOuter.dirLeft #marqueeInner SPAN {
  white-space:nowrap;
  padding:0px 20px;
}
#marqueeOuter.dirLeft #marqueeInner SPAN A {
  white-space:nowrap;
  padding:0px;
}