The 2011 Iterative Navigation templates came with a new grid system. This allows for easier-to-implement, more flexible layout options.
The new grid system should be used for all layouts. The old grid system, while still available, is in the process of being deprecated. It is displayed below only as reference.
To implement, use the class names from below. Ex: <div class="grid6">. For the first column in a row (the left-most column), you must add the class first. Ex: <div class="grid6 first">
Column Widths
.grid1- 58px
.grid2- 140px
.grid3- 222px
.grid4- 304px
.grid5- 386px
.grid6- 468px
.grid7- 550px
.grid8- 632px
.grid9- 714px
.grid10- 796px
.grid11- 878px
New, Supported Grid System
grid1
grid11
grid2
grid10
grid3
grid9
grid4
grid8
grid4
grid4
grid4
grid5
grid7
grid6
grid6
grid3
grid3
grid1
grid5
grid1
grid5
grid3
grid3
3
3
3
3
5
2
2
3
3
2
1
1
6
4
Old, Deprecated Grid System
col
three_col
two_col
two_col
two_col
col_half
col_half
col
four_col