-->
*      {
       margin: 0 ;
       }

h1      { 
        border-bottom: 5px solid #B0D4FE; 
        margin-top: 6px; 
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        }
h2      { 
        font-family: cursive; 
        font-size: 20px; 
        font-weight: 600; 
        font-style: normal; 
        color: black;
        letter-spacing: 3px; 
        text-align: center;
        }
h3      { 
        text-align: left; 
        font-family: Arial; 
        font-size: 12px; 
        font-weight: 800; 
        font-style: italic; 
        margin-top: 5px; 
        margin-bottom: 5px; 
        padding-left: 0px; 
        padding-right: 0px; 
        padding-top: 0px; 
        padding-bottom: 0px; 
        margin-left: 0px;
        }
h4      {
        font-size: medium;
        font-weight: 800;
        margin-top: 0px; 
        margin-bottom: 0px;
        padding-left: 0px; 
        padding-right: 0px; 
        padding-top: 0px; 
        padding-bottom: 0px; 
        margin-left: 0px; 
        }
h5      { 
        margin-top: 6px; 
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-style: italic;
        font-size: x-large;
        color: red;
        }
h6      { 
        font-family: Arial; 
        font-size: xx-small; 
        font-weight: 300; 
        font-style: normal;  
        vertical-align: text-bottom;
        }
html, body   {
        height: 100%;
        }
body    { 
        margin-top: 0px; 
        margin-bottom: 0px;
        padding-top: 0px; 
        font-family: Arial; 
        font-size: 10px; 
        font-weight: 400; 
        font-style: normal; 
        text-decoration: none; 
        text-transform: none; 
        font-variant: normal; 
        background-image: url(bluebar.jpg);
        background-repeat: repeat-x;
        }
table   { 
        font-size: 10px;
        text-align: left;
        }
p       { 
        text-align: left; 
        font-size: 14px; 
        font-family: Courier; 
        font-style: normal; 
        font-weight: 400
        }
a       { 
        text-decoration: none; 
        color: #7163BA; 
        background-color: #B0D4FE;
        cursor: pointer;
        }
a:hover { 
        background-color: #941214; 
        color: #B0D4FE;
        cursor: pointer;
        
        }
span    { 
        background-color: #941214; 
        }
ul      { 
        list-style-type: none; 
        padding-left: 0px; 
        padding-right: 0px; 
        padding-top: 0px; 
        padding-bottom: 0px; 
        margin-left: 0px; 
        margin-right: 0px; 
        margin-top: 0px; 
        margin-bottom: 0px;
        white-space: nowrap;
        }
li      {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-left: 0px; 
        padding-right: 0px; 
        margin-left: 0px; 
        margin-right: 0px;
        white-space: nowrap;
        }
#container
      {
      margin: 0 auto;
      width: auto;
      position: relative; 
      min-height: 100%;
      height: auto !important;
      }
#content_wrapper
        {
        width: 465px;
        height: auto;
        margin: auto;
        text-align: left;
        padding-bottom: 50px;
        }
#content_wrapperwho
        {
        width: 550px;
        height: auto;
        margin: auto;
        text-align: left;
        padding-bottom: 50px;
        }
#content_wrapperwrite
        {
        width: 650px;
        height: auto;
        margin: auto;
        text-align: left;
        padding-bottom: 50px;
        }
#content_wrapperblog
        {
        width: 600px;
        height: auto;
        margin: auto;
        text-align: left;
        padding-bottom: 40px;
        }     
#leftcontent {
		width: 212px;
        float: left;
        text-align: left;
        margin-left: 20px;
        }
.leftcontent_leftcolumn {
        width: 50%;
        float: left;
        background: #FFFF00;
        }
.leftcontent_rightcolumn {
        width: 50%;
        float: left;
        background: #FF8000;
        text-align: right;
        }
#centercontent {
		width: 500px;
        float: left;
        margin-left: 25px;
        margin-bottom: 10px;
        }
        
#centercontent_leftcolumn {
        width: 100px;
        float: left;
        text-align: right;
        margin-left: 3%;
        }
#centercontent_rightcolumn {
        width: 45%;
        float: left;
        text-align: left;
        margin-right: 3%;
        }
#centercontent_rightcolumn_full {
        width: 350px;
        float: left;
        text-align: left;
        }
.centercontent_centercolumn {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 5px;
        }
#rightcontent {
		width: 212px;
        float: left;
        overflow: visible;
        }

#centered {
        margin-right: auto;
        margin-left: auto;
        width: 432px;
        text-align: left;
        background:#8000FF;
        height: auto !important;
        } 
#footer {
        height: 40px;
        text-align: center;
        position: absolute;
        clear: both;
        bottom: 0;
        width: 100%;
        background-image: url(bluebar2_bottom.jpg);
        background-repeat: repeat-x;
        background-position: bottom left;
        }
.w3c {
      font-size: 10px;
      font-weight: 400;
      } 
.w3c a
        { 
        text-decoration: underline; 
        color: #7163BA; 
        cursor: pointer;
        }
.w3c a:hover
        { 
        cursor: pointer;
        color: #941214;
        text-decoration: underline;
        background: none;
        }
.dates  {
        color: #6A6A6A;
		}
.favorites{
        color: #941214;
        background-color: #B0D4FE;
        }
.pictures{
         color: #941214;
         text-align: right;
         }
#compositions  {
        background-color: #B0D4FE;
        text-align: left;
		top:450px;
		width:400px;
		border-bottom:0px solid #941214;
        border-top:0px solid #941214
		}  
.genres {
        text-align: right;
        }
.genres h3{
        text-align: left; 
        font-family: Arial; 
        font-size: 12px; 
        font-weight: 800; 
        font-style: italic; 
        margin-top: 5px; 
        margin-bottom: 5px; 
        padding-left: 0px; 
        padding-right: 0px; 
        padding-top: 0px; 
        padding-bottom: 0px; 
        margin-left: 0px;
        }
.genres_right {
        text-align: left;
        color: black;
        }

.genres_right h3{
        text-align: left; 
        font-family: Arial; 
        font-size: 12px; 
        font-weight: 800; 
        font-style: italic; 
        margin-top: 5px; 
        margin-bottom: 5px; 
        padding-left: 0px; 
        padding-right: 0px; 
        padding-top: 0px; 
        padding-bottom: 0px; 
        margin-left: 0px;
        }

#header
     {
      width:429px;
      height:182px;
      background-image: url(mixer_banner_2.jpg);
      background-repeat: repeat-x;
      margin-right: auto;
      margin-left: auto;
      cursor: pointer;
      }
.clearall
      {
      clear: both;
      }
#navigation ul
      {
      height: 50px;
      width: 650px;
      padding-top: 10px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
      list-style-type: none;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      }
#navigation ul li
      {
      display: inline;
      padding-left: 0px;
      padding-right: 0px;
      margin-left: 0px;
      margin-right: 0px;
      }
hr    {
      color: #99CCFF;
      height: 1px;
      width: 85%;
      text-align: center;
      }
#search
      {
      position: absolute;
      top: 10px;
      right: 10px;
      }
-->