/* 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 {
  position: relative;
  width: 900px;
  height: 35px;
  overflow:hidden;       /* Just in case this isn't set */
}

#marqueeOuter {
  position:absolute;
  width:100%;
  height:100%;
  margin:0px;
  padding:5px 0px;
}
#marqueeOuter #marqueeInner {
  position:absolute;
  top:35px;
  left:900px;
}

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


/* These styles are for horizontal scrolling */
#marqueeOuter.dirLeft {
}
#marqueeOuter.dirLeft #marqueeInner {
  padding:5px;
  white-space:nowrap;
  height: 35px !important;
}
#marqueeOuter.dirLeft #marqueeInner .marqueeItem {
  display:inline-block;
  white-space:nowrap;
  padding:0px 20px;
  width:auto;
}
#marqueeOuter.dirLeft #marqueeInner P {
  display:inline;
  white-space:nowrap;
  padding:0px;
  margin:0px;
}
#marqueeOuter.dirLeft #marqueeInner A {
  white-space:nowrap;
  padding:0px;
}

/* This rule must exist for the JavaScript to work */
/*.marqueeItem {
  width:auto;
}*/


.marqueeLink, .marqueeLink * {
  text-decoration:underline;
}