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


#content {
	background-color: #;
	padding: 0em;
	margin:0.0em 0em;
}

#mycustomscroll {
width: 800px;
height: 0px;
overflow: auto;
position: relative;
margin-right: 50px;
margin-left: 50px;
background-image: url(/images/middle.png);
font-size: 13px;
margin: 0.0em auto;
padding: 0px;
}

#mycustomscroll2 {
width: 800px;
height: 2150px;
overflow: auto;
position: relative;
margin-right: 10px;
margin-left: 10px;
font-size: 13px;
margin: 0.0em auto;
padding: 0px;
}

#mycustomscroll3 {
width: 800px;
height: 500px;
overflow: auto;
position: relative;
margin-right: 10px;
margin-left: 10px;
font-size: 13px;
margin: 0.0em auto;
padding: 0px;
}

#mycustomscroll4 {
width: 730px;
height: 390px;
overflow: auto;
position: relative;
border-style: solid;
border-width: 1px;
border-color: #CCCCFF;
top: 28px;
left: 0px;
background-color: #000000;
background-image: url(headphone.png);
font-size: 13px;
margin: 0.2em auto;
padding: 7px;
}

#mycustomscroll5 {
width: 730px;
height: 390px;
overflow: auto;
position: relative;
border-style: solid;
border-width: 1px;
border-color: #CCCCFF;
top: 28px;
left: 0px;
background-color: #000000;
background-image: url(piano2.png);
text-align: justify;
font-size: 11.5px;
margin: 0.2em auto;
padding: 7px;
}

#mycustomscroll6 {
width: 800px;
height: 200px;
overflow: auto;
position: relative;
margin-right: 10px;
margin-left: 10px;
background-image: url(/images/middle.png);
font-size: 13px;
margin: 0.0em auto;
padding: 0px;
}

#mycustomscroll7 {
width: 800px;
height: 200px;
overflow: auto;
position: relative;
margin-right: 10px;
margin-left: 10px;
background-image: url(/images/middle.png);
font-size: 13px;
margin: 0.0em auto;
padding: 0px;
}

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