﻿/* 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;
    background:none repeat scroll 0 0 #F2F2F2;
    border-left:solid 1px #cccccc; 
    margin-bottom:-3px;
}
.rightNavTopBorder
{ /* CREATES A PARTIAL HR to divide sections in Right "Feature" area
    -- Uncomment to implement --
    padding-right:20px;margin-left:-10px;border-top:solid 1px #CCC */ }

.nudgeIn{margin-left:40px;}

.col1
{ margin-left:40px;}

.colDef .title { padding:10px 0px; width:80%; text-align:center; font-weight:bold; font-size:16px; }
.colDef .heading { display:none; padding-top:10px; font-weight:bold;font-size:14px; margin:0px 10px;  }
.colDef .detail { width:80%; margin:10px 10px; }
.colDef .subscriptionOverview{ padding:20px 40px; }
.col1 .col1a{
   width:33%; 
   float:left;
}

.col1 .col1b{
   width:33%; 
   float:left;
}

.col1 .col1c{
   width:33%;
   float:right;
} 
.col1 .colClear{  
   clear:both;
}
/*
.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; 
}

