body {
margin:0;
padding: 0;
background-color:#99ccff;
background-image:url('images/waterfll.jpg');
background-size: 100%;
font-size:100%;
width: 100%;
height: 100%;
}

input {
width: 12em;
height:1.5em;
font: italic 1.25em times;
background-image:url('images/sky.jpg');
color:#ffffff;
outline:gray outset 2px;
}

input.ANavBar {
width: 20em;
height: 1.5em;
color: #fcfcff;
outline:gray outset 2px;
background-image:url('images/drclouds.jpg');
}


.darkBack {
color: #fcfcff;
outline:gray outset 2px;
background-image:url('images/drclouds.jpg');
}

.lightBack {
background-image:url('images/sky.jpg');
color:#ffffff;
outline:gray outset 2px;
}

.headerCell {
height: 5em;
width: 95%;
text-align:center;
vertical-align: middle;
background-image:url('images/clouds.jpg');
}

.header {
left:25%;
right:25%;
}
.althead {
left:25%;
right:25%;
}
.headback {
left:25%;
right:25%;
}

div.NavBar {
top:6em;
text-align:center;
width:98%;
}
div.ANavBar {
top:6em;
text-align:center;
width:98%;
}

div.show {
height:2em;
}

.titleImg {
height: 4em;
}
.leftImg {
margin: 0 25px;
float: left;
}
.rightImg {
margin: 0 25px;
float: right;
}
td.lesson {
border:0px;
padding: .5em;
width:35%;
}

input.NavBar:hover {
color:#000099;
outline:black outset 2px;
background-image:url('images/clouds.jpg');
}

input.sel {
color: #000033;
background-image:url('images/clouds.jpg');
outline:gray outset 2px;
}

input.ANavBar:hover {
color:#000099;
outline:black outset 2px;
background-image:url('images/clouds.jpg');
}

div.button {
background-image:url('images/sky.jpg');
color:#ffffff;
outline:gray outset 2px;
display:inline;
font: italic 1.25em times;
}

div.button:hover {
color:#000099;
outline:black outset 2px;
background-image:url('images/clouds.jpg');
}

div.sbutton {
color: #000033;
background-image:url('images/clouds.jpg');
outline:gray outset 2px;
display:inline;
font: italic 1.25em times;
}
div.abutton {
color: #fcfcff;
outline:gray outset 2px;
background-image:url('images/drclouds.jpg');
display:inline;
font: italic 1.25em times;
}
div.abutton:hover {
color:#000099;
outline:black outset 2px;
background-image:url('images/clouds.jpg');
}
a:link {color:#006699;} 
a:visited {color:#0099cc;} 
a:active {color:#0000FF; font-weight:bold;}

table.maintbl {
border:0px;
padding:0px;
margin-top: 0px;
width: 100%;
}

table.contnt {
border:0px;
padding:5px;
margin-left: auto;
margin-right: auto;
width: 90%;
height: 75%;
text-align: center;
}
.title {
background-image:url('images/clouds.jpg');
position:relative;
top:0px;
z-index:2;
height: 3em;
}
.header {
color:#000033;
font: bold italic 1.25em "Calligraph421 BT";
position:absolute;
z-index:2;
text-align: center;
}
.althead {
color:#000033;
opacity:0;
font: bold italic 1.25em "Calligraph421 BT";
position:absolute;
z-index:0;
text-align: center;
}
.headback {
color:#000033;
background-image:url('images/wood.jpg');
font: bold italic 1.25em "Calligraph421 BT";
position:absolute;
z-index:1;
text-align: center;
}

h1 {
color:#000033;
font: italic 2.5em "Calligraph421 BT";
display:inline;
}

div.NavBar {
font: italic 1em times;
position: absolute;
z-index:0;
opacity:0;
}

div.ANavBar {
font: italic 1em times;
position: absolute;
z-index:-1;
opacity:0;
}

td {
color:#003333;
font: bold italic 1em Arial, Helvetica, sans-serif;
}
td.mainset
{
background-image:url('images/paper1.jpg');
width:90%;
height:40%;
text-align:center;
padding: 1em;
margin: 0 auto;
}

h2 {
text-align:center;
color:#ffffff;
font: bold italic 2em times;
}
.subhd {
margin: 1em auto;
width: 85%; 
color:#333333;
font: italic 1.5em times;
text-align:center;
}
p {
color:#000000;
font: italic 1em "Calligraph421 BT";
}
p.main {
display:block;
text-align:left;
width: 85%;
margin: 0 auto;
}

.cover
{
position:relative;
top:0px;
z-index:4;

}
.members {
padding = .5em;
width: 35%;
height: 100%;
vertical-align: top;
}
.coverImg {
height: 7em;
}
.quoteImg {
height: 12em;
}
.wrn {
color:#000033;
font: bold italic 1.5em times;
width: 100%;
text-align:center;
}
.centered {
margin: 0 auto;
}
.cpy {
color:#000099;
font: italic .5em courier;
}

.strss {
font: italic 24px "Calligraph421 BT";
}
.link {
font: italic 1.1em "Calligraph421 BT"
}
.show {
font: italic 1.1em "Calligraph421 BT";
}
td.cntr {
width: 28%;
}
.lssn {
color:#000000;
font:bold 1em courier;
}
span.lssn:hover {
text-decoration: underline;
}

div.quote {
font: italic 15px times;
margin:20px 15px 0px;
}

p.shd {
text-decoration: underline;
font: bold italic 1.5em times;
}

p.list {
color:#000000;
font: bold 1em courier;
}

.forum {
color:#006699;
font: bold italic 1em times;
}
.game {
color:#003366;
font: bold 1em courier;
}
.master {
color:#000033;
font: bold italic 1.1em Georgia, serif;
}

div.quotel {
width:150px;
height:120px;
text-align:center;
position:absolute;
z-index:3;
background-image:url('images/prchmnt.gif');
}
div.quoter {
width:150px;
height:120px;
text-align:center;
position:absolute;
z-index:3;
background-image:url('images/prchmnt.gif');
}
td.battle {
background-image:url('images/wood.jpg');
text-align: center;
width: 100%;
}
table.battle {
margin: 0 auto;

}
td.animate {
background-color:#000000;
}
.bottomCell {
    width: 60%;
    text-align: center;
}
.fight {
position:relative;
top:0px;
left:0px;
background-color:#000000;
display:inline;
text-align:center;
}
td.ftitle {
text-align: center;
color: #ffffff;
}
.invis {
visibility:collapse;
}
.progressbar {
      background-color: green;
      display: inline-block;
      text-align:center;
      border-radius: 5px;
      width: 25px;
      height: 5px;
      padding: 0px;
  }
.innerbar {
      background-color: red;
      width: 0;
      height: 5px;
      border-radius: 5px;
  }
  .mimg {
      height: 55px;
      width: 35px;
  }