/***********************************
**        homepage.css            **
**                                **
**       CSS for rendering        **
**         the homepage           **
***********************************/

  #content{
    height:         316px;
    width:          878px;
    
    background-image: url(../images/hero_image_03.jpg);
  }
  #infobox{
    position:       absolute;
    margin-left:    23px;
    margin-top:     28px;
    width:          383px;
    height:         262px;
    background-image: url(../images/info_box.gif);
    color:          #72777D;
    opacity:        0.92;
  }
  #infotext{
    position:       absolute;
    margin-left:    16px;
    margin-top:     17px;
  }
  #infoheader{
    font-size:      1.5em;
    font-weight:    bold;
    color:          #72787d;
    width:          360px;
    
  }
  #infobody{
    width:          350px;
    color:          #4c4d4d;
  }
  #infobody p{
    line-height:    175%;
    font-size:      0.95em;
  }
  #learnmore{
    float:          left;
    position:       absolute;
    margin-left:    212px;
    margin-top:     225px;
    width:          154px;
    height:         21px;
  }
  #learnmore img{
    border:         0;
  }
  
  #features{
    height:         91px;
    width:          878px;
    background-image: url(../images/promos_box.gif);
  }
  
  #featureitem{
    width:          290px;
    height:         87px;
    color:          #4c4d4d;
    position:       absolute;
    cursor:         pointer;
  }
  
  .leftfeature{
    margin-left:    0px;
    margin-top:     0px;
  
  }
  .middlefeature{
    margin-left:    295px;
    margin-top:     0px;
  
  }
  .rightfeature{
    margin-left:    587px;
    margin-top:     0px;
  
  }
  #featureimage{
    position:       absolute;
    margin-left:    17px;
    margin-top:     18px;
    width:          93px;
  }
  
  #rightfeatureshadow{
    float:          right;
    width:          8px;
    height:         55px;
    background-image: url(../images/promo_shad_right.gif);
  }
  #leftfeatureshadow{
    float:          left;
    width:          8px;
    height:         55px;
    background-image: url(../images/promo_shad_left.gif);
  }
  #mainfeatureimage{
    float:          left;
    height:         55px;
    width:          77px;
  }
  #mainfeatureimage img{
    border:         0;
  }
  #featuretext{
    position:       absolute;
    width:          150px;
    margin-left:    117px;
    margin-top:     25px;
  }
  #featuretextheader{
    font-size:      1.1em;
    font-weight:    bold;
    margin-bottom:  4px;
  }
  #featuretextbody{
    margin-top:     0px;
  }
  #featuretextbody a{
    font-weight:    bold;
  }  
  #featuretextbody a:hover{
    font-weight:    bold;
    text-decoration:    underline;
  } 
  #news{
    height:         42px;
    width:          878px;
    background-image: url(../images/news_box.gif);
    color:          #596866;
  }
  #newslabel{
    position:       absolute;
    margin-left:    26px;
    margin-top:     14px;
    font-size:      1.1em;
    font-weight:    bold;
    color:          #CD932F;
  }
  #newstext{
    position:       absolute;
    margin-left:    112px;
    margin-top:     15px;
    color:          #2e393f;
  }
   #newstext a{
    color:    #2e393f;
  }
  #newstext a:hover{
    text-decoration:    underline;
  }
  
  .learnmorelink{
    font-weight:    bold;
  }