*
{
    padding: 0;
    padding: 0;    
    margin: 0px 0px 1px 0px; /** 0 0 0 0  keeps everything agacent, tight. remove this margin rule and divs & classes go haywire**/  
    height: 100%;  /** has to be height, that I see in IE9, not min-height as had been suggested **/
}

/** these are the items that are required to force a scroll bar
    height: 100%;
    margin-bottom: 1px;   **/


div.Wrapper 
{
    margin: 15px auto;
    width: 856px;
    height: auto;
    overflow: hidden;  /** this is a fix to keep the wrapper around all and stop nestled divs from jumping **/
}

div.Header
{
    background: url('../media/HomeHeadImg856x150notxt.png');
    height: 150px;
    background-repeat: no-repeat;
    border: solid 1px gray;
    margin: 0px 0px 0px 0px; /** this is needed to negate the * body css that calls for 1px bottom margin (needed to force scroll bar) **/
}

div.Navigation
{
    border: solid 1px gray;
    padding: 5px;   
}

  

        /**  start Menu **/
div.menu
{
}

div.menu ul     
{
    text-align: center;         /**  aligns center of div  **/
}

div.menu li                     /**  flips text vertical  **/
{
    display: inline;
    padding: 0px 5px 0px 5px;
    color: #666666;
}

div.menu a
{
    padding: 0px 5px 0px 5px;    /**  seperates the inline items apart  **/
    text-decoration: none;      /**  takes the underline away from 'a href' underline default  **/
    color: #666666;
    font-size: 0.70em;
    font-family: Arial, Helvetica, sans-serif;
}
        /**  end menu  **/

div.MainContentContainer
{
    Padding: 0px 10px 0px 25px;
    Text-Align: left;
}

/** they had: div.MainContentContainer { Text-Align: Left !Important; }**/


    
div.LeftColumn
{
    Float: left;
    Margin-right: 12px;
    _Margin-right: 8px;
    margin-top: 10px;
    width: 813px;
}
  
    
div.LeftColumn div.Content {
    Font-size: .75em;
    Font-family: Arial, Helvetica, sans-serif; /** could be: 11px/14px Arial; **/
    Background-Color: #F5FAFB;
    Padding: 4px;
}
      
      
div.LeftColumn div.Content p { Padding: 0px 8px; }

div.LeftColumn div.Content ul
{
    padding-left: 20px;
}      
div.LeftColumn div.Content li
{
list-style-type: none;
}        
 div.Callouts {
  Float: Right;
  Width: 236px;
  Font: 11px/16px Tahoma;
  Color: #979595;
  }
  
div.ChoiceButton {
  Cursor: Pointer;
  Float: Left;
  Width: 276px;
  Height: 84px;
 _Height: 96px;
  Padding: 6px 0;
  Margin: 5px 4px;
  }
  
    div.ChoiceButton p { Margin: 4px 0; }      
         
    h2.CharityHead {
      Color: #3683C6;
      Text-Tranform: Uppercase;
      Margin: 0;
      }
    h2, .H2 {
  Font-Size: 11px;
  Color: #2D82BF;
  Text-Transform: UpperCase;
  Font-Weight: Bold;
  Padding-Bottom: 2px;
  }
  
      h5
  {
  Font-Size: 11px;
  Font-style: italic;
  Font-Weight: Bold;
  Padding-Bottom: 2px;
  }

    a.ProfileLink { Text-Decoration: Underline; }
    

div.Footer
{
    Width: 850px;
    Color: #979595;
    Font-Size: 9px;
    Text-Decoration: None;
    font-family: Arial, Helvetica, sans-serif;
    Font-Weight: Normal;
    Text-align: left;
    border-top: #e4e4ec 1px solid;
    margin: 15px auto;
    padding: 10px 0px 0px 10px;
    Clear: both;
}
  
div.Footer a {
  Color: #979595;
  Font-Size: 9px;
  Text-Decoration: None;
  Font-Weight: Normal;
  }
  div.Notice
        {
    margin-top: 40px;
    margin-left: 100px;
    margin: 20px 20px 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
    width: 818px;
}
        .NoticeNote
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: medium;
            font-weight: bold;
            width: 22px;
            float: left;
        }
div.LeftColumnNotice
{
    Float: left;
    Margin-right: 12px;
    _Margin-right: 8px;
    margin-top: 20px;
    width: 813px;
}
div.ChoiceButtonNotice
{
    Float: Left;
    Width: 550px;
    Height: 84px;
    _Height: 96px;
    Padding: 6px 0;
    Margin: 5px 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}
    div.ChoiceButtonNotice p {
    Margin: 0px 4px 0px 10px;
    font-size: .90em;
}

div.ChoiceButtonNote
{
    Float: Left;
    Width: 200px;
    Height: 84px;
    _Height: 96px;
    Padding: 6px 0;
    Margin: 5px 4px;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
    font-style: normal;
    font-weight: bold;
}

div.ChoiceButtonNote p
{
    Margin: 20px 0 0px 0px;
}
 
div.ChoiceButtonServices
{
    Float: Left;
    Width: 194px;
    Height: 84px;
    Padding: 6px 0;
    Margin: 5px 4px;
}
div.ChoiceButtonServices p
{
    Float: Left;
    Width: 100%;
    Height: 59px;
    Padding: 6px 0;
    Margin: 5px 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

div.ChoiceButtonServices a
{
    Text-Decoration: None;
    Color: black;
    Cursor: pointer;
}
div.ForceScrollbar                      /** not used **/
{
    Width: 850px;
    height: 100px;
    margin-bottom: 1px;

}
div.LeftColumn1of2clms
{
    Float: left;
    Margin-right: 12px;
    _Margin-right: 8px;
    margin-top: 10px;
    width: 813px;
}
div.LeftColumn1of2clms div.Content
{
    Font-size: .75em;
    Font-family: Arial, Helvetica, sans-serif; /** could be: 11px/14px Arial; **/;
    Background-Color: #F5FAFB;
    Padding: 4px;
}
div.LeftColumn1of2clms div.Content p
{
    Padding: 0px 8px;
}