a:link {
	color: #FF9900;
}
a:visited {
	color: #CCCCCC;
}
a:hover {
	color: #FFCC00;
}
a:active {
	color: #FFCC33;
}

body {
background:rgb(70,76,89);
color:rgb(192,192,192);
font: 400 12px/18px Verdana;
}

div#content {
position:relative;
border-left:1px gray dashed;
border-right:1px gray dashed;
padding-left:10px;
padding-right:20px;
margin-left:200px;
width:740px;
}
div#footer {
position:relative;
border-left:0px gray dashed;
border-right:0px gray dashed;
padding-left:10px;
padding-right:20px;
margin-top:100px;
margin-left:200px;
width:740px;
font: 400 11px/18px Verdana;
}


#music_player {
position:absolute;
border:1px red solid;
width:100px;
left:80px;
top:238px;
font: 400 10px/10px Verdana;

}

p#motto {
font: 400 14px/24px Verdana;
display:block;
border:red solid 0px;
width:600px;
margin-left:60px;
margin-top:40px;
margin-bottom:120px;
font-style:normal;
}

h1 {
color:rgb(116,122,135);
font: 800 32px/32px Trebuchet MS;
}

h1 span {
font: 800 28px/32px Trebuchet MS;
}
h2 {
font: 400 18px/28px Verdana;
}

h3 {
color:rgb(192,192,192);
clear:both;
}

img {
border:0px red solid;}

.mention {
border:0px rgb(192,192,192) solid;
padding:10px;
margin:10px 0px;
width:692px;
background:rgb(83,89,102);
}
.mention p {
margin:0px;
font-style:italic;
}


#repertory p {
margin-top:-19px;
padding:0px;
font:400 10px/14px Verdana;
}
#repertory h3 {
color:rgb(192,192,192);
margin-bottom:24px;
}



.ppl {
}
.comp {
position:relative;
display:block;
color:white;
width:140px;
border-bottom:1px gray dashed;

}
.pieces {
clear:both;
position:relative;
display:block;
border: 0px blue solid;
width:520px;
left:140px;
top:-16px;
border-top:0px gray solid;

}

p.cd {
position:relative;
top:0px;
display:block;
color:white;
width:500px;
border-bottom:1px gray dashed;
height:120px;
font:400 11px/14px Verdana;
}

p.cd a, p.cd img {
color:white;
display:block;
margin-right:0px;
float:left;
}

p.cd img {
margin-right:20px;
}

p.cd span{
color:white;
display:block;
width:340px;
margin-bottom:20px;
float:left;
}

p.cd span.example{
color:rgb(235,107,27);
width:140px;
display:block;
}



a#player  {
   display:block;
   position:absolute;
   top:232px;
   padding:1px 5px;
   left:70px;
   color:rgb(165,164,166);
   text-decoration:none;
   width:100px;
   text-align:center;
   border:1px dotted rgb(165,164,166);
}
a#player:hover  {
  border:1px solid rgb(57,68,109);
  border:1px solid rgb(165,164,166);
}


div#menu {
border:0px red solid;
margin:0px; padding:0px;
}

div#menu  a {
display:block;
border:0px red solid;
background:rgb(57,68,109);
padding:2px 5px;
margin:4px 3px 0px 0px;
width:90px;
text-decoration:none;
text-align:center;
float:left;
color:rgb(165,164,166);
}

div#menu a:hover  {
   background:rgb(235,107,27);
   color:rgb(57,68,109);
}


a.box_img {
   -moz-opacity:1;
   filter:alpha(opacity=50);
   width:120px;
   height:120px;
   display:block;
   float:left;
   margin:0px 5px 5px 0px;
   border:1px rgb(192,192,192) solid;
   text-align:center;
}

a.box_img:hover {
   -moz-opacity:0.9;
   filter:alpha(opacity=90);
}