/**
 * UBC Grid System
 * Fixed-width 960px grid; 20px gutters, 60px columns
 * ----------------------------------------------------------*/
 
/* Test grid */
#UBC-960-GRID {
	background-color: #f90;
	display: block;
	height: 300px;
	margin: 0 10px;
	width: 960px;}

/* Row */
.ubc-grid-row {
	clear: both;
	height: auto;
	margin: 0;
	padding: 0 10px;
	width: 960px;}
/* Row with Border */
.ubc-grid-row.border {
	border-top: 1px solid #efefef;
	padding-top: 20px;}

/* Float all Columns */
.ubc-grid-col {
	float: left;
	margin: 0 6px;}

.ubc-grid-col2 {
	float: left;
	margin: 0 0px;}

/* Define Column widths */
.ubc-grid-col.span1 {
	width: 60px;}
.ubc-grid-col.span2 {
	width: 140px;}
.ubc-grid-col.span3 {
	width: 190px;}
.ubc-grid-col.span4 {
	width: 220px;}
.ubc-grid-col.span5 {
	width: 380px;}
.ubc-grid-col.span6 {
	width: 460px;}
.ubc-grid-col.span7 {
	width: 510px;}
.ubc-grid-col.span8 {
	width: 620px;}
.ubc-grid-col.span9 {
	width: 700px;}
.ubc-grid-col.span10 {
	width: 740px;}
.ubc-grid-col.span11 {
	width: 860px;}
.ubc-grid-col.span12 {
	width: 940px;}