/* CSS Document */

/*             Holy Grail by http://www.alistapart.com/articles/holygrail             */
/*             ----------------------------------------------------------           */
/*We recommend you use semantic ids in any application of this technique.*/

body {
  min-width: 630px;      /* 2x (LC fullwidth +
                            CC padding) + RC fullwidth */
}
#container {
  padding-left: 200px;   /* LC fullwidth */
  padding-right: 240px;  /* RC fullwidth + CC padding */
}
#container .column { 
	position: relative; 
	float: left; 
} 
#center { 
	padding: 10px 20px;    /* CC padding */
	width: 100%; 
} 
#left {
  width: 180px;          /* LC width */
  padding: 0 10px;       /* LC padding */
  right: 240px;          /* LC fullwidth + CC padding */
  margin-left: -100%;
  border-right: 2px solid #0066FF;
  background-color:#AAA;
}
#right {
  width: 180px;          /* RC width */
  padding: 0 10px;       /* RC padding */
  margin-right: -240px;  /* RC fullwidth + CC padding */
  border-left: 2px solid #0066FF;
  background-color:#AAA;
} 
#footer { 
	clear: both; 
} 
/*** IE6 Fix ***/ 
* html #left { 
	left: 200px; /* RC width */ 
}



/*HTML structure

<div id="header"></div>

<div id="container">
  <div id="center" class="column"></div>
  <div id="left" class="column"></div>
  <div id="right" class="column"></div>
</div>

<div id="footer"></div>

*/