@charset "UTF-8";
/*this is for a 3-3-2 layout
at min width these are the widths of each column:
(please note that the 2px divider gets added to col1 and col3)
col1: 363px
col2: 359px + elastic
col3: 270px

*/

@media all
{
  /*-------------------------------------------------------------------------*/

  #page_margins { background: #fff url("http://media.mergeonline.com/designimages/mo_layout_left_3.gif") left top repeat-y;}
  #page { background: url("http://media.mergeonline.com/designimages/mo_layout_right_2.gif") right top repeat-y;}
  
  /* putting caps on the dividers */
  #col1 { background: transparent url("http://media.mergeonline.com/designimages/mo_cap332.gif") no-repeat 0px 0px; } /* left top */
  #nav { background: transparent url("http://media.mergeonline.com/designimages/mo_cap332.gif") no-repeat 100% 100%; } /* right top */
  #main { background: transparent url("http://media.mergeonline.com/designimages/mo_cap332.gif") no-repeat 0px 100%; } /* left bottom */
  #footer { background: #fff url("http://media.mergeonline.com/designimages/mo_cap332.gif") no-repeat 100% 0px; } /* right bottom */

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content containers
   */
  #main { padding: 0px 270px 0px 363px; }
  #col1 { float: left; width: 363px; margin-left: -363px; }
  #col2 { float: left; width: 100%; }
  #col3 { float: left; width: 270px; margin: 0px -270px 0px 0px;}
	
  /*-------------------------------------------------------------------------*/
}