body {
    margin: 0;
    padding: 0;
    background-image: url('../img/bkgrnd.jpg');
    background-repeat: no-repeat;
    background-repeat: repeat-x;
    background-color: #FFF1B0;
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
}


div.container{
    margin: 0;
    padding: 0;
    top: 5px;
    height: 795px;
    position: relative;
}

img {
    margin: 0;
    padding: 0;
    border: none;
}

div.row1 {
  width: 835px;
  height: 137px;
  background-image: url('../img/top-bkgrnd.jpg');
  margin: 0 auto;
  padding: 0;
  position: relative;
}

div.promo_row1 {
  width: 835px;
  height: 137px;
  background-image: url('../img/top-bkgrnd.jpg');
  margin: 0 auto;
  padding: 0;
  position: relative;
  left: -20px;
}

div.row2 {
  clear: both;
  width: 840px;
  height: 660px;
  background-image: url('../img/body-bkgrnd.gif');
  background-repeat: no-repeat;
  position: relative;
  padding: 0;
  margin: 20px auto 0 auto;
}

div.row2_promo {
  clear: both;
  width: 840px;
  height: 660px;
  background-image: url('../img/promo-bkgrnd.gif');
  position: relative;
  padding: 0;
  margin: 20px auto 0 auto;
}

div.row2_container{
  width: 820px;
  height: 640px;
  background-image: url('../img/promo-bkgrnd.gif');
  position: relative;
  padding: 0;
  left: 10px;
  top: 10px;
  background-color: white;
}

iframe{
  background-color: white;
  border-color: white;
}


div.row3{
   clear: both;
   position: relative;
   width: 840px;
   padding: 0;
   margin: 0 auto;
   top: 7px;
}

div.column1 {
  width: 262px;
  float: left;
  padding: 0;
  margin: 0;
  height: auto;
  height: 545px;
}


div.column2 {
  width: 578px;
  float: left;
  padding: 0;
  margin: 0;
}

div.leftBkgrnd {
  position: relative;
  top: 12px;
  margin: 0 auto;
  width: 236px;
  height: 104px;
  background-image: url('../img/left-bkgrnd.jpg');
  padding: 0;
}

div.cntrBkgrnd {
  margin: 0 auto;
  position: relative;
  top: 12px;
  width: 534px;
  height: 68px;
  background-image: url('../img/cntr-bkgrnd.jpg');
  background-repeat: no-repeat;
  padding: 0;
}


div.smart{
  width: 151px;
  height: 153px;
  background-image: url('../img/smart.gif');
  position: relative;
  z-index: 2;
  left: 14px;
  top: 71px; /* 11 */
  padding: 0;
  margin: 0;
}

div.high{
  width: 151px;
  height: 153px;
  background-image: url('../img/high.gif');
  float: right;
  top: 46px; /* -14 */
  position: relative;
  z-index: 2;
  left: 89px;
  padding: 0;
  margin: 0;
}

div.prove{
  width: 151px;
  height: 153px;
  background-image: url('../img/prove.gif');
  top: 22px; /* -38 */
  position: relative;
  left: 15px;
  padding: 0;
  margin: 0;
  float: left;
}

div.head{
  top: 20px;
  width: 94px;
  height: 122px;
  background-image: url('../img/head.gif');
  top: -58px; /* -118 */
  left: -23px;
  position: relative;
  float: right;
  z-index: 1;
  padding: 0;
  margin: 0;
}

div.beat{
  position: relative;
  float: left;
  top: 15px;
  left: 15px;
  width: 125px;
  color: white;
  font-weight: bold;
  font-size: 14pt;
  line-height: 1.25;
  font-family: Georgia, serif;
  padding: 0;
  margin: 0;
}

div.score{
  position: relative;
  top: 28px;
  right: 18px;
  float: right;
  color: #FFEE5E;
  font-size: 32pt;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

div.title{
  position: relative;
  top: 40px;
  left: 167px;
  width: 309px;
  height: 47px;
  background-image: url('../img/title.jpg');
  padding: 0;
  margin: 0;
}


div.tag{
  clear: both;
  position: relative;
  top: 38px;
  left: 167px;
  color: white;
  font-size: 14pt;
  font-family: Arial, Helvetica, sans-serif;
  clear: both;
  padding: 0;
  margin: 0;
}

div.chk{
  top: 8px;
  left: 100px;
  background-image: url('../img/chk.jpg');
  width: 59px;
  height: 49px;
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
}
div.centerTitle{
  top: 18px;
  margin: 0;
  left: 120px;
  color: white;
  font-size: 18pt;
  font-family: Arial, Helvetica, sans-serif;
  float: left;
  font-weight: bold;
  position: relative;
  padding: 0;
}

div.inputFld{
   top: 40px; /* 10 */
   left: 40px;
   position: relative;
   padding: 0;
   margin: 0;
}

div.bInputFld{
   top: 32px; /* 10 */
   left: 40px;
   position: relative;
   padding: 0;
   margin: 0;
}

div.genderTxt{
   position: relative;
   float: left;
   width: 220px;
   color: #1b4a6f;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14pt;
   font-weight: bold;
   padding: 0;
   margin: 0;
}
div.birthDateTxt{
   position: relative;
   float: left;
   width: 220px;
   color: #1b4a6f;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14pt;
   font-weight: bold;
   padding: 0;
   margin: 0;
}
div.nameTxt{
   position: relative;
   float: left;
   width: 220px;
   color: #1b4a6f;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14pt;
   font-weight: bold;
   padding: 0;
   margin: 0;
}
div.emailTxt{
   position: relative;
   float: left;
   width: 220px;
   font-size: 14pt;
   color: #1b4a6f;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   padding: 0;
   margin: 0;
}

div.male {
  background-image: url('../img/male.gif');
  width: 31px;
  height: 29px;
  left: 8px;
  top: -5px;
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
}

div.female {
  background-image: url('../img/female.gif');
  width: 29px;
  height: 28px;
  left: 26px;
  top: -5px;
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
}

input.txt {
  position: relative;
  float: left;
  width: 250px;
  padding: 0;
  margin: 0;
}

select.month {
  position: relative;
  float: left;
  width: 118px;
  padding: 0;
  margin: 0;
}

select.day {
  position: relative;
  float: left;
  width: 70px;
  padding: 0;
  margin: 0;
}

select.year {
  position: relative;
  float: left;
  width: 70px;
  padding: 0;
  margin: 0;
}

input.rdo {
  position: relative;
  float: left;
  top: 5px;
  left: 10px;
  padding: 0;
  margin: 0;
}

input.frdo {
  position: relative;
  float: left;
  top: 5px;
  left: 28px;
  padding: 0;
  margin: 0;
}

div.txtBkgrnd {
  margin: 0 auto;
  position: relative;
  width: 500px;
  height: 58px;
  background-image: url('../img/txt-bkgrnd.gif');
  clear: both;
  top: 55px; /* 10 */
  padding: 0;
}

a.mark{
  float: left;
  position: relative;
  left: 8px;
  top: 11px;
  width: 14px;
  height: 14px;
  padding: 0;
  margin: 0;
  text-decoration: none;
}

div.txt18{
   position: relative;
   float: left;
   top: 10px;
   left: 12px;
   font-size: 9pt;
   width: 460px;
   line-height: 1.5;
   font-family: Arial, Helvetica, sans-serif;
   padding: 0;
   margin: 0;
}

div.testLbl{
   margin: 0 auto;
   position: relative;
   width: 295px;
   top: 90px;    /* 30 */
   color: #1b4a6f;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18pt;
   font-weight: bold;
   padding: 0;
}

a.btn, a.btn:visited, a.btn:active{
  float: left;
  position: relative;
  width: 162px;
  height: 33px;
  background-image: url('../img/nrm-btn.jpg');
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
  color: black;
  cursor: hand;
  text-decoration: none;
}

a.btn:hover{
  position: relative;
  width: 162px;
  height: 33px;
  background-image: url('../img/en-btn.jpg');
  background-repeat: no-repeat;
  padding: 0;
  margin: 0 auto;
  color: white;
  cursor: hand;
  text-decoration: none;
}

a.abtn, a.abtn:visited, a.abtn:active{
  position: absolute;
  width: 162px;
  height: 33px;
  background-image: url('../img/nrm-btn.jpg');
  background-repeat: no-repeat;
  margin: 0 auto;
  padding: 0;
  color: black;
  cursor: hand;
  text-decoration: none;
}

a.abtn:hover{
  position: absolute;
  width: 162px;
  height: 33px;
  background-image: url('../img/en-btn.jpg');
  background-repeat: no-repeat;
  margin: 0 auto;
  padding: 0;
  color: white;
  cursor: hand;
  text-decoration: none;
}

a.lbtn, a.lbtn:visited, a.lbtn:active{
  position: absolute;
  width: 324px;
  height: 33px;
  background-image: url('../img/nrm-lbtn.jpg');
  background-repeat: no-repeat;
  margin: 0 auto;
  padding: 0;
  color: black;
  cursor: hand;
  text-decoration: none;
}

a.lbtn:hover{
  position: absolute;
  width: 324px;
  height: 33px;
  background-image: url('../img/en-lbtn.jpg');
  background-repeat: no-repeat;
  margin: 0 auto;
  padding: 0;
  color: white;
  cursor: hand;
  text-decoration: none;
}

div.buttons{
   clear: both;
   margin: 0 auto;
   position: relative;
   top: 105px; /* 45 */
   width: 324px;
   padding: 0;
}

div.lbutton{
  clear: both;
  position: relative;
  top: 20px;
  margin: 0 auto;
  width: 324px;
  padding: 0;
}


div.btnTxt{
  margin: 0 auto;
  top: 8px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  width: 101px;
  font-weight: bold;
  padding: 0;
}

div.lBtnTxt{
  margin: 0 auto;
  top: 8px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  width: 111px;
  font-weight: bold;
  padding: 0;
}

div.aBtnTxt{
  margin: 0 auto;
  top: 8px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  width: 111px;
  font-weight: bold;
  padding: 0;
}

div.tBtnTxt{
  margin: 0 auto;
  top: 8px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  width: 143px;
  font-weight: bold;
  padding: 0;
}

div.rBtnTxt{
  margin: 0 auto;
  top: 8px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  width: 153px;
  font-weight: bold;
  padding: 0;
}

div.fBtnTxt{
  margin: 0 auto;
  top: 8px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  width: 85px;
  font-weight: bold;
  padding: 0;
}

div.sBtnTxt{
  margin: 0 auto;
  top: 8px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  width: 188px;
  font-weight: bold;
  padding: 0;
}

div.longBtnTxt{
  margin: 0 auto;
  top: 8px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  width: 285px;
  height: 33px;
  font-weight: bold;
  padding: 0;
}

ul{
  margin: 0 auto;
  width: 725px;
  display: relative;
  padding: 0;
  z-index: 2;
}

ul li {
  margin: 0 0 0 12px;
  display: relative;
  float: left;
  padding: 0;
  list-style: none;
  color: #1b4a6f;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
}

ul li a, ul li a:hover, ul li a:active, ul li a:visited{
  text-decoration: underline;
  padding: 0;
  margin: 0;
  color: #1b4a6f;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
}

ol li{
   padding-bottom: 10px;
}

div.articles {
  margin: 0 auto;
  width: 518px;
  position: relative;
  top: 30px;
  left: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
}

h3{
  text-decoration: underline;
}

div.article {
  margin: 0 auto;
  width: 518px;
  position: relative;
  top: 25px;
  left: 10px;
  height: 535px;
  overflow: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
}

div.instructions {
  margin: 0 auto;
  width: 518px;
  position: relative;
  top: 20px;
  display: none;
}

div.promoInstructions {
  margin: 0 auto;
  width: 518px;
  position: relative;
  top: 20px;
  display: none;
}

div.results {
  margin: 0 auto;
  width: 518px;
  position: relative;
  top: 20px;
  display: none;
}

div.failed {
  margin: 0 auto;
  width: 518px;
  position: relative;
  top: 20px;
  display: none;
}

div.lastStep {
  margin: 0 auto;
  width: 518px;
  position: relative;
  top: 20px;
  display: none;
}

div.instrTxt{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
}

div.promoArea{
  position: relative;
  margin: 0 auto;
  width: 468px;
  top: 15px;
  padding: 0px;
}

img.promoImg{
  display: relative;
  padding: 0px;
  margin: 0px;
  cursor: hand;
  top: 20px;
}

form{
  display: relative;
  width: 468px;
  height: 80px;
  padding: 0px;
  margin: 0px;
}

div.button{
  clear: both;
  position: relative;
  top: 20px;
  margin: 0 auto;
  width: 155px;
}


div.instrBtnTxt{
  margin: 0 auto;
  top: 8px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  width: 111px;
  font-weight: bold;
  padding: 0;
}
div.inputForm{
   display: none;
}

div.test{
  margin: 0 auto;
  width: 518px;
  position: relative;
  top: 15px;
  display: none;
}

div.promos{
  margin: 0 auto;
  width: 518px;
  position: relative;
  top: 15px;
  display: none;
}

div.testSubArea{
  width: 518px;
  position: relative;
/*  height: 283px; */
}

div.errMsg{
  position: relative;
  top: 10px;
  height: 20px;
  width: 518px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: red;
}

div.gErrMsg{
  clear: both;
  position: relative;
  height: 18px;
  width: 518px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: red;
  top: 40px; /* 10 */
  left: 40px;
}

div.bErrMsg{
  clear: both;
  position: relative;
  height: 18px;
  width: 518px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: red;
  top: 32px; /* 0 */
  left: 40px;
}

div.mErrMsg{
  clear: both;
  position: relative;
  height: 20px;
  width: 518px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: red;
  top: 55px; /* 10 */
  left: 40px;
}

div.tErrMsg{
  position: relative;
  height: 20px;
  width: 518px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: red;
}

div.question{
  position: relative;
  clear: both;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
}

div.answer{
  position: relative;
  float: left;
}

div.answerTxt{
   position: relative;
   float: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12pt;
}

div.answerLtr{
   clear: both;
   position: relative;
   float: left;
   width: 15px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12pt;
}

img.quesImg{
}

div.finishBtnTxt{
  margin: 0 auto;
  top: 8px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  width: 56px;
  font-weight: bold;
  padding: 0;
}

div.contBtnTxt{
  margin: 0 auto;
  top: 8px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  width: 80px;
  font-weight: bold;
  padding: 0;
}

a.tBtn, a.tBtn:visited, a.tBtn:active, a.tBtn:visited{
  margin: 0 auto;
  width: 162px;
  height: 33px;
  background-image: url('../img/nrm-btn.jpg');
  background-repeat: no-repeat;
  padding: 0;
  position: absolute;
  left: 388px;
  top: 540px;
  color: black;
  cursor: hand;
  text-decoration: none;
}

a.tBtn:hover{
  margin: 0 auto;
  width: 162px;
  height: 33px;
  background-image: url('../img/en-btn.jpg');
  background-repeat: no-repeat;
  padding: 0;
  position: absolute;
  left: 388px;
  top: 540px;
  color: white;
  cursor: hand;
  text-decoration: none;
}



a.phone, a.phone:active, a.phone:hover, a.phone:visited{
  text-decoration: underline;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  color: #1b4a6f;
}

div.phoneDiv{
  text-decoration: underline;
  clear: both;
  top: 225px;
  width: 500px;
  position: relative;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  color: #1b4a6f;
}

div.noscript{
  position: relative;
  top: 30px;
  left:30px;
  width: 508px;
}