/* Start of CMSMS style sheet 'grid' */
@charset "utf-8";

#site{
	width:920px;
	margin:0 auto;
	position:relative;
	}
#header{
	height:160px;
	margin:0 10px;
	position:relative;
	}
#page{
	padding:0 10px;
	width:900px;
	position:relative;
	}
#footer{
	width:920px;
	height:170px;
	background: #cccccc;
	margin:0 auto;
	position:relative;
	}

/*
  Fixed 2 column layout with sidebar on the left
*/
#content{
	float:right;
	/*
	  Padding and width equation
	  CSS Width - Padding = Real Width
	  If you want a 600px container with 10px of padding
	  you set the width property to 580 and padding-left and padding-right to 10
	  to include a border, subtract the total width of the border(left + right) from the 
	  width value
	*/
	padding:0 10px 0 10px;
	width:580px;
	min-height: 300px;
	}
#sidebar{
	float:left;
	/*
	  Padding and width equation
	  CSS Width - Padding = Real Width
	  If you want a 300px container with 10px of padding
	  you set the width property to 280 and padding-left and padding-right to 10
	  to include a border, subtract the total width of the border(left + right) from the 
	  width value
	*/
	padding:0 20px 0 20px;
	width:260px;
	min-height: 300px;
	}



.column{
	float:left; 
	overflow:hidden;
	postion:relative;
	margin-bottom:10px;
}
.span-1{
width:90px;
margin-right:10px;
}
.span-2{
width:190px;
margin-right:10px;
}
.span-3{
width:290px;
margin-right:10px;
}
.span-4{
width:390px;
margin-right:10px;
}
.span-5{
width:490px;
margin-right:10px;
}
.span-6{
width:590px;
margin-right:10px;
}
.span-7{
width:690px;
margin-right:10px;
}
.span-8{
width:790px;
margin-right:10px;
}
.span-9{
width:900px;
}
.last{
margin-right:0;
}
/* End of 'grid' */

