html, body {
  font-family:  Verdana, sans-serif;
  color: #0C2985;
  color: #222;
  font-size: 9pt;
  line-height: 10pt;
  background-color: #ececec;
  height: 90%;
  padding: 0;
  background-image: url('/images/BackgroundFade.jpg');
  background-repeat: repeat-x;
  background-position: top left;
}

a {
  color: #009;
}

img {
  border: 0;
}

.navlist li {
  list-style-type: square;
  padding: 5px;
}

div#holder {
  position: absolute;
  top: 7%;
  left: 13%;
  padding: 0;
  width: 80%;
  height: 100%;
}

div#signupholder {
  position: absolute;
  top: 7%;
  left: 16.6%;
  padding: 0;
  width: 66.6%;
  height: 100%;
}

div#box0 {
  background-image: url('/images/TopRight.gif');
  background-repeat: no-repeat;
  background-position: top right;
  padding: 0 24px 0 0;
  width: 93%;
  height: 25px;
}

div#box1 {
  position: relative;
  background-image: url('/images/TopLeft.gif');
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0 0 0 24px;
  height: 25px;
}

div#box2 {
  position: relative;
  width: 100%;
  background-image: url('/images/TopMiddle.gif');
  background-repeat: repeat-x;
  background-position: top left;
  margin: 0;
  text-align: right;
  height: 25px;
  padding: 0;
  width: 100%;
}

div#box3 {
  background-color: #0ff;
  background-image: url('/images/MiddleRight.gif');
  background-repeat: repeat-y;
  background-position: top right;
  padding: 0 24px 0 0;
  width: 93%;
}

div#box4 {
  position: relative;
  background-color: #fff;
  padding: 0 0 0 26px;
  height: 100%;
}

div#box5 {
  position: relative;
  background-color: #fff;
  width: 100%;
  margin: 0;
  height: 90%;
  padding: 0;
  
}

div#box6 {
  background-image: url('/images/LowerRight.gif');
  background-repeat: no-repeat;
  background-position: top right;
  padding: 0 24px 0 0;
  width: 93%;
  height: 24px;
}

div#box7 {
  position: relative;
  background-image: url('/images/LowerLeft.gif');
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0 0 0 26px;
  height: 24px;
}

div#box8 {
  position: relative;
  width: 100%;
  background-image: url('/images/LowerMiddle.gif');
  background-repeat: repeat-x;
  background-position: top left;
  margin: 0;
  text-align: right;
  height: 24px;
  padding: 0;
  width: 100%;
}


div#leftcontent {
  float: left;
  background-color: #fff;
  width: 65%;
}

div#logwrap {
  position: absolute;
  top: 8%;
  right: 0;
  background-color: transparent;
  width: 33%;
  float: right;
}

div#log0 {
  background-image: url('/images/ur.jpg');
  background-repeat: no-repeat;
  background-position: top right;
  padding: 0 15px 0 0;
  width: 90%;
  height: 20px;
}

div#log1 {
  position: relative;
  background-image: url('/images/ul.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0 0 0 15px;
  height: 20px;
}

div#log2 {
  position: relative;
  width: 100%;
  background-image: url('/images/upper.jpg');
  background-repeat: repeat-x;
  background-position: top left;
  margin: 0;
  text-align: right;
  height: 20px;
  padding: 0;
  width: 100%;
}

div#log3 {
  background-color: #3abbe2;
  background-image: url('/images/right.jpg');
  background-repeat: repeat-y;
  background-position: top right;
  padding: 0 15px 0 0;
  width: 90%;
  height: 75%;
}

div#log4 {
  position: relative;
  background-image: url('/images/left.jpg');
  background-repeat: repeat-y;
  background-position: top left;
  padding: 0 0 0 15px;
  background-color: #3abbe2;
  height: 100%;
}

div#log5 {
  position: relative;
  background-color: #3abbe2;
  width: 100%;
  margin: 0;
  text-align: right;
  height: 90%;
  padding: 0;
  width: 100%;
  text-align: right;
}

div#log6 {
  background-color: #3abbe2;
  background-image: url('/images/lor.jpg');
  background-repeat: no-repeat;
  background-position: top right;
  padding: 0 15px 0 0;
  width: 90%;
  height: 20px;
}

div#log7 {
  background-color: #3abbe2;
  position: relative;
  background-image: url('/images/lol.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0 0 0 15px;
  height: 20px;
}

div#log8 {
  position: relative;
  width: 100%;
  background-color: #3abbe2;
  background-image: url('/images/lower.jpg');
  background-repeat: repeat-x;
  background-position: top left;
  margin: 0;
  text-align: right;
  height: 20px;
  padding: 0;
  width: 100%;
}

.login {
  font-size: 8pt;
  background: #3abbe2;
  color: #009;
  padding: 0;

}

.signupinput {
  border: solid 1px #3abbe2;
  font-size: 8pt;
}

div#signupImg {
  background-color: #fff;
  width: 80%;
  text-align: center;
  height: 45px;
  padding: 15px 0 0 0;
}

div#learnImg {
  background-color: #fff;
  width: 100%;
  text-align: center;
}

div#signupImgLearn {
  background-color: #fff;
  width: 25%;
  text-align: center;
  padding-left: 10px;
}

.LogoImg {
  background-color: #fff;
  width: 70px;
  float: left;
}

.LogoText {
  text-align: left;
  font-family: Arial;
  font-size: 13pt;
  height: 20px;
  padding: 30px 0 20px 0px;
  font-weight: bold;
  color: #ff4500;
}

div#footer {
  font-size: 8pt;
  color: #009;
  text-align: center;
  width:100%;
  padding: 24px 0 0 0;
}

.breakText {
  background-color: #fff;
  width: 120px;
  height: 120px;
}

.signupinput {
  border: solid 1px #3abbe2;
  margin-left: 5px;
  font-size: 1em;
  background-color: #eee;
  color: #000;
}

.newtabledata {
  font-size: 1em;
  text-align: left;
  background: #fff;
  color: #009;
  padding-bottom: 3px;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}


.newtabledata a:hover {
  color: #44f;
  margin: 0;
  padding: 0;
}

.signupBox {
  width:45%;
  text-align: right;
  float: left;
}