body {
	background-color: #989898;
	margin: 0;
	padding: 0;
	padding-top: 1em;
	font-family: "Lucida Sans Unicode";
	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 {
	background-color: #AAAAAA;
	padding: 3em;
	margin:0.2em 2em;
}

.copyrightnotice {
	font-size: 70%;
	font-weight: bold;
	text-align: center;
	font-family: "Lucida Sans Unicode";
	text-indent: 0;
}

#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 350px;
height: 346px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #CCCCCC;
filter:alpha(opacity=60); /* for IE */
-moz-opacity: 0.6; /* early Mozilla-based */
opacity: 0.6; /* CSS 3 compliant, including FireFox. */
margin: 0.3em auto;
padding: 15px;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 350px;
height: 405px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;

margin: 0.3em auto;
padding: 15px;
}


.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 700px;
height: auto;
position: relative;
color: #0000CC;
padding: 1px;
}