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;}


/* Layout Error Detection Support (remove in a production environment) */

/* Detect misuse of the col-* and width-XXX classes based on their container */
/* needs !important because it can be turned off on the last column if .last is applied correctly */
.layout-percent > .col-main {border: dashed 8px red !important;}
.layout-percent > .col-left {border: dashed 8px red !important;}
.layout-percent > .col-right {border: dashed 8px red !important;}
.layout-fixed > .col {border: dashed 8px red !important;}
.layout-fixed > .width-1of1 {border: dashed 8px red !important;}
.layout-fixed > .width-1of2 {border: dashed 8px red !important;}
.layout-fixed > .width-1of3 {border: dashed 8px red !important;}
.layout-fixed > .width-2of3 {border: dashed 8px red !important;}
.layout-fixed > .width-1of4 {border: dashed 8px red !important;}
.layout-fixed > .width-3of4 {border: dashed 8px red !important;}
.layout-fixed > .width-1of5 {border: dashed 8px red !important;}
.layout-fixed > .width-2of5 {border: dashed 8px red !important;}
.layout-fixed > .width-3of5 {border: dashed 8px red !important;}
.layout-fixed > .width-4of5 {border: dashed 8px red !important;}
.col-left.last {border: dashed 8px red !important;}
.col-right.last {border: dashed 8px red !important;}

/* Check that no columns come after .col-main */
.col-main + .col-left, .col-main + .col-right
{border: dashed 8px red !important;}	

/* Check for the .last attribute is set on the last column (only works in newer browsers!) */
.col:last-child, .col-main:last-child {border: dashed 8px red;}
.col:last-child.last, .col-main:last-child.last {border: none;}

/* Debugging Support (remove in a production environment) */

/* Debug attribute: all elements get a gray background as the default behaviour*/
.debug {background-color:#e2e2e2;}

/* Extend the .debug attribute with special behaviour for layouts: */
.width-1of1.debug {background-color:pink;}
.width-1of2.debug {background-color:red;}
.width-1of3.debug {background-color:orange;}
.width-2of3.debug {background-color:yellow;}
.width-1of4.debug {background-color:lime;}
.width-3of4.debug {background-color:green;}
.width-1of5.debug {background-color:aqua;}
.width-2of5.debug {background-color:blue;}
.width-3of5.debug {background-color:purple;}
.width-4of5.debug {background-color:magenta;}
.col-left.debug {background-color:orange;}
.col-right.debug {background-color:yellow;}