body {
  font-family: "verdana";
  font-size: 12px;
  color: #666699;
  text-align: center;
  background-image: url('./images/outerbg.png');
  background-repeat: repeat-x;
}

#page {
  position: relative;
  top: 0px;
  left: 0px;
  text-align: left;
  width: 900px;
  height: 640px;
  margin: auto;
  overflow: hidden;
}

#main {
  position: relative;
  width: 880px;
  height: 620px;
  top: 10px;
  left: 10px;
  z-index: 1;
}

#upperatmosphereouter {
  position: relative;
  top: 0px;
  left: 0px;
  width: 880px;
  height: 650px;
  background-image: url('./images/mainbgtest.png');
  background-repeat: no-repeat;
  background-position: 0px 50px; 
}

#upperatmosphereinner {
  position: relative;
  top: 0px;
  left: 0px;
  width: 880px;
  height: 650px;
  background-image: url('./images/mainbginner.png');
  background-repeat: no-repeat;
  background-position: 0px 50px; 
}

#cloudone {
  position: relative;
  left: 450px;
  top: 50px;
  width: 201px;
  height: 70px;
  margin: 0px;
  padding: 0px;
  background-image: url('./images/cloudonehover.png');
  background-repeat: no-repeat;
}

#cloudone span
{
  position: absolute;
  z-index: 1;
  left: 60px;
  top: 30px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

#cloudtwo {
  position: relative;
  left: 90px;
  top: 90px;
  width: 281px;
  height: 68px;
  background-image: url('./images/cloudtwohover.png');
  background-repeat: no-repeat;
}

#cloudtwo span
{
  position: absolute;
  z-index: 1;
  left: 45px;
  top: 30px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

#cloudthree {
  position: relative;
  left: 370px;
  top: 120px;
  width: 190px;
  height: 75px;
  background-image: url('./images/cloudthreehover.png');
  background-repeat: no-repeat;
}

#cloudthree span
{
  position: absolute;
  z-index: 1;
  left: 52px;
  top: 30px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

#cloudfour {
  position: relative;
  left: 600px;
  top: 120px;
  width: 220px;
  height: 73px;
  z-index: 2;
  background-image: url('./images/cloudfourhover.png');
  background-repeat: no-repeat;
}

#cloudfour span
{
  position: absolute;
  z-index: 1;
  left: 65px;
  top: 30px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

#innercloudone {
  position: relative;
  left: 100px;
  top: 5px;
  width: 201px;
  height: 70px;
  margin: 0px;
  padding: 0px;
  background-image: url('./images/innercloudonehover.png');
  background-repeat: no-repeat;
}

#innercloudone span
{
  position: absolute;
  z-index: 1;
  left: 45px;
  top: 25px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

#innercloudtwo {
  position: relative;
  left: 270px;
  top: -65px;
  width: 281px;
  height: 68px;
  background-image: url('./images/innercloudtwohover.png');
  background-repeat: no-repeat;
}

#innercloudtwo span
{
  position: absolute;
  z-index: 1;
  left: 20px;
  top: 25px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

#innercloudthree {
  position: relative;
  left: 430px;
  top: -138px;
  width: 190px;
  height: 75px;
  background-image: url('./images/innercloudthreehover.png');
  background-repeat: no-repeat;
}

#innercloudthree span
{
  position: absolute;
  z-index: 1;
  left: 23px;
  top: 30px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

#innercloudfour {
  position: relative;
  left: 585px;
  top: -212px;
  width: 220px;
  height: 73px;
  z-index: 2;
  background-image: url('./images/innercloudfourhover.png');
  background-repeat: no-repeat;
}

#innercloudfour span
{
  position: absolute;
  z-index: 1;
  left: 45px;
  top: 28px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

.cloudnav {
  display: block;
}

.cloudnav img {
  display: block;
  position: relative;
  z-index: 1;
}

.cloudnav a {
  font-size: 20px;
  font-weight: bold;
}
  
.cloudnav a:hover img
{
  visibility: hidden;
}

#innercontent {
  position: relative;
  left: 80px;
  top: -487px;
  width: 676px;
  height: 398px;
  z-index: 1;
  background-image: url('./images/innercontentdisplay.png');
  background-position: 80px 0px;
  background-repeat: no-repeat;
  overflow: hidden;
}

#topthumbs {
  position: relative;
  left: 120px;
  top: 20px;
  width: 420px;
  height: 150px;
}

#topleftinfo {
  position: absolute;
  left: 125px;
  top: 180px;
  width: 420px;
  height: 25px;
  font-size: 10px;
}

#bottomleftinfo {
  position: absolute;
  left: 125px;
  top: 365px;
  width: 420px;
  height: 25px;
  font-size: 10px;
}

#toprightinfo {
  position: absolute;
  left: 360px;
  top: 180px;
  width: 420px;
  height: 25px;
  font-size: 10px;
}

#bottomrightinfo {
  position: absolute;
  left: 360px;
  top: 365px;
  width: 420px;
  height: 25px;
  font-size: 10px;
}

#bottomthumbs{
  position: relative;
  left: 120px;
  top: 50px;
  width: 420px;
  height: 150px;
}

#thumbone {
  position: relative;
  left: 0px;
  top: 0px;
  width: 200px;
  height: 150px;
  border-style: solid;
  border-width: 2px;
  border-color: #666699;
  float: left;
}

#thumbtwo {
  position: relative;
  left: 30px;
  top: 0px;
  width: 200px;
  height: 150px;
  border-style: solid;
  border-width: 2px;
  border-color: #666699;
  float: left;
}

#thumbthree {
  position: relative;
  left: 0px;
  top: 0px;
  width: 200px;
  height: 150px;
  border-style: solid;
  border-width: 2px;
  border-color: #666699;
  float: left;
}

#thumbfour {
  position: relative;
  left: 30px;
  top: 0px;
  width: 200px;
  height: 150px;
  border-style: solid;
  border-width: 2px;
  border-color: #666699;
  float: left;
}

#writtenword {
  position: relative;
  left: 120px;
  top: 40px;
  width: 420px;
  height: 400px;
  overflow: hidden;
}

#currentpage {
  position: relative;
  left: 35px;
  top: 10px;
}

#balloonlogo {
  position: relative;
  left: 12px;
  top: 0px;
  width: 150px;
  height: 248px;
  background-image: url('./images/balloonhover.png');
  background-repeat: no-repeat;
  z-index: 3;
}

#bottomcloud {
  position: relative;
  left: 0px;
  top: -200px;
  width: 880px;
  height: 122px;
  z-index: 4;
  color: #666699;
  font-size: 10px;
  background-image: url('./images/cloudbottom.png');
  background-repeat: no-repeat;
  float: left;
}

#bottomlinks {
  text-align: center;
  position: relative;
  top: 80px;
  width: 880px;
}

#bottomlinks a:hover { color: #90adc8; }

* html a:hover {
  visibility: visible;
}

#resumedisplay {
  position: absolute;
  z-index: 4;
  height: 200px;
  width: 125px;
  left: 510px;
  top: 65px;
  padding-top: 10px;
  text-align: center;
  background-image: url('./images/resumedisplaybg.png');
  background-repeat: no-repeat;
}

#resumedisplay a { display: block; font-size: 14px; margin-top: 5px; }

A:link { color: #0869d5; text-decoration: none; font-family: "verdana"; }
A:visited { color: #0869d5; text-decoration: none; font-family: "verdana"; }
A:active { color: #90adc8; text-decoration: none; font-family: "verdana"; }
A:hover { color: #f7fcff; font-family: "verdana"; }
h1 { color: #cccccc; font-size: large; text-transform: uppercase; letter-spacing: 0px; font-family: "verdana", sans-serif; }
h2 { color: #086ad7; font-size: 16px; text-transform: uppercase; letter-spacing: 0px; line-height: 2px; font-family: "verdana", sans-serif; }
p { text-indent: 25px; text-align: left;}
.emphasis { text-transform: uppercase; font-size: 10px; font-weight: bold; }
.note { font-size: 10px; font-weight: bold; }