/***************************************************************************
 * Uses the IEroot conditional comment technique to separate the CSS into
 * standards-compliant and IE sections for layout issues
 */

body>div#content div#columns
{
  position: relative;
  display: table;
  clear: both;
}

body>div#content div#synthetic-row
{
  display: table-row;
}

body>div#content div#main,
body>div#content div#context-nav,
body>div#content div#sidebar
{
  display: table-cell;
}


div#IEroot div#columns { height: 100%; }
div#IEroot div#synthetic-row {}

div#IEroot div#main, div#context-nav, div#sidebar
{
  /* IE doesn't appear to support
  display: table-cell
     so we have to manually build up the columns across the page by
     stacking them to the left
  */
  height: 100%;
  min-height: 100%;
  vertical-align: top;
  position: relative;
  float: left;
}


/* Browser independent CSS */
div#sidebar { width: 218px; }
div#main { width: 380px; }
div#context-nav
{
  width: 202px;
  background-color: #4269AC;
  padding: 0px 1ex 0px 1ex;
}