div.scroller {
   /* modify width and height of scrolling section if necessary   */
   width: 467px;
   height: 200px;
   overflow: hidden;
   border:1px solid #cccccc;
   }
   div.scroller div.section {
      /* modify width and height of each section as needed (should match the size of the scroller window)   */
      width:467px;
      height:200px;
      overflow:hidden;
      float:left;
      padding:1em;
      }
   div.scroller div.content {
      width: 10000px;
      }

   div#section2 {
      background:#ffffff;
      color:#000000;
      }

.sagmenu {
  color: #000000;
  font-family: verdana;
  text-align: left;
  font-size: 9px;
  font-weight: 0px;
  border-top: 0px solid #eeeeee;
  border-right: 1px solid #ffffff;
  border-left: 0px solid #eeeeee;
  border-bottom: 0px solid #ffffff;
  width: auto;
  background: #9CD8E2;
  padding: 3px 3px;
  height: 18px;
  margin: 0px;
}
.sagmenu:hover {
  color: #ffffff;
  font-family: verdana;
  text-decoration: none;
  text-align: left;
  font-size: 9px;
  font-weight: 0px;
  border-top: 0px solid #3a3a3a;
  border-right: 1px solid #ffffff;
  border-left: 0px solid #3a3a3a;
  border-bottom: 0px solid #ffffff;
  width: auto;
  background: #270101;
  padding: 3px 3px;
  height: 18px;
  margin: 0px;
}
.sagmenu1 {
  color: #000000;
  font-family: verdana;
  text-align: left;
  font-size: 9px;
  font-weight: 0px;
  border-top: 0px solid #eeeeee;
  border-right: 1px solid #ffffff;
  border-left: 0px solid #eeeeee;
  border-bottom: 0px solid #ffffff;
  width: auto;
  background: #FBBC8E;
  padding: 3px 3px;
  height: 18px;
  margin: 0px;
}
.sagmenu1:hover {
  color: #ffffff;
  font-family: verdana;
  text-decoration: none;
  text-align: left;
  font-size: 9px;
  font-weight: 0px;
  border-top: 0px solid #3a3a3a;
  border-right: 1px solid #ffffff;
  border-left: 0px solid #3a3a3a;
  border-bottom: 0px solid #ffffff;
  width: auto;
  background: #270101;
  padding: 3px 3px;
  height: 18px;
  margin: 0px;
}

.sagmenu2 {
  color: #000000;
  font-family: verdana;
  text-align: left;
  font-size: 9px;
  font-weight: 0px;
  border-top: 0px solid #eeeeee;
  border-right: 1px solid #ffffff;
  border-left: 0px solid #eeeeee;
  border-bottom: 0px solid #ffffff;
  width: auto;
  background: #A9D6A3;
  padding: 3px 3px;
  height: 18px;
  margin: 0px;
}
.sagmenu2:hover {
  color: #ffffff;
  font-family: verdana;
  text-decoration: none;
  text-align: left;
  font-size: 9px;
  font-weight: 0px;
  border-top: 0px solid #3a3a3a;
  border-right: 1px solid #ffffff;
  border-left: 0px solid #3a3a3a;
  border-bottom: 0px solid #ffffff;
  width: auto;
  background: #270101;
  padding: 3px 3px;
  height: 18px;
  margin: 0px;
}
.sagmenu3 {
  color: #000000;
  font-family: verdana;
  text-align: left;
  font-size: 9px;
  font-weight: 0px;
  border-top: 0px solid #eeeeee;
  border-right: 1px solid #ffffff;
  border-left: 0px solid #eeeeee;
  border-bottom: 0px solid #ffffff;
  width: auto;
  background: #F7EE82;
  padding: 3px 3px;
  height: 18px;
  margin: 0px;
}
.sagmenu3:hover {
  color: #ffffff;
  font-family: verdana;
  text-decoration: none;
  text-align: left;
  font-size: 9px;
  font-weight: 0px;
  border-top: 0px solid #3a3a3a;
  border-right: 1px solid #ffffff;
  border-left: 0px solid #3a3a3a;
  border-bottom: 0px solid #ffffff;
  width: auto;
  background: #000000;
  padding: 3px 3px;
  height: 18px;
  margin: 0px;
}


.sagmenu4 {
  color: #000000;
  font-family: verdana;
  text-align: left;
  font-size: 9px;
  font-weight: 0px;
  border-top: 0px solid #eeeeee;
  border-right: 1px solid #ffffff;
  border-left: 0px solid #eeeeee;
  border-bottom: 0px solid #ffffff;
  width: auto;
  background: #DE8EEA;
  padding: 3px 3px;
  height: 18px;
  margin: 0px;
}
.sagmenu4:hover {
  color: #ffffff;
  font-family: verdana;
  text-decoration: none;
  text-align: left;
  font-size: 9px;
  font-weight: 0px;
  border-top: 0px solid #3a3a3a;
  border-right: 1px solid #ffffff;
  border-left: 0px solid #3a3a3a;
  border-bottom: 0px solid #ffffff;
  width: auto;
  background: #000000;
  padding: 3px 3px;
  height: 18px;
  margin: 0px;
}




.sagmenu5 {
  color: #000000;
  font-family: verdana;
  text-align: left;
  font-size: 9px;
  font-weight: 0px;
  border-top: 0px solid #eeeeee;
  border-right: 1px solid #ffffff;
  border-left: 0px solid #eeeeee;
  border-bottom: 0px solid #ffffff;
  width: auto;
  background: #FB8D7D;
  padding: 3px 3px;
  height: 18px;
  margin: 0px;
}
.sagmenu5:hover {
  color: #ffffff;
  font-family: verdana;
  text-decoration: none;
  text-align: left;
  font-size: 9px;
  font-weight: 0px;
  border-top: 0px solid #3a3a3a;
  border-right: 1px solid #ffffff;
  border-left: 0px solid #3a3a3a;
  border-bottom: 0px solid #ffffff;
  width: auto;
  background: #000000;
  padding: 3px 3px;
  height: 18px;
  margin: 0px;
}