/****** Layout Styles ******/
html, body {
	height:auto !important; /* FF and compliant browsers should automatically size the body/html */
	height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
	min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}
body {
  margin: 0;
  padding: 0;
}

#maincontainer {
  width: 875px; /*Width of main container*/
  margin: 0 auto; /*Center container on page*/
}

#topsection {
  height: 128px; /*Height of top section*/
  margin-bottom: 0px;
}

#contentwrapper {
  float: left;
  width: 100%;
}

#contentcolumn {
  float: left;
  margin-left: 190px; /*Set left margin to LeftColumnWidth*/
}
* html #contentcolumn { /* IE Hack to position content (imagine that) */
  margin-left: -190px; /*Set left margin to LeftColumnWidth*/
  padding-left: 380px; /*Set left padding to 2 x LeftColumnWidth*/
}

#leftcolumn {
  float: left;
  width: 190px; /*Width of left column*/
  margin-left: -100%; /*Set left margin to -(MainContainerWidth)*/
}
 
#footer {
  clear: both;
}

.innertube {
  margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}


/****** Equal Height Columns ******/
/* use balance_columns.js instead */
/*#maincontainer {
  background: url(images/shim.gif) bottom center repeat-y;
}
#contentwrapper {
	overflow-y: hidden;
}
#leftcolumn, #contentcolumn {
  padding-bottom: 10000px;
  margin-bottom: -10000px;
}*/