body
{
background : #404040;
color: #DEDEDE;
text-align : center;
margin-top : 20px;
}
h1,h2,h3,h4,h5,h6,h3.web,h2.left
{

font-family: Arial, Helvetica, serif;
}

h1
{

font-size: 100%;
font-weight: bold
}

h2
{
font-size: 100%;
font-weight: normal;

}

h2.left
{
font-size: 100%;
font-weight: normal;
text-align: left
}

h3
{
font-size: 90%;
font-weight: normal;
}
h3.web
{
font-size: 80%;
font-weight: normal;
text-align: left

}
h4
{
font-size: 70%;
font-weight: normal;
}

h5
{
font-size: 100%;
font-weight: normal;
font-style: italic
}

h6
{
font-size: 100%;
font-weight: normal;
text-align: center
}


a:link {background : #404040; color: #DEDEDE; text-decoration: none}
a:visited {background : #404040; color: #DEDEDE; text-decoration: none}
a:hover {background : #404040; color: red; text-decoration: none}
a:active {background : #404040;color: #DEDEDE; text-decoration: none}




/* Magic to do 'frames' from CSS.
 * 
 * (c) Stian Søiland <stian@soiland.no> 2004
 * 
 * Parts of this file is copied freely from
 * the site http://devnull.tagsoup.com/fixed/
 * Many thanks to Eric Bednarz <devnull@tagsoup.com>
 *
 * You may use/modify/distribute/etc this source for free as long as you
 * keep the above copyright notices. 
 *
 * Essentially the trick is to make body only 100% high (ie. the screen
 * size), and then place div-boxes out where you want your "frames".
 * 
 * This allows fixed positioning even in Microsoft IE, as we can use
 * position: absolute for elements directly within body.
 * 
 * See the file fixed_ie.css for details on IE compatibility
 * hacks.
 * 
 */
body {
  margin: 0;
}

div.left,div.bottom,div.top,div.leftmusica,div.topmusica {
  position: absolute;  
  

   border: 0px solid red;

  overflow: auto; 
}
div.left {

  top: 0;
  left: 0;
  /* Width of left */
  width: 10em;
  height: 100%;
border-right: 1px solid red;
}
div.left div {
  position: static; 
  /* Restore to normal values */
  width: auto;
  height: auto;

}

div.bottom  {
  /* Placed in the lower part */
  bottom: 0;
  /* Don't overlap the left-side */
  left: 10em;
  /* Full width, this doesn't work completely with IE, but see
     fixed_ie5.css for details. */
  right: 0;
  /* Height of bottom part */
  height: 15%;
border-top: 1px solid red;
}
div.bottom div {
  /* Reset to normal values */  
  left: 0;
  right: auto;
  height: auto;
}

div.top {
  /* In effect the rest of the screen, the main part if you like.  */
  top: 0;
  /* width of .left */
  left: 10em;
  right: 0;
  /* 100% - height of .bottom  */
  height: 85%;
}
div.top div {
  /* Reset to normal values */  
  position: static; 
  left: 0;
  right: auto;
  height: auto;
}

div.top2 {
  /* In effect the rest of the screen, the main part if you like.  */
  top: 0;
  /* width of .left */
  left: 10em;
  right: 0;
  /* 100% - height of .bottom  */
  height: 100%;
}
div.top2 div {
  /* Reset to normal values */  
  position: static; 
  left: 0;
  right: auto;
  height: auto;
}

div.leftmusica {

  top: 0;
  left: 0;
  /* Width of left */
  width: 10em;
  height: 100%;
border-right: 1px solid red;
}
div.leftmusica div {
  position: static; 
  /* Restore to normal values */
  width: auto;
  height: auto;

}



div.topmusica {
  /* In effect the rest of the screen, the main part if you like.  */
  top: 0;
  /* width of .left */
  left: 10em;
  right: 0;
  /* 100% - height of .bottom  */
  height: 100%;
}
div.topmusica div {
  /* Reset to normal values */  
  position: static; 
  left: 0;
  right: auto;
  height: auto;
}
/* This trick is to fix something i IE 5 on Mac..  */
@media screen {
  body>div.left,body>div.bottom,body>div.top {
    position: fixed;
  }
}
#global { position:absolute; left: 50%; top: 50%;  margin-top: -200px; /* half of the height */ margin-left: -220px; /* half of the width */ border: 0px solid #2E2E2E; }