body {
 padding: 5% 2% 5% 2%;
 background-color: white; }

caption { text-align: center }

li { padding: 5px ; text-align: left;}

.table1 td {
 font-size: large;
 border-style: solid;
 border-color: black;
 border-width: medium;
 text-align: center; }

.index, .intro, .references {
 color: black;
 padding: 2px;
 background-color: #CCCCCC }

.predict {
 color: white;
 background: #003399;
 background-color: #003399 }

.predictinv {
 background-color: white;
 padding: 2% 3% 2% 2%;
/* text-align: justify; */ 
 color: #003399 }

.predictinvcaption { 
 font-size: x-large;
 font-weight: bold;
 background-color: white;
 padding: 2% 3% 2% 2%;
 text-align: center;
 color: #003399 }

.mix2 { 
 color: white;
 background-color: #A01010 }

.mix2inv { 
 background-color: white;
 padding: 2% 3% 2% 2%;
/* text-align: justify; */ 
 color: #A01010 }

.mix2invcaption { 
 font-size: x-large;
 font-weight: bold;
 background-color: white;
 padding: 2% 3% 2% 2%;
 text-align: center;
 color: #a01010 }

.mixn { 
 color: white;
 background-color: #00AA77 }

.mixninv { 
 background-color: white;
 padding: 2% 3% 2% 2%;
/* text-align: justify; */ 
 color: #00AA77 }

.mixninvcaption { 
 font-size: x-large;
 font-weight: bold;
 background-color: white;
 padding: 2% 3% 2% 2%;
 text-align: center;
 color: #00aa77 }

.surf { 
 color: white;
 background-color: #a010a0 }

.surfinv { 
 padding: 2% 3% 2% 2%;
 background-color: white;
/* text-align: justify; */ 
 color: #A010a0 }

.surfinvcaption { 
 font-size: x-large;
 font-weight: bold;
 background-color: white;
 padding: 2% 3% 2% 2%;
 text-align: center;
 color: #a010a0 }

.dynamic { 
 color: white;
 background-color: #30a0d0 }

.dynamicinv { 
 padding: 2% 3% 2% 2%;
 background-color: white;
/* text-align: justify; */ 
 color: #30a0d0 }

.dynamicinvcaption { 
 font-size: x-large;
 font-weight: bold;
 background-color: white;
 padding: 2% 3% 2% 2%;
 text-align: center;
 color: #30a0d0 }

.predict a, .predict p,
.mix2 a, .mix2 p,
.mixn a, .mixn p,
.surf a, .surf p,
.dynamic a, .dynamic p { color: white }

.index a, .index,
.intro a, .intro p,
.references a, .references p { color: black }

P {
/* text-align: justify; */ }

H1, H2, H3 {
/* width: 25em; */
 text-align: center; }

.refs {
  text-align: left;
  margin-left: 10%;
  margin-right: 50%;
  text-indent: -5%;
  margin-right: auto; }

td { 
 padding: 2px;
 vertical-align: text-top; }

li { list-style-type: disc }

address { text-align: center }

.predictions { text-align: center }