/* derived from layout at http://inneroptics.com/layouts/3col/ */ 
    html {
      margin:0;
      padding:0;
    }

    body {
    	margin:0;
    	padding:0;
		min-width: 700px;
    }
	
	/* for fixed width...
	#outer-wrapper {
		width: 992px;
		margin-left: auto;
		margin-right: auto;
	} 
	...for fixed width */

    .clear {
      clear:both;
    }

    #container {
    	width:100%;
    	padding:0;
    }

    #left-container {
      width: 100%;
      float: left;
      margin-right: -280px; /* -RC */
    }

    #left-container .sub {
      width: 100%;
      float: right;
      margin-left: -160px;	/* -LC */
    }

    #main {
      margin: 0 280px 0 160px;	/* 0 RC 0 LC */
    }

    #left {
      width: 160px;				/* LC */
      float: left;
      /* clear: all;			This is in the original, but causes trouble in IE8 */
    }

    #right {
      width: 280px;				/* RC */
      float:right;
    }

    #footer {
    }