body {
	background-color:#e6d1b2;
	margin:0;
	padding:0;
	padding-top:1em;
	font-family:"Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
	font-size:13px;
}

h1, h2 {
	font-variant:small-caps;
	text-align:center;
	font-size:180%;
	width:96%;
	margin-left:auto;
	margin-right:auto;
}

h2 {
	font-size:160%;
}


#content {
	padding:3em;
	margin:0.2em 2em;
}

.copyrightnotice {
	font-size:70%;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	text-indent:0;
}

#mycustomscroll {
/* percentage width without the fix*/
float:left;
width:560px;
height:328px;
overflow:auto;
/* IE overflow fix, position must be relative or absolute*/
position:relative;
}

#mycustomscroll2 {
/*percantage width:make it 100% to match container*/
width:100%;
height:250px;
overflow:auto;
/* IE overflow fix, position must be relative or absolute*/
position:relative;
background-color:#D5EADE;
margin:0.3em auto 0.3em -20px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
padding:20px;
}

/*
percentage width:the real percentage is done by the wrapper
this is to fix various IE6 bugs
*/
.percentagewrap {
	width:80%;
	margin:0 auto;
	padding:10px;
	}
	
.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width:550px;
height:auto;
position:relative;
color:black;
padding:1px;
}