#anim_title {
 text-align: center;
}
#anim_subtitle {
 text-align: center;
}

#picture_grp01 {
 border: 0;
 text-align: center;
 padding-right: 10%;
 padding-left: 10%;
 width: 70%;
}
#picture {
 border: 0;
 text-align: center;
 padding-right: 10%;
 padding-left: 10%;
 width: 70%;
}

DIV.frameControls {
  background: #a0a0a0; 
  width: 80%;
  padding-right: 10%;
  padding-left: 10%;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
}
#frameSlider {
   width: 70%;
   color: #0000b0;
   background: #b00000; 
}
DIV.actionControls {
  background: #b0b0b0; 
  width: 80%;
  padding-right: 10%;
  padding-left: 10%;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
  border-width: medium;
  border-color: #aa0000;
}
DIV.speedControls {
  background: #c0c0c0; 
  width: 80%;
  padding-right: 10%;
  padding-left: 10%;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
}
#frmdelay {
  text-align: right;
  background: #c0c0c0; 
}

H1.title {
   font-family: sans-serif;
   text-align: center;
}
h2.subtitle {
   text-align: center;
}
div.supercateg {
   margin-top: 1em;
   margin-bottom: 1em;
   padding-bottom: 1em;
   text-align: right;
   font-family: serif;
   border-style: solid;
   border-color: #888888;
   border-width: medium;
}
h2.supercateg {
   text-align: left;
   margin-top: 0;
   padding-left: 1em;
   background: #8888ff;
   color: white;
}

div.categ {
   margin-top: 2em;
   text-align: center;
   font-family: sans-serif;
}
h2.categ {
   text-align: center;
}
table.categ {
   width: 80%;
   margin-left: 10%;
   border-style: solid;
   border-color: #bbbbbb;
   border-width: medium;
}
tr.categHead {
   background: navy;
   color: #ffee54;
}

th.categHead {
   border-style: solid;
   border-color: #bbbbbb;
   border-width: thin;
   padding: 0.5em;

}
tr.categData {
   color: green;
}
td.categData {
   color: black;
   border-style: solid;
   border-color: #dddddd;
   border-width: medium;
}

p.foot {
   margin-top: 5em;
   text-align: center;
}
p.notes {
   margin-top: 0.5em;
   font-family: sans-serif;
   font-size: medium;
   text-align: center;
}
div.side {
   text-align: left;
}
h2.side {
   text-align: left;
   font-family: sans-serif;
   font-size: medium;
}

h2.month {
   text-align: center;
   font-family: sans-serif;
}
table.month {
   text-align: center;
   font-family: sans-serif;
   width: 60%;
   margin-left: 20%;
   border-style: solid;
   border-color: #bbbbbb;
   border-width: medium;
}
tr.monthHead {
   background: navy;
   color: #ffee54;
  
}
th.monthHead {
   border-style: solid;
   border-color: #bbbbbb;
   border-width: thin;
   padding: 0.5em;
}
tr.month {
   background: white;
}
td.month {
   color: black;
   border-style: solid;
   border-color: #dddddd;
   border-width: medium;
}
td.missing {
   color: #aaaaaa;
   border-style: solid;
   border-color: #dddddd;
   border-width: medium;
}
td.monthx {
   color: #777777;
   border-style: solid;
   border-color: #dddddd;
   border-width: medium;
}

div.logo {
   font-family: sans-serif;
   width: 40%;
   margin-left: 30%;
}
img.logo {
   width: 20%;
   margin-left: 40%;

}

div.launch {
   width: 40%;
   margin-left: 30%;
   font-family: sans-serif;
   font-size: large;
}
ul.launch {
   list-style-type: none;
   text-align: center;
   font-family: sans-serif;
   font-size: x-large;
}
li.launch {
   border-style: solid;
   border-color: #777777;
   border-width: medium;
}
li.launchHead {
   border-style: solid;
   border-color: black;
   border-width: medium;
   background: navy;
   color: #ffee54;
}



div.date {
   text-align: left;
   border-style: solid;
   border-color: gray;
   border-width: thin;
   padding-left: 1em;
   padding-bottom: 1em;
   margin-bottom: 1em;
}
h2.date {
   text-align: left;
   font-family: sans-serif;
}