/* ------------- the basics --------------- */
/* build row, drop columns totaling 8 into each row, row will continue to flow as long as each visual row adds up to 8. If break is needed, create new row instance and repeat */

.grid_1 { width: 80px; }
.grid_2 { width: 200px; }
.grid_3 { width: 320px; }
.grid_4 { width: 440px; }
.grid_5 { width: 560px; }
.grid_6 { width: 680px; }
.grid_7 { width: 800px; }
.grid_8 { width: 920px; }
.column { margin: 0 20px 0 20px; overflow: hidden; float: left; display: inline; *overflow:visible;}

.row { width: 960px; margin: 0 auto; overflow: hidden; *overflow:visible;}

.row .row {margin: 0 -20px 0 -20px; width: auto; display: inline-block; }

/* ------------- only for columns --------------- */
.pushright_20 { margin: 0 0 0 40px; }
.pushleft_20 { margin: 0 40px 0 0; }

/* ------------- only for home-intro-news --------------- */
.grid_split { width: 410px; }

 /* ------------- footer and boxed forms only --------------- */
.grid_auto { width: auto; }
.grid_full { width: 100%; /*ie7*/ *width: 95% !important;}
.grid_half { width: 48%; float:left; padding-right:2%; /*ie7*/ *width: 43% !important;}
.grid_qrtr { width: 24%; float:left; padding-right:1%; /*ie7*/ *width: 19% !important;}
.grid_3qrtr { width: 72%; float:left; padding-right:3%; /*ie7*/ *width: 67% !important;}

.grid_third { width: 29%; float:left; padding-right:2%;}