/* +2B. BEGIN PAGE LAYOUT STYLES                                              */

html, body, table {
	height: 100%;                /* stretch the layout vertically to fit window */
}

#layoutTable {                      /* center the layout-table horizontally   */
	margin-left: auto;
	margin-right: auto;
}

/*  The width set here is effectively the layout's max-width, unless          *
 *  some element pushes it wider -- note that Safari and Opera will use       *
 *  the combined-width of opposing left/right float lists to push the         *
 *  layout width beyond the width set here.                                   */
#mainCell {
	width: 1200px;
	vertical-align: top;
}

/* 'min-width' is not widely implemented CSS, so we use an invisible          *
 * div-spacer to set the minimum layout-width.                                */
#minimumWidth {
	width: 70em;   /* in 'em's ~ the page expands when users increase font-size */
	height: 0px;
	margin-bottom: 0px; 
}


/* BEGIN CELL LAYOUT                                                          */

#logoCell   { height: 1px; }
#headerCell { height: 1px; }
#mainCell   { height: auto; }
#footerCell { height: 1px; }
#blurbCell  { height: 1px; }

#logoCell   {
	text-align: center;
	vertical-align: bottom !important;
	
}

#logoCell   div, #logoCell   div ul { margin-bottom: 0px; }
#headerCell div, #headerCell div ul { margin-bottom: 0px; }
#mainCell   div, #mainCell div ul   { margin-bottom: 0px; }
#footerCell div, #footerCell div ul { margin-bottom: 0px; }
#blurbCell  div, #blurbCell  div ul { margin-bottom: 0px; }

/* END CELL LAYOUT                                                           */


/* BEGIN COMPONENT CONTAINER LAYOUT                                           */

.Left {
	float: left;
}
.Right {
	float: right;
}

/* END COMPONENT CONTAINER LAYOUT                                             */



#mainCenter {
	margin-left: 250px;
	margin-right: 250px;
}

#mainPanels {
	width: 100%;
}


/* BEGIN 'Navbar', 'Topbar', AND 'Sidebar' LAYOUTS                            */

.Navbar li {
	display: inline;
}
.Navbar li {
	white-space: nowrap;               /* make all browsers behave like firefox */
}


.Topbar li {
	display: inline;
	width: 84px;
}
.Topbar li {
	float: left;
}


.Sidebar li {
	display: block;
	width: 250px;
}

/* END 'Navbar', 'Topbar', AND 'Sidebar' LAYOUTS                              */




/* -2B. END PAGE LAYOUT STYLES                                                */





/*  Most browsers would let us set the header and footer cells to '1px', to   *
 *  close them up vertically. However, msie won't close them up using this    *
 *  technique, so instead we avoid the whole issue, by getting all browsers   * 
 *  to 'vertical-align' header/footer content within their cells.             */
#logoCell, #headerCell, $mainCell {
/*	vertical-align: top; */
}
#footerCell, #blurbCell {
/*	vertical-align: bottom; */
}