﻿/* Columns w/Large Left Column and Fixed Right Column */
.columns:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    border:solid 2px #000000; 
}
* html .columns {height: 1%;}
.columns{ display:inline-block; }
.columns{ display:block; }


.columns .column{
  float:left;
  overflow:hidden;
  display:inline;
    
}

.columns .right{ float:right; }

.col2 .left
{ 
    width:100%; 
    margin-right: -255px; 
    
    
}

.col2 .right
{ 
    width:250px;
    min-height:1655px;
    background:tranparent;
    /*border-left:solid 1px #cccccc; */
}

    
/*
.col2A .first{ width:400px; }
.col2B .last{ width:200px; }

.col3 .first{ width:100px; }
.col3 .second{ width:280px; margin-left:20px; }
.col3 .last{ width:200px; }
*/

/* END Column w/Large Left Column and Fixed Right Column */


/* 
    Columns w/Narrow Left Column/Flexible Right Column
    SOURCE: http://matthewjamestaylor.com/blog/ultimate-2-column-left-menu-pixels.htm
*/

    /* 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 {
	    background:#ffffff;
	    position:relative;
	    z-index:50;
	}
    .leftmenu .colright {
        float:left;
        width:200%;		
		left:255px;
        background:#fff;
        position:relative;
		z-index:99; 
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    right:255px;
	    padding-bottom:1em;
	    position:relative;
	    z-index:99;	    
	}
	.leftmenu .col1 {
        margin:0 0px 0 265px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	    position:relative;
	    z-index:99;
	}
    .leftmenu .col2 {
        float:left;
        width:250px;
        right:255px;
        position:relative;
	    z-index:50; 
    }
/* END Columns w/Narrow Left Column/Flexible Right Column */



/* LEFT COLUMN */
#leftcolumn
{
    margin-left: 0; 
    margin-right: 75%;
    width:22%;
    overflow: hidden;
    padding: 0px 0px 10px 0px;
    border-style:solid;
    border-width:0px;
    position:relative;
    z-index: 100;
 }


/* RIGHT COLUMN */
#rightcolumn
{
    float:right; 
    width:74%;
    border-style:solid;
    border-width:0px; 
}
