body { background: #9c9; color: #333; text-align: center;}

#pagecontent {
	background: #cfc;
	border: 1px #696 solid;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 1em;

}

#heading { border-bottom: #696 1px solid; }
#byline { font-style: oblique; font-size: .75em; }

h1,h2,h3 { font-family: sans-serif; border-bottom: #696 1px solid;}

#heading h1 { border: none; margin-bottom: 0em; }

#footer { background: #696; color: #000; padding: 1px; text-align: center; font-size: .6em;}
#footer a { color: #333;}

.bodytext { font-size: .8em; text-align: justify; }

#comment-demo { overflow: auto; background: #999; border: 1px #696 solid; }
.comment-head { float: left; clear: both; position: relative; top: 0px; left: 0px; z-index: 2; }
.comment-body { float: left; clear: both; position: relative; top: -27px; left: 30px; z-index: 1; width: 50%; }


/* demonstration classes -- DON'T USE THESE */

#demo { max-width: 500px; text-align: center; margin-left: auto; margin-right: auto; }
.demolabel	{ border: 1px solid #999; font-size: 1.5em; background: #ccc; padding: 1px; font-family: sans-serif; }
.demo-container	{ border: 2px solid #c66; height: 40px; padding: 2px; margin: 2px; }
.demo-inner	{ border: 2px #6c6 solid; float: right; width: 80%; text-align: right;  padding: 2px; }
.demo-span	{ border: 2px #66c solid; float: left;  width: 70%; text-align: center; padding: 2px; height: 24px; }


/* the special classes for the rounded boxes: */

.roundbox { float: left;}

.box_top	{ background: url('box/corner-nw.png') top left no-repeat;}
.box_top_in	{ background: url('box/corner-ne.png') top right no-repeat; margin-left: 20px;}
.box_top_span	{ background: url('box/edge-n.png') top center repeat-x; padding-top: 20px; margin-right: 20px;}

.box_middle	{ background: url('box/edge-w.png') top left repeat-y;}
.box_middle_in	{ background: url('box/edge-e.png') top right repeat-y; margin-left: 20px;}
.box_middle_content { background: #fff; margin-right: 20px; padding-top: 1px; padding-bottom: 1px;}

.box_bottom	{ background: url('box/corner-sw.png') bottom left no-repeat;}
.box_bottom_in	{ background: url('box/corner-se.png') bottom right no-repeat; margin-left: 20px;}
.box_bottom_span { background: url('box/edge-s.png') bottom repeat-x; padding-top: 20px; margin-right: 20px;}