/* Golden Mile Layout CSS 

 * - this is just layout, posititioning & sizing of header / 3-columns / footer (qv style.css)

 * - based on A List Apart Holy Grail www.alistapart.com/articles/holygrail/

 * - essential stats: 

 *    - LC width = 180, LC padding = 0+0

 *    - CC width = ?, CC padding = 20+20 

 *    - RC width = 50, RC padding = 10+10

 */

body {

  width: 900px; 

  margin: 40px auto 20px auto;  /* space top & bottom, centered horizontally */

}



#header { 

  width: 900px; 

  height: 200px; 

}



#content {  /* container for 3 columns */

  padding-left: 180px;    /* LC fullwidth  */

  padding-right: 110px;   /* RC fullwidth + CC padding */

  overflow: hidden;  /* required to make background white! */

}



#menu, #body, #right {    /* ... placed in 3 columns */

  position: relative;

  float: left;

}



#body {

  width: 100%;

  padding: 20px 20px;     /* CC padding */

}



#menu {

  width: 180px;           /* LC width */

  padding: 20px 0 10px 0; /* LC padding */

  right: 220px;           /* LC fullwidth + CC padding */

  margin-left: -100%;

}



#right {

  width: 50px;            /* RC width */

  padding: 40px 10px 0 10px;    /* RC padding */

  margin-right: -110px;    /* RC fullwidth + CC padding */

}



#footer {

  clear: both;

  height: 20px;  /* + padding gives 40px overall */

  padding: 10px;

}



/*** IE6 Fix using 'star hack' ***/

* html #menu {

  left: 70px;             /* RC fullwidth */

}



/* -------- print -------- */



@media print  { 

  /* remove navigation menu, remove pixes widths to allow full page-width print/ */

  body { width: auto; margin: 0; }

  #content { padding-left: 0; }

  #menu { display: none; }

}