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

h1{
	font-variant: small-caps;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-weight:bold; 
	font-size:16px; 
	text-decoration:underline; 
	margin-bottom:0px;
}

h2 {
	font-weight:bold; 
	font-size:14px;
	margin-left:5px;
	padding-top:10px;
	padding-bottom:10px;
}

p{ margin:5px;font-size:12px;}

#content {
	background-color: #FFFFFF;
	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;
}

.flexcroll {
/* Typical fixed height and fixed width example */
width: 750px;
height: 330px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/

position:relative;
background-color: #4B4545;
margin: 0.3em auto;
float:left;
padding-right:10px;
margin-top:20px;
z-index:0;

}


/* hesido: notice the addition of emptyspace holder, it should slightly be bigger than the containing div */
/* and it should only be that big when fleXcroll is active for better degradation */
/* version 1.9.1 and up adds flexcrollactive class, but the script should work with 1.8.9 and up */
.flexcrollactive .emptyspace {
	height: 260px;
	}

/* you may optionally want to hide the scrollbars */
#mycustomscroll .vscrollerbase {
	visibility: hidden !important;
}