/*
Please be careful if you edit this file or the contents of the Intro section on the Home Page.
Editing this file or the contents of the Intro section will likely affect its appearance significantly.
The simplest solution would have been to make the whole thing a graphic but I wanted the text to be a part of the page
content rather than part of an image. I wanted the text to appear in specific places and using tables would have
made things extremely complex.

All styles applied to the text in the Intro section, other than the font-family, are completely independent (i.e. not inherited).
*/

  div#indexIntro
  {
    float: left;
    background-image:  url(../images/index_introBG2.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 280px;
  }
  div#indexIntroL
  {
    float: left;
    width: 362px;
    height: 280px;
  }
  div#indexIntroR
  {
    float: left;
    width: 250px;
    position: relative;
    top: 4px;
    left: 5px;
  }
  div#indexIntroInCrowd
  {
    color: #4175AA;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    width: 176px;
    height: auto;
    position: relative;
    top: 40px;
    left: 182px;
  }
  div#indexIntroIMN
  {
    color: #555555;
    font-size: 11px;
    text-align: justify;
    width: 330px;
    height: auto;
    padding: 0px;
    position: relative;
    top: 0px;
    left: 0px;
  }
  div#indexIntroCDS
  {
    color: #555555;
    font-size: 11px;
    text-align: justify;
    width: 140px;
    height: auto;
    padding: 0px;
    position: relative;
    top: 0px;
    left: 3px;
  }
  div#indexIntroReferral
  {
    color: #555555;
    font-size: 11px;
    text-align: justify;
    width: 140px;
    height: auto;
    padding: 0px;
    position: relative;
    top: 0px;
    left: 3px;
  }
  div#indexIntroSecurity
  {
    color: #555555;
    font-size: 11px;
    text-align: justify;
    width: 140px;
    height: auto;
    padding: 0px;
    position: relative;
    top: 0px;
    left: 3px;
  }
 div#indexIntro30Day
  {
    color: #555555;
    font-size: 11px;
    text-align: justify;
    width: 140px;
    height: auto;
    padding: 0px;
    position: relative;
    top: 0px;
    left: 3px;
  }
  div#indexIntroServices
  {
    color: #000000;
    font-size: 11px;
    text-align: justify;
    width: 180px;
    height: auto;
    padding: 0px;
    position: relative;
    top: 0px;
    left: 3px;
  }
  div#indexIntroLearnMore
  {
    color: #000000;
    font-size: 11px;
    text-align: justify;
    width: 120px;
    height: auto;
    padding: 0px;
    position: relative;
    top: 0px;
    left: 3px;
  }
  a.indexIntro
  {
    color: #0E4C9E;
    text-decoration: underline;
  }
  a.indexIntro:hover
  {
    color: #4175AA;
  }
  p.indexIntro
  {
    margin-bottom: 5px;
    margin-top: 5px;
  }
  a.indexMember
  {
    color: #936B04;
    text-decoration: underline;
  }
  a.indexMember:hover
  {
    color: #F7B500;
  }
  p.indexMember
  {
    margin-bottom: 5px;
    margin-top: 5px;
  }
  div#indexMember
  {
    width: 250px;
    height: 61px;
    float: left;
    position: relative;
    left: 0px;
  }
  div#indexMemberL
  {
    float: left;
    background-image:  url(../images/index_member_goldBG.gif);
    background-repeat: no-repeat;
    width: 68px;
    height: 61px;
    position: relative;
    top: 0px;
    left: 0px;
  }
  div#indexMemberLText
  {
    color: #000033;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    position: relative;
    width: auto;
    height: auto;
  }
  a.goldTab
  {
    color: #000033;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
  }
  a.goldTab:hover
  {
    color: white;
  }
  div#indexMemberR
  {
    float: left;
    background-image:  url(../images/index_member_textBG.gif);
    background-repeat: no-repeat;
    width: 182px;
    height: 61px;
  }
  div#indexMemberRText
  {
    color: #666666;
    font-size: 11px;
    text-align: left;
    padding: 3px;
    position: relative;
    top: 0;
    left: 0;
    width: 176px;
    height: 45px;
  }
  div#indexMemberRLearn
  {
    color: #936B04;
    font-size: 11px;
    text-align: right;
    position: relative;
    bottom: 3px;
    left: 0px;
    width: 177px;
    height: auto;
  }
    div#news
  {
    padding: 0px;
    overflow: auto;
    width: 144px;
    height: 280px;
    position: relative;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
  }
div#Register
  {
    width: 100%;
    float: left;
  }
  div#Register ul
  { 
    margin-left: 16px;
    padding: 0px;
    font-size: 11px;
    font-weight: regular;
    color: #000000;
    list-style-type: disc;
  }
  div#Register li
  {
    /*width: 100%;*/
    padding-left: 0px;
    text-indent: 0px;
    padding-right: 0px;
  }