﻿/**
 * This file contains style sheets for a two-column div
 * design. It is used to put two divs next to eachother.
 * 
 * To make sure that the column divs do not affect any
 * elements below the div pair, add a column footer div
 * below the columns.
 */


.two-column { width: 49.5%; }
.two-column.left { float: left; }
.two-column.right { float: right; }
.two-column-footer { clear: both; }


.three-column { width: 33.3%; float:left;}
.three-column.right { float: right; }

.column { float: left;}
.column.right { float: right; }
.column-footer { clear: both;}