/*see...    http://www.alistapart.com/articles/holygrail  */

body
{
	min-width: 630px;      /* 2x (LC fullwidth + CC padding) + RC fullwidth */
	font-family:Arial;
	font-size:large;
}

#container
{
	padding-left: 200px; /* LC fullwidth */
	padding-right: 230px;  /* RC fullwidth + CC padding */
}

#container .column
{
	float: left;
	position: relative;
}

#center
{
	padding: 10px 15px; /* CC padding */
	width: 100%;
}

#left
{
	width: 170px;			/* LC width - LC padding */
	padding: 0 15px;
	margin-left:-100%;
	right: 230px;			/* LC width + CC padding  */
}

#right
{
	width: 170px;			/* RC width - RC padding*/
	padding: 0 15px;		/* RC padding */
	margin-right: -230px;	/* RC width + CC padding*/
}


#footer
{
	clear: both;
}

/*** IE Fix ***/
* html #left
{
	left: 200px; /* RC fullwidth */
}

/*** Just for Looks ***/

body
{
	margin: 0;
	padding: 0;
	background-image: url(../IMG/JPG/bkg11.jpg);
	background-repeat:no-repeat;
	background-attachment: fixed;
}

#header
{
	font-size: large;
	text-align: center;
	padding: 0.3em 0;
	/*background-image: url(../IMG/GIF/hdr_hbars.gif);
	background-repeat: repeat;
	background: Blue;*/
}
#footer
{
	text-align: center;
	font-size:smaller;
	color: White;
	padding: 0.3em 0;
	background: Blue; /*#999;*/
}


.overlay{
  position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  width: 100%;
  background: #fff;
  opacity: 0.70;
  -moz-opacity: 0.70; /* older Gecko-based browsers */
  filter:alpha(opacity=70); /* For IE6&7 */
}
.content {
  position: relative;
  color: #000;/**/
}

/* Lets use the * html hack so only IE6 reads the rule */
* html #center .overlay {
  height: expression(document.getElementById("center").offsetHeight);
}

#right
{
	background: Transparent;
	color: #fff; /*Transparent;*/
}
#left
{
	background: Transparent;
	color: #000; /*Transparent;*/
}
#container .column
{
	padding-top: 1em;
	text-align: justify;
}

/*equal height columns*/
#container
{
	overflow: hidden;
}
#container .column
{
	padding-bottom: 20010px; /* X + padding-bottom */
	margin-bottom: -20000px; /* X */
}
#footer
{
	position: relative;
}