/* EttesAndCompany CSS definitions
   Changes:
    On: 6 Dec 2008 CT
    Creation
*/
  body {
    margin: 10px 0;
  }
  
  #headerWrapper {
    width:100%;
    height:240px;
    background-repeat:no-repeat;
  }
  #topWrapper {float:right; height:21px;}
  A.topText {
    font-family:verdana,arial,helvetica; font-size:8pt;
    font-weight:bold;
    color:white;
    text-decoration:none;
    padding:0px 8px;
  }
  A.topText:hover, A.topTextHere, A.blinkieThanks:hover {color:#F2767F;}
  
  A.menuText {
    font-family:Century Gothic,Arial,Helvetica;
    font-size:17pt; color:#000000;
    text-decoration:none;
  }
  A.menuText2 {
    color:#000000;
    text-decoration:none;
  }
  A.menuText2 {
    font-family:Century Gothic,Arial,Helvetica;
    font-size:17pt;
    margin:0px 5px;
  }
  A.menuText2:hover, A.menuText2Here, A.blinkieThanks {color:#AFBC22;}
  A.topTextNot, A.menuTextNot, A.menuText2Not, A.menuText2Not:hover {color:#A0A0A0;}
  A.menuTextInactive {color:#806060;}
  A.menuTextAdmin {font-size:12pt; font-weight:bold; color:#A00000;}
  .menuTextWrapper {
    height:48px;
    background-image:url(/images/decor/mainlink.png);
    background-repeat:no-repeat;
    border:1px solid white;
  }
  .menuTextSpacer {margin:10px 12px;}
  
  #footerWrapper {
    width: 100%;
    height: 102px;
    text-align: center
  }
  .footerText {
    font-family:verdana,arial,helvetica;
    font-size:62.5%;
    color:white;
    font-weight:bold;
  }
  A.footerText {
    font-size:100%;
    color:white;
    text-decoration:none;
    cursor:text;
  }
  
  .boxText {
    font-family:Century Gothic,Arial,Helvetica;
    font-size:12pt;
    color:#000000;
  }
  
  .mlSignup {margin:0px 30px;}
  
  .mainTable {border: 2px solid #AFBC22;}
  .mainTable2 {
    border: 2px solid #000000;
/*    border: 2px solid #AFBC22;*/
    background-color: #EBEDC6;
  }
  
  a img {border:none;}
  
  #blinkie {
    margin-top:30px;
    margin-left:15px;
    font-family:Century Gothic,Arial,Helvetica;
    font-size:10pt;
  }
  #blinkieBox, #blinkieBox2 {
    position:absolute;
    visibility: hidden;
    top:10px; left:10px;
    width:550px; height:50px;
    border:1px solid black;
    background-color:#E0E0E0;
    text-align:center;
    overflow:hidden;
  }
  .blinkieThanks {
    font-family:Arial,Century Gothic;
    font-size:10pt;
    font-weight:bold;
  }
  A.blinkieThanks {
    font-size:8pt;
    text-decoration:none;
    font-weight:normal;
  }
  
  .faq_cat, .group {
    font-family:Century Gothic,Arial,Helvetica;
    font-weight:bold;
    font-size:14pt;
    margin-top:20px;
    margin-right:20px;
    margin-left:20px;
    cursor: pointer;
  }
  .faq_q {
    font-family:Century Gothic,Arial,Helvetica;
    font-weight:bold;
    margin-top:10px;
    cursor: pointer;
  }
  .faq_a {
    font-family:Century Gothic,Arial,Helvetica;
    list-style-type:none;
    margin-top:10px;
    margin-bottom:30px;
    display:none; /* Also set in html, because javascript can only check style values of inline styles */
  }
  
  .grpmem {
    font-family:Century Gothic,Arial,Helvetica;
    list-style-type:none;
    margin-bottom:5px;
  }
  
  .ct_pic {
    padding:10px 2px;
    width:260px; // 202px for 4 cols
  }
  .bioText {
    font-family:Century Gothic,Arial,Helvetica;
    font-size:10pt;
    color:#000000;
  }
  A.bio {
    text-decoration:none;
    font-weight:bold;
    color:#000000;
  }
  
  .boldText {
    font-weight:bold;
  }
  
  #popup {
    position:absolute;
    width:100px; height:100px;
    visibility:hidden;
    font-size:10pt;
    background-color:#F0F0F0;
    border:1px solid black;
    overflow:hidden;
    padding:10px;
  }
  
  .popupTitle {
    text-align:center;
    font-weigth:bold;
    font-size:14pt;
  }