/* CSS Document */
      <STYLE TYPE="text/css" ID="default">

body {
	background:#9343B9;
	text-align:center;
	margin:20px;
	padding:0;
	font:normal 0.8em/1.2em verdana,aria,sans-serif;
	color:#666;
	}
a {
	text-decoration:none;
	border-bottom:1px dotted;
	}
a:hover {
	border-bottom:1px solid;
	color:#9343B9;
	}
#wrapper1 {
	position:relative;
	text-align:left;
	width:100%;
	background:#FFF url("../images/leftcolor_bg.gif") repeat-y top right;
	}
#wrapper2 {
	position:relative;
	text-align:left;
	width:100%;
	background:url("../images/leftcolor_bg.gif") repeat-y top left;
	}
#header {
	background:#BB62AB;
	padding:10px;
	margin:0;
	text-align:center;
	color:#FFF;
	}
#subheader {
	background:#333333;
	padding:1px;
	margin:2;
	text-align:center;
	color:#FFF;
	}
#header h1 {
	font-size:200%;
	}
#header a:hover {
	color:#7A2875;
	}
#maincol {
	position:relative;
	margin:0;
	padding:10px;
	}
#leftcol { 
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:150px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	height: 800px;
	z-index:100;
	}
#rightcol {
	position:relative;
	top:-10px;
	right:-10px;
	float:right;
	width:150px;  /* for IE5/WIN */
	height:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	z-index:99;
	}
#centercol {
	position:absolute;
	top: 200px;
	left: 0px;
	bottom: -200px;
	width: 100%;
	padding:10 200px;
	overflow: auto;
height:expression(document.body.clientHeight+150); 
	z-index:100;
	}
#centercol a {
	color:#666;
	}
#centercol a:hover {
	border-bottom:1px solid;
	color:#9343B9;
	}
#footer {
	position:relative;
	top:1px;
	background:#7A2875;
	width:100%;
	clear:both;
	margin:0;
	padding:1% 0;
	text-align:center;
	color:#CCC;
	z-index:102;
	}
</style>