@charset "utf-8";

/* 
************
PAGE LAYOUT 
************
*/
/* FOOTER STICK CODE - edit height of footer in 2 places */
html, body { height:100% }
#w { position:relative; }
*html #w { height:100% } /* for IE6 as it doesnt understand min-height */
#c { background:#fff; } /* footer height here */
#f { position: relative; } /* move the footer up  the same height as the footer */
/* 
****************************************
3 COLUMNS CODE - edit columns width
****************************************
*/
body { min-width: 754px } /* MIN WIDHT OF FLUID SITE *//* WIDTH OF SITE */
#mcw { float: right; width: 100%; } /* WIDTH OF RIGHT and LEFT COL */
#mc, 
#cl { position: relative; display:inline;
background-color: white;
border-right: none;
padding: 1px 0px;
vertical-align: top;
vertical-align: inherit; }
#mc { width: 583px; overflow:hidden; float: right; }
#cl { width: 171px; float: left; } /* WIDTH OF LEFT COL */
/*** IE6-7 Fixes ***/
*html #c .clear { height:0; overflow:hidden }
*:first-child+html #c .clear { height:0; overflow:hidden }
*:first-child+html #w { overflow:hidden }
* html #cl { left:0 }
*:first-child+html #cl { left:0 }
/**************
FIXED WIDTH
***************/
/* to avoid min-width problem we can MAKE SITE WIDTH FIXED FOR IE6 */
* html body { width:754px; margin:0 auto } /* WIDTH OF SITE FOR IE6 */
/******************************
FIXED WIDTH FOR OTHER BROWSERS
*******************************/
#w, #f { width:754px; margin-right: auto; margin-left:auto; background-color: #fff; } /* WIDTH OF SITE */