body {
	color: #222;
	background-image: url(background.png);
}

#logo {
	color: #FFFACD;
	position: absolute;
	top: 0px; height: 10em;
	left: 0px; width: 350px;
}
#logo a {
	color: #FFFACD;
	text-decoration: none;
}
#logo a:hover {
	text-decoration: underline;
}

#content {
	background-color: #F6F6F6;
	
	border: 25px solid #F6F6F6;
	border-right: none; padding-right: 25px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	
	position: absolute;
	top: 5em; bottom: 25px;
	left: 350px; right: 0px;
	overflow: auto;
}

#content p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica}
#content p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px}
#content span.Apple-tab-span { white-space: pre }

#index {
	background-color: #ffffff;   /* the background          */
	filter:alpha(opacity=80);    /* Internet Explorer       */
	-moz-opacity:0.8;            /* Mozilla 1.6 and below   */
	opacity: 0.8;                /* newer Mozilla and CSS-3 */

	border: 25px solid white;
	border-right: 10px solid white; padding-right: 15px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;

	position: absolute;
	top: 12.5em; bottom: 12.5em;
	left: 0px; width: 300px;
	overflow: auto;
}

#location {
	padding: 25px;
	padding-top: 15px;
	font-size: 300%;
	font-weight: bold;
	position: absolute;
	top: 0px; height: 5em;
	left: 350px; right: 0px;
}
#location a {
	text-decoration: none;
	color: white;
}
#location a:hover {
	color: #F0F0F0;
	text-decoration: underline;
}
#HCB_comment_box {
	font-size: smaller;
	padding-top: 1.5em;
}