<style type="text/css">

table,td{
background:none
}
body {
background: #000000; 
background-repeat: repeat; 
background-attachment: relative
margin:0;
padding:0;
line-height: 1.5em;
}
hr, #nst, #ban, #object, #m, #n, #mb, .sf{display:none} 
a:link {
color: #CCCCCC;
text-decoration:none;
}
.gradualshine{
filter:alpha(opacity=30);
-moz-opacity:0.3;
}
a:visited {
color: #CCCCCC;
text-decoration: none;
}
a:hover {
color: #CCCCCC; 
text-decoration:underline;
}
a:active {
color: #FFFFFF
}
b, i, u{
font-weight:bold;
font-size: 11px;
color: #000000;
}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border:1px solid #FFFFFF;
}

#topsection{
background: #EAEAEA;
margin: 0;
height: 100px; /*Height of top section*/
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
background: #000000; background: url(http://www.fourthmusequartet.com/thefourthmuse1.png);
background-repeat: no-repeat; 
background-attachment: relative
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
height: 1200px
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
height: 800px;
width: 190px;
position: relative;
font-size: 16px;
font-family: Times New Roman;
font-style: Italic;
color: #CCCCCC;
text-align: center;
line-height: 150%;
letter-spacing: 0px;
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
height: 800px;
}

#footer{
clear: left;
width: 100%;
background: black;
text-align: center;
position: relative; 
font-size: 10px;
font-family:Verdana;
color: #d3d3d3;
padding: 4px 0;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
img.about{
position: relative;
left: 50;
}
img.ensemble{
position: relative;
left: 240px;
top: 0px;
}
img.quartet{
position: relative;
left: 290px;
}
.quartett{
width: 380px;
top: 0px; 
left: 210px; 
overflow:auto;
position: relative; 
font-size: 13px;
font-family: Arial;
color: #CCCCCC;
text-align:left;
line-height: 150%;
letter-spacing: 1px;
text-indent: 55px;
text-align: justify;
}
img.trio{
position: relative;
left: 215px;
top: 1px;
}
.trioo{
width: 200px;
top: 0px; 
left: 210px; 
overflow:auto;
position: relative; 
font-size: 13px;
font-family: Arial;
color: #386bc0;
text-align:left;
line-height: 150%;
letter-spacing: 1px;
text-indent: 55px;
text-align: justify;
}
.duoo{
width: 200px;
top: 0px; 
left: 210px; 
overflow:auto;
position: relative; 
font-size: 13px;
font-family: Arial;
color: #a538c0;
text-align:left;
line-height: 150%;
letter-spacing: 1px;
text-indent: 55px;
text-align: justify;
}
img.duo{
position: relative;
left: 225px;
top: 0px;
}
img.solo{
position: relative;
left: 215px;
top: 0px;
}
img.title{
position: relative;
}
.content{
width: 380px;
top: 0px; 
left: 210px; 
overflow:auto;
position: relative; 
font-size: 13px;
font-family: Arial;
color: #CCCCCC;
text-align:left;
line-height: 150%;
letter-spacing: 1px;
text-indent: 55px;
text-align: justify;
}
.name{
width: 190px;
top: 5px;
left: 5px;
overflow: auto;
position: relative;
font-size: 12;
font-family: Times New Roman;
font-style: Italic;
color: #CCCCCC;
text-align: center;
line-height: 200%;
letter-spacing: 0px;
}
#content1{
Width: 300px; 
top: 0px; 
left: 0px;
position: relative;    
overflow: auto;
}
</style>
