@charset "utf-8";

/* 
************
PAGE LAYOUT 
************
*/
/* FOOTER STICK CODE - edit height of footer in 2 places */
html, body { height:100% }
#w { position:relative; min-height:100% }
*html #w { height:100% } /* for IE6 as it doesnt understand min-height */
#c { padding-bottom:100px } /* footer height here */
#f { position: relative; margin-top:-100px; height:100px } /* move the footer up  the same height as the footer */
/* 
****************************************
3 COLUMNS CODE - edit columns width
****************************************
*/
body { min-width: 778px } /* MIN WIDHT OF FLUID SITE *//* WIDTH OF SITE */
#mcw { padding-left: 151px } /* WIDTH OF RIGHT and LEFT COL */
#mc, #cl { position: relative; float: left; display:inline }
#mc { width: 100%; overflow:hidden }
#cl { width: 151px; right: 151px; margin-left: -100% } /* 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:778px; margin:0 auto } /* WIDTH OF SITE FOR IE6 */
/******************************
FIXED WIDTH FOR OTHER BROWSERS
*******************************/
#w, #f { width:776px;  margin-right: auto; margin-left:auto; border:1px solid #fff; background:#fff; border-bottom:none; border-top:none; } /* WIDTH OF SITE */