body {
	margin:0px;
	padding:0px;
	background:#42424c;
	color:#bcbcb8;
	font:0.8em/1.1em Verdana,Arial,sans-serif;
}

a {
	color:#dcdcd8;
	text-decoration:none;
}

a:hover {
	color:#fff;
	text-decoration:underline;
}

.main {
	width:617px;
	padding-top:24px;
	margin:auto;
}

#archiveIdx {
	margin:auto;
	height:375px; /* required for fade with IE6 - weird! */
	width:660px;
	KHTMLOpacity:0;
	MozOpacity:0;
	opacity:0;
	padding-top:8px;
}

.conNav {
	height:28px;
	border-top:1px solid #676767;
	border-bottom:1px solid #676767;
}

.conNavCnt {
	margin:auto;
	padding:6px;
	width:670px;
	font:bold 1em/1.1em Verdana,Arial,sans-serif;
}

.conIndx, .conIndxH {
	float:right;
	padding-left:8px;
	overflow:auto;
	height:368px;
	width:180px;
	border-left:1px solid #676767;
	/* border:1px solid red; */
}

.conIndxTtl { font-weight:bold; }

.conIndxBdy {
	padding:8px 4px 8px 10px;
	font: 0.9em/1.8em Verdana,Arial,sans-serif;
}

.date { font-size:0.8em; }

.conBody {
	margin:auto;
	width:650px;
	height:375px;
	/* border:1px solid green; */
}

.conBodyLft{
	width:468px;
	height:368px;
	margin:0px;
	/* padding:4px 4px 0px 0px; */
	padding:0px;
	/* background:url('../img/bg-industri.jpg') 0px 0px no-repeat; */
	/* border:1px solid red; */
} 

.conBodyCpy {
	padding: 8px 14px 8px 8px;
	font:1em/1.6em Verdana,Arial,sans-serif;
	/* border:1px solid red; */
}

#console {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:0px; 
	background:url('../img/conBg.png');
	/*border-bottom:1px solid #676767; */
}

#archive {
	margin:auto;
	overflow:hidden;
}