/***********************************
Supporting HTML:

<div id="container">
  <div id="block_1_wrapper">
    <div id="block_1">
    <div id="block_1_inner">
      Block 1 content...
    </div>
    </div>
  </div>
  <div id="block_2">
    Block 2 content...
  </div>
  <div id="block_3">
    Block 3 content...
  </div>
</div>

Note: block_1_inner provides escaping float fixes for IE/Win

Column order: 2-1-3
Column 1 width: 100% (the remainder)
Column 2 width: 224px
Column 3 width: 230px

Browser details:
Agent: Other
Version: 0
Version Parts: 0
Platform: Other

***********************************/
#block_1_wrapper{ 
    float: left;
    width: 100%;
}
#block_1 {
    margin-left: 224px;
    margin-right: 230px;
}
#block_2 {
    float: left;
    margin-left: -100%;
    margin-right: 0;
    width: 224px;
}
#block_3 {
    float: right;
    margin-left: -100%;
    margin-right: 0;
    width: 230px;
}
#block_1 {display: block;}
#block_2 {display: block;}
#block_3 {display: block;}

/* Clearing wrapper for the three columns - applies to non-IE */
#container:after
{
    content: '[____________]'; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* #container
{
    display: inline-block;
} */