body{_text-align:center;}/* IE5.5 */
.body{overflow:hidden; _overflow:visible; _zoom:1;}
.page{margin: 0 auto; width: 950px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.liquid{extends:.page; width: auto;margin:0;}
/* Percentate width Layouts */
.layout-percent, .col.last {overflow: hidden;_overflow:visible;_zoom:1; }
.col {float:left;_zoom:1;}
.col.last {float:none;_position:relative; _left:-3px; _margin-right: -3px;_width:auto;}

/* Fixed Width Layouts */
.layout-fixed {clear: both;}  /* Makes fixed width layout stack just like percentage width layouts*/
.col-main {overflow: hidden; _overflow:visible; _zoom:1;}
.col-left {float:left; width: 30px; _margin-right:-3px;}
.col-right {float:right; width: 30px; _margin-left:-3px;}

/* widths */
.width-auto {width:auto;}
.width-1of1 {width:100%;}	/* set 100% width outside of layouts */
.col.width-1of1 {float:none; width: auto;}	/* this doesnt set width=100% so make this context sensitive */
.width-1of2 {width:50%;}
.width-1of3 {width:33.33333%;}
.width-2of3 {width:66.66666%;}
.width-1of4 {width:25%;}
.width-3of4 {width:75%;}
.width-1of5 {width:20%;}
.width-2of5 {width:40%;}
.width-3of5 {width:60%;}
.width-4of5 {width:80%;}
/* Fixed pixel widths */
.width-160 {width:160px;}
.width-180 {width:180px;}
.width-200 {width:200;}
.width-240 {width:240px;}
.width-300 {width:300px;}
.width-400 {width:400px;}
/* + more as you require... */

/* Clearing styles */
.clear-left {clear: left;}
.clear-right {clear: right;}
.clear {clear: both;}