.button {
  background-color:#000033;
  font-family: ariel, verdana;
  color:#99CCFF;
}

.button2 {
  background-color:#000033;
  font-family: ariel, verdana;
  color:#99CCFF;
  width: 100%;
}


.button1 {
 background-color:#009900;
 font-family: ariel, verdana;
 color:#FFFFFF;
 width: 100%;
}

.button3 {
 background-color:#009900;
 font-family: ariel, verdana;
 color:#FFFFFF;

}

.clear { 
 clear: both;
}

.rtext {
 width: 100%;
}

.stext {
 width: 80%;
}

ul {
  align: left;
}

h1 {
  font-size:22px;
}

img.floatLeft {
  float: left; 
  margin: 4px;
} 

img.floatRight { 
  float: right; 
  margin: 50px;
} 

img.floatRightClear {
  float: right; 
  clear: right;
  margin: 4px;
} 

table {
  font-size:12px;
  color: #000066;
}






/***** Page Sections ******/

#page {
  width: 100%;
  background-color: #EEEEEE;
}

#topbar {
 background-image:url(images/menubar.png);
 font-family: ariel, verdana;
 font-size: 0.8em;
 color:#99CCFF;
 padding:4px;
}

#wrapper {
 width:90%;
 align:center;
 background-color: #FFFFFF;
 padding: 3px;
 color:#000066;
}

#leftside {
 float: left;
 width: 15%;
 font-family: ariel, verdana;
 background-color:#FFFFFF;
}

#leftbar {
 float: left;
 width: 100%;
 border: 1px black solid;
 padding: 10px;
 font-family: ariel, verdana;
 background-color:#d3dfe7;
}

#rightbar {
 float: right;
 width: 20%;
 height: 50%;
 border: 1px black solid;
 padding: 10px;
 font-family: ariel, verdana;
 font-size: 0.8em;
}

#centerdoc {
 float: left;
 width: 50%;
 padding-left: 80px;
 padding-right: 30px;
 font-family: ariel, verdana;
 font-size: 0.8em;
 color: #000066;
}

#footer {
 background-image:url(images/menubar.png);
 position:absolute; 
 z-index:-100; 
 bottom: 1px;
 font-size: 0.7em;
 color:#99CCFF;
 padding:4px;
 right: 1px;
 left: 1px;
 width: 100%;
 align: center;
 font-family: ariel, verdana;
}

#footers {
 background-image:url(images/menubar.png);
 bottom: 1px;
 font-size: 0.7em;
 color:#99CCFF;
 padding:4px;
 right: 1px;
 left: 1px;
 width: 99.5%;
 font-family: ariel, verdana;
}

/****** Classes ******/
.sresh {
 background-color:#000033;
 border: 1px #99CCFF solid;
 font-size: 1em;
 color:#99CCFF;
 padding: 10px;
 font-family: ariel, verdana;
}

.sres {
 border: 1px black solid;
 font-size: 1em;
 color:#000033;
 padding: 5px;
 width: 80%;
 font-family: ariel, verdana;
}

.pdres {
 border: 1px black solid;
 font-size: 1em;
 color:#000033;
 padding: 5px;

}

.pdres1 {
 border: 1px black solid;
 background-color: #455c85;
 font-size: 1em;
 color:#000033;
 padding: 5px;
 font-family: ariel, verdana;

}

.pdresh {
 background-color:#000033;
 border: 1px #99CCFF solid;
 font-size: 1em;
 color:#99CCFF;
 padding: 5px;
 width: 90%;
 font-family: ariel, verdana;
}

.pdresih {
 background-color:#455c85;
 border: 1px #99CCFF solid;
 font-size: 1em;
 color:#99CCFF;
 padding: 5px;
 width: 40%;
 font-family: ariel, verdana;
}

/******* Links *******/

a:link {
 color:#99CCFF;
}

a:visited {
  color: #FFCC00;
}
a:hover {
 text-decoration: none;
 color: green;
} 
a:active {
 color: #CC0000;
 text-decoration: none;
} 

.alight:link {
 color:#009900;
}

.alight:visited {
  color: #FFCC00;
}
.alight:hover {
 text-decoration: none;
 color: green;
} 
.alight:active {
 color: #CC0000;
 text-decoration: none;
} 

.amini:link {
 color:#009900;
 font-size: 0.5em;

}

.amini:visited {
  color: #FFCC00;
 font-size: 0.5em;

}
.amini:hover {
 text-decoration: none;
 color: green;
 font-size: 0.5em;

} 
.amini:active {
 color: #CC0000;
 text-decoration: none;
 font-size: 0.5em;
} 

.aform:link {
 color:#000066;
 font-size: 0.9em;

}

.aform:visited {
  color: #800000;
 font-size: 0.9em;

}
.aform:hover {
 text-decoration: none;
 color: green;
 font-size: 0.9em;

} 
.aform:active {
 color: #CC0000;
 text-decoration: none;
 font-size: 0.9em;
} 

a:hover span {
   display: block;
   position: relative; 
   top: -10px; 
   left: 0px; 
   width: 125px;
   padding: 5px; 
   margin: 10px;
   border:1px solid red; 
   z-index: 100;
   color: ##000033; 
   background: white;
   font: 10px Verdana, sans-serif; 
   text-align: center;
}