#myslide {width:640px;overflow:hidden;position: relative;height:520px;margin-top:40px}
 
#myslide .cover{
	width:21120px; /*------- class mystuff width * number of mystuff divs (640 * _imgcount = x)---------- */
	position: absolute;
	height:480px;
}

#myslide .mystuff {width:640px;float:left;padding:20px 0;}

.button1,.button2,.button3,.button4,.button5,.button6,.button7,.button8,.button9,.button10,.button11,.button12,.button13,.button14,.button15,.button16,.button17,.button18,.button19,.button20,.button21,.button22,.button23,.button24,.button25,.button26,.button27,.button28,.button29,.button30,.button31,.button32,.button33{background:#00C0FF;padding:6px;display:block;float:left;margin-right:5px;}

.active{background:#FFFFC0;padding:6px;display:block;float:left;outline:none;}
.clear{clear:both;}


body {
  background-color: black;
  background-image: url(main/bkgd.gif);
  background-repeat: repeat;
  background-attachment: fixed;
}

a:link
 { color:#FF00FF; }
a:visited
 { color:#FFFF40; }
a:hover
 { color:#00FF40; }
a:active
 { color:#00FFFF; }

a {
  font-weight: normal;
  font-style: italic;
}

p {
  font-family: "Footlight MT" !important;
  color: #FFFFC0;
  font-size: 16;
  line-height: 1;
}

.bright {
  color: #FFFF88;
  text-shadow: black 1px 1px;
}


#narrow {
  line-height: .25;
}

#labelc {
  text-align: center;
}
#labelr {
  text-align: right;
}

li {
  font-family: "Footlight MT" !important;
  color: #FFFFC0;
  font-size: 16;
  line-height: 1;
}

H1 {
  color: blue;
  font-size: 40;
  font-weight: bold;
  text-align:center;
  text-decoration: underline overline;
  font-family: Serif;
  font-family: "Footlight MT" !important;
}


H2 {
  color: #00C0FF;
  font-weight: bold;
  font-size: 24;
  text-align:center;
  line-height: 1;
  font-family: Serif;
  font-family: "Footlight MT" !important;
}

H3 {
  color: #FFFF40;
  font-size: 16;
  font-family: Serif;
  font-family: "Footlight MT" !important;
  line-height: 1;
}