<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Groovynet MIDI Madness Style Sheet</title>
<style type="text/css">
body {margin: 0; padding: 0; background: #f0f0ff url('http://www.groovynet.com/image1.gif'); color: #000; color: #333; text-align: center; font-style:normal; font-variant:normal; font-weight:normal; font-size:0.8em; font-family:Lucida Grande, Trebuchet MS, Helvetica, Arial, sans-serif }
b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 1024px; /*Width of main container*/
 margin: 0 auto; /*Center container on page*/
}

#topsection{
/*background: #FFFFFF;*/
height: 260px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 0px;
}

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

#contentcolumn{
margin: 0 160px 0 160px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 160px; /*Width of left column in pixel*/
margin-left: -1024px; /*Set margin to that of -(MainContainerWidth)*/
background: #FFFFFF;
}

#rightcolumn{
float: left;
width: 160px; /*Width of right column*/
margin-left: -160px; /*Set left margin to -(RightColumnWidth)*/
background: #FFFFFF;
}

#footer{
clear: left;
width: 100%;
background: #FFFFFF;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

</style>

