body {
  margin: 0 auto;
  text-align: center;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: purple;
  background: url('images/background.gif');
  text-align: center;
}
img {
  behavior: url(iepngfix.htc);
}

#container {
  width: 985px;
/*  height: 622px;*/
  position: absolute;
  left: 50%;
  margin: 20px 0 0 -500px;
  text-align: left;
}
#header{
  width: 100%;
  height: 233px;
  margin-top: 0;
  float: left;
  text-align: left;
  background: url('images/header.gif');
  border-bottom: solid 1px #000;
}

#header-nav { float: right; margin-top: 130px; margin-right: 30px; display: inline; }
#header-nav a { color: purple; font-size: 13px; font-weight: bold; text-decoration: none; }
#header-nav a:hover { color: #333; font-size: 13px; font-weight: bold; text-decoration: underline; }

/* navigation */
#navholder {
  width: 100%;
  height: 233px;
  background: url('images/header.gif');
  float: left;
  text-align: center;
}
#navbar ul {
  margin:190px 0 0 230px;
  padding: 0px;
  font-size: 13px;
  text-align: center;
  padding:
}
#navbar li {
  list-style-type: none;
  display: inline;
}
#navbar li a{
  width: 126px;
  height: 29px;
  color: #fff;
  margin: 0 5px 0 0;
  background: url('images/main-nav-up.gif');
  text-decoration: none;
  line-height: 2.1em;
  font-weight: bold;
  display: block;
  float: left;
}
#navbar li a:link a:visited{
  background: url('images/main-nav-up.gif');
}
#navbar li a:hover {
  color: #ff13b3;
  background: url('images/main-nav-ov.gif');
}
/* nav ends*/
/*---------ONE COLUMN LAYOUT---------*/
#one-contholder{
  width: 100%;
/*  height: 496px;*/
  float: left;
  background: url('images/cont-1-tile.gif');
}
#one-cont-header{
  width: 100%;
  height: 17px;
  background: url('images/cont-1-top.gif');
} 
#one-cont-bottom{
  width: 100%;
  height: 13px;
  background: url('images/cont-1-bottom.gif');
  clear: both;
  float: left;
}   
#one-col{
  width: 920px;
  margin: 0 0 0 38px;
  float: left;
  display: inline;
}
#one-col-prop{
  width: 1px; float: left; height: 280px; overflow: hidden;
}
#one-col-clear{
  width: 910px; clear: both; height: 1px; overflow: hidden;
}

/*---------ONE COLUMN ENDS---------*/
/*---------TWO COLUMN LAYOUT---------*/
#two-contholder{
  width: 100%;
/*  height: 496px;*/
  float: left;
  background: url('images/cont-2-tile.gif');
}
#two-cont-header{
  width: 100%;
  height: 17px;
  background: url('images/cont-2-top.gif');
} 
#two-cont-bottom{
  width: 100%;
  height: 13px;
  background: url('images/cont-2-bottom.gif');
  clear: both;
  float: left;
}   
#two-col-left{
  width: 170px;
  margin: 0 0 0 39px;
  float: left;
  display: inline;
}
#two-col-left a { font-color: #666; font-weight: bold; text-decoration: none; }
#two-col-left a:hover { font-color: #333; font-weight: bold; text-decoration: underline; }
#two-col-left a:visited { font-color: #666; font-weight: bold; text-decoration: none; }
#two-col-left a:visited:hover { font-color: #333; font-weight: bold; text-decoration: underline; }


#two-col-right{
  width: 700px;
  margin: 0 0 0 42px;
  float: left;
  display: inline;
}
#two-col-right-prop{
  width: 1px; float: left; height: 280px; overflow: hidden;
}
#two-col-right-clear{
  width: 690px; clear: both; height: 1px; overflow: hidden;
}
/*---------TWO COLUMN ENDS---------*/
/*---------THREE COLUMN LAYOUT---------*/
#tr-contholder{
  width: 100%;
/*  height: 496px;*/
  float: left;
  background: url('images/cont-3-tile.gif');
}
#tr-cont-header{
  width: 100%;
  height: 17px;
  background: url('images/cont-3-top.gif');
} 
#tr-cont-bottom{
  width: 100%;
  height: 13px;
  background: url('images/cont-3-bottom.gif');
  clear: both;
  float: left;
}   
#tr-col-left{
  width: 170px;
  margin: 0 0 0 38px;
  float: left;
  display: inline;

}
#tr-col-center{
  width: 507px;
  margin: 0 0 0 38px;
  float: left;
  display: inline;  
}
#tr-col-center-prop{
  width: 1px; float: left; height: 280px; overflow: hidden;
}
#tr-col-center-clear{
  width: 497px; clear: both; height: 1px; overflow: hidden;
}
#tr-col-right{
  width: 170px;
  margin: 0 0 0 35px;
  float: left;
  display: inline;
}  
/*---------THREE COLUMN ENDS---------*/
#footer{
  width: 100%;
  height: 20px;
  background: url('images/footer.gif') ;
  float: left;
  clear: both;
}
#footer-txt{
  width: 100%;
  background: url('images/footer-tile.gif') ;
  float: left;
  clear: both;
  color: #666;
}
#footer-txt a { color: #666; text-decoration: underline; }
#footer-txt a:hover { color: #000; text-decoration: underline; }

#footer-txt p{
  font-size: 10px;
  text-align: right;
  margin-right: 21px;

}    
#footer a {
  color: #000;
}
#footer a:hover{
  color: #888;
}



/*  MC Added CSS below  */
/* General Styling ------------------------------------------------------------------------------*/
h1 { font-size: 13px; color: #333; }
h2 { font-size: 12px; color: #333; }
h3 { font-size: 11px; }

hr { border: none 0; border-top: 1px dashed #999; height: 1px; }

.note { font-size: 10px; color: #666; }

/* Questionnaire Pages --------------------------------------------------------------------------*/
#answers { width: 350px; /*background: #fafafa;*/ float: left; margin: 4px; display: inline; }
#questionnaire { width: 500px; float: right; margin-right: 30px; margin-top: 10px; display: inline; }

#step2-q-container { width: 630px; float: right; margin-right: 25px; display: inline; }
#step2-q-faces { width: 200px; height: 244px; float: left; margin-left: 25px; margin-top: 20px; display: inline; }

#step4-q-container { width: 630px; float: right; margin-right: 150px; display: inline; }

.step4-q { width: 630px; display: block; margin-top: 20px; background: url('images/step4_q_bg_mid.gif'); }
.step4-q-top { width: 630px; height: 20px; background: url('images/step4_q_bg_top.gif'); }
.step4-q-mid { width: 630px; background: url('images/step4_q_bg_mid.gif'); }
.step4-q-mid table { font-size: 11px; }
.step4-q-bottom { width: 630px; height: 20px; background: url('images/step4_q_bg_bottom.gif'); }

.step4-q-text { float: left; }
.step4-q-radio { float: right; width: 80px; text-align: center; }
.step4-q-clear { width: 880px; clear: both; height: 1px; overflow: hidden; }


#answers-clear { width: 880px; clear: both; height: 20px; }
table {  font-size: 11px; }

table#voucher { border: 0px; width: 520px; font-size: 11px; background: url('images/voucher_form_bg_mid.gif'); }
table#voucher td { padding: 4px; color: #000;  text-align: left; }
tr.voucher-top { background: url('images/voucher_form_bg_top.gif'); }
tr.voucher-bottom { background: url('images/voucher_form_bg_bottom.gif'); }


.note { font-size: 10px; color: #666; }
.questionnaire-step-title { font-size: 13px; color: purple; font-weight: bold; }
.questionnaire-note { font-size: 10px; color: purple; }
.questionnaire-thumb-title { font-size: 11px; color: purple; font-weight: bold; }
.warning { color: #ff0000; }
.previousAnswersTitle { font-size: 11px; color: #333; font-weight: bold; }
.previousAnswers { font-size: 11px; color: #666; }

/* Start of Form styling ------------------------------------------------------------------------*/
#form { width: 360px; height: 360px; float: right; margin-top: 20px; margin-right: 20px; display: inline; background: url(images/contact_form_bg.gif); background-repeat: no-repeat; }

.form-element { float: right; margin-right: 20px; margin-bottom: 6px; display: inline; }
.form-top { float: right; margin-right: 20px; margin-top: 20px; margin-bottom: 6px; display: inline; font-size: 11px; color: #666; }

.textbox-black { padding: 3px; background: url(images/contact_textbox.gif) bottom left repeat-x; border: 1px solid #000; font-size: 12px; color: #333; width: 180px; }
.textarea-black { height: 140px; padding: 3px; background: url(images/contact_textarea.gif) bottom left repeat-x; border: 1px solid #000; font-size: 12px; color: #333; width: 300px; }
.textbox-red { padding: 3px; background: url(images/contact_textbox_red.gif) bottom left repeat-x; border: 1px solid #cc0033; font-size: 12px; color: #333; width: 180px; }
.textarea-red { height: 140px; padding: 3px; background: url(images/contact_textarea_red.gif) bottom left repeat-x; border: 1px solid #cc0033; font-size: 12px; color: #333; width: 300px; }
.button { background:  #e7cead; border: 1px solid #000; color: #333; }
.button:hover { background:  #e7cead; border: 1px solid #000; color: #000; }


/* Member Area code below. */
#pdfDownloads { width: 300px; min-height: 300px; border-left: 1px dashed #666; margin: auto 4px; float: right; padding-left: 8px; }
#pdfDownloads a:link { font-size: 11px; color: #666; text-decoration: none; font-weight: bold; }
#pdfDownloads a:hover { font-size: 11px; color: #000; text-decoration: underline; font-weight: bold; }
#pdfDownloads a:visited { font-size: 11px; color: #666; text-decoration: none; font-weight: bold; }
#pdfDownloads a:visited:hover { font-size: 11px; color: #000; text-decoration: underline; font-weight: bold; }