#page {position:relative; width:100%; height:100%; min-width:1000px;}
#page-inner {display:block;}
* html #page {border-right:1000px solid #fff;}
* html #page-inner {display:inline-block; position:relative; margin-right:-960px;}


/** header **/
  #header
  {
  }

  #header-inner
  {
  }

/** main (container for everything else) **/
  #main
  {
    position: relative;
  }

  #main-inner
  {
  }

/** content **/

  #content-area
  {
    margin: 0;
    padding: 0 20px 0 0;
  }


/** sidebar-left **/


  #sidebar-left-inner
  {
    margin: 0 20px 0 0;
    padding: 0;
  }


/** Prevent overflowing content **/
  #header,
  #sidebar-left,
  #footer
  {
    overflow: visible;
    word-wrap: break-word; /* A very nice CSS3 property */
  }
  
/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
    /* 2 column left menu settings */
	.leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:320px;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:320px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
       margin:0 0 0 310px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
    .leftmenu .col2 {
        float:left;
        width:300px;
        position:relative;
        right:310px;
    }

	#footer {
        clear:both;
        float:left;
        width:100%;
    }
    
   
div#wrapper{float:left;width:100%}
div#mcontent{margin-right:245px;}
div#rightnav{float:left;width:215px;margin-left:-245px; margin-right:30px;}

