/* absolute positioning */

#all {
  border: 1px solid black;
  background-color: black;
  width: 1024px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#all_mod1lpb {
  background-image: url("images/1lpb.bmp");
  width: 1024px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#all_mod2lpb {
  background-image: url("images/2lpb.bmp");
  width: 1024px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#all_mod3lpb {
  background-image: url("images/3lpb.bmp");
  width: 1024px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#all_mod1lpw {
  background-image: url("images/1lpw.bmp");
  width: 1024px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#all_mod2lpw {
  background-image: url("images/2lpw.bmp");
  width: 1024px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#all_mod3lpw {
  background-image: url("images/3lpw.bmp");
  width: 1024px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#all_modxhatchb {
  background-image: url("images/xhatchb.bmp");
  width: 1024px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#all_modxhatchw {
  background-image: url("images/xhatchw.bmp");
  width: 1024px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#all_bitdepth {
  background-image: url("images/color1.bmp");
  width: 1024px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}


#all_persistence-gg {
  background-image: url("images/persistence-gg.bmp");
  width: 1024px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#all_purity-red {
  background-color: #ff0000;
  width: 1024px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#all_purity-green {
  background-color: #00ff00;
  width: 1024px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#all_purity-blue {
  background-color: #0000ff;
  width: 1024px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#all_purity-purple {
  background-color: #bb55bb;
  width: 1024px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}


#all_general {
  width: 1024px;
  height: 800px;
  position: absolute;
  left: 0px;
  top: 0px;
}
#content {
  font-family: Arial;
  font-size: 14px;
  text-align: left;
  text-shadow: 
  font-weight: 800;
   border: 0px solid black;
  padding-left: 10px;
  padding-right: 10px;
  width: 800px;
  height: 300px;
  position: absolute;
  left: 25px;
  top: 25px;
}

#body {
  border: 0px solid black;
  width: 1024px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}


p {

  font-family: 12px;
  font-size: 14;
  text-align: left;
}

em {
  font-weight: 700;
}

h1 {
  color: white;
  font: 18px arial, sans-serif;
  font-weight: 700;
}

h2 {
  color: white;
  font: 16px arial, sans-serif;
  font-weight: 700;
}

h3 {
  color: white;
  font: 14px arial, sans-serif;
  font-weight: 700;
}


.mini-white {
  font: 12px, sans-serif;
  text-align: left;
  color: white;
 }



a:link{
  font: 10px, sans-serif;
  color: white;
  font-weight: 500;
  text-align: left;
}

a:visited {
  font: 10px, sans-serif;
  color: #44ff44;
  font-weight: 500;
  text-align: left;
}

a:hover {
  font: 10px, sans-serif;
  color: green;
  font-weight: 500;
  background-color: red;
}

a.ablack:link {
  font: 12px, sans-serif;
  color: black;
  font-weight: 500;
  text-align: left;
}

a.ablack:visited {
  font: 12px, sans-serif;
  color: black;
  font-weight: 500;
  text-align: left;
}

img {
  border-style: none;
}

.sectiontitle-white {
  color: white;
  font: 22px arial, sans-serif;
  font-weight: 800;
}


.title-black {
  color: black;
  font: 18px arial, sans-serif;
  font-weight: 700;
}


.title-white {
  color: white;
  font: 18px arial, sans-serif;
  font-weight: 700;
}

.subtitle-black {
  color: black;
  font: 16px arial, sans-serif;
  font-weight: 700;
}

.subtitle-white {
  color: white;
  font: 16px arial, sans-serif;
  font-weight: 700;
}

.info-white {
  color: white;
 font-family: Arial;
  font-size: 14px;
  text-align: left;
  font-weight: 800;
}

.info-black {
  color: black;
 font-family: Arial;
  font-size: 14px;
  text-align: left;
  font-weight: 800;
}

.disclaimer {
  color: black;
  font: 12px arial, sans-serif;
  font-weight: 700;
}

.mini-black {
  color: black;
  font: 12px arial, sans-serif;
  font-weight: 500;
}

.navbar-white {
  color: white;
  font: 14px arial, sans-serif;
  font-weight: 800;
}

ol.alpha {
  line-height: .2em;
  color: black;
  font: medium arial, sans-serif;
  font-weight: 700;
}

ul.neat {

  color: black;
  font: 14 arial, sans-serif;
  font-weight: 600;
  text-indent: 10px;
  text-style-position: outside;
   list-style-type: square;
   padding: 5px; 
   margin: 2px;
}