html { 
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	/*font-size:0.85em; */
	/*font-size:12px;*/
	font-size:small;
}

html {
	background:#eee url('bg-texture.jpg');
}

body {
	background:inherit;
	margin:0 auto;
	font-size:1em;
}

.outerwrap,
#mainwrap,
#header,
#footer {
	/*width:980px;*/
	width:960px; /* Grid-based 12-column (12 x 80px) */
	margin:0 auto;
	background:inherit;
}

.outerwrap { 
	overflow:auto;
}

#content {
	/*border-left:1px solid #fff;
	border-right:1px solid #ddd;*/
}

#header {
	margin-top:0;
}

#header-top,
#header-bottom {
	overflow:auto;
}

#header-bottom {
	height:30%;
}
#header-top {
	height:70%;
}

/* Note: Header graphics should not be specified here */

/* Main layout table */
.layout {
	width:100%;
	height:600px;
	background:#ffffff;
}

.layout #leftside,
.layout #rightside,
.layout #contentbody {
	vertical-align:top;
}

.layout #leftside {
	width:160px; /* Grid-based, 2-column (2 x 80px) */
	margin-right:10px;
	/*width:196px;*/
}
.layout #rightside {
	/*width:175px;
	min-width:175px;
	max-width:175px;*/
	/*width:240px;
	min-width:240px;
	max-width:240px;*/
	/*padding:0 0.25em;*/
	/*padding:0 10px;*/ /* Grid-based */
	font-size:0.95em;
}
.layout #contentbody {
	background:#fff;
	font-size:1em;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:1em;
}

/* MIGRATION TO DIV TEST: */
/*div.layout div.#leftside 	{ float:left; border:1px solid red; }
div.layout div.#contentbody { float:left; width:600px; background:red; }*/