/* CSS Document */



 #container
{
width: 650px;
margin: 10px auto;
background-color:  #ccb8ee;
line-height: 130%;
}

#tophead
{
background-color: #333;
color: #dadedf;
padding-top: 5px;
padding-bottom: 5px;
height: 152px;
}

#tophead h1
{
text-align: center;
font-family: "Zapf-Chancery", "Apple Chancery", "Times New Roman", "Comic Sans MS";
font-size: 2em;
font-style: italic;
}

#tophead p
{
text-align: center;
font-family: "Zapf-Chancery", "Apple Chancery", "Times New Roman", "Comic Sans MS";
font-size: 1.5em;
font-style: italic;
}



 #navcontainer ul
{
margin: 0;
list-style-type: none;
background-color: #ccb8ee;
color: #505159;
width: 100%;
height: 40px;
font: normal 102% "Zapf-Chancery", "Apple Chancery", "Times New Roman", "Comic Sans MS";
text-align: center;
font-weight:bold;
font-style: italic;
padding: 3px 0 3px 0;

}

 #navcontainer li { display: inline; } /**mainnav**/

 #navcontainer li a
{
text-decoration: none;
background-color: #ccb8ee;
color: #505159;
padding: .2em 1em;
border-right: 3px solid #ccb8ee;
}

 #navcontainer li a:hover
{
background-color: #6a5095;
color: #fff;
}


 #navleft ul
{
float: left;
list-style-type: none;
background-color: #ccb8ee;
color: #505159;
font: normal 102% "Zapf-Chancery", "Apple Chancery", "Times New Roman", "Comic Sans MS";
font-style: italic;
font-weight:bold;
padding: 6px 0 2px 0;
width: 160px;
}


 .li { display: block; padding: 18px 0 18px 0; }

 .li a
{
text-decoration: none;
background-color: #ccb8ee;
color: #505159;
padding: .2em 1em;
border-right: 3px solid #ccb8ee;
}

 .li a:hover
{
background-color: #6a5095;
color: #fff;
}

#content
{
margin-left: 160px;
padding: 1em;
height: 400px;
background-image: url('https://few-music.com/images/few_back2.jpg');
background-repeat: repeat;
}

#content h1
{
font-family: Arial, Helvetica, "Trebuchet MS"; color: #505159;
font-size: x-large;
text-align: center;
padding: 2px 0 2px 0;
}

#content h2
{
font-family: Arial, Helvetica, "Trebuchet MS"; color: #505159;
font-size: large;
text-align: center;
padding: 2px 0 2px 0;
}

#content p
{
display: block; margin-left: 2em; margin-right: 1em; font-family: Arial, Helvetica, "Trebuchet MS"; color:#6d7176; font-size:.9em;
}
	
#content li 
{
	list-style-type: disc; margin-left: 2em; margin-right: 1em; font-family: Arial, Helvetica, "Trebuchet MS"; color:#6d7176; font-size:.9em;
}

#content a:link {color: #FF0000; background: #D6E4DD; font-weight: normal; text-decoration:none;}
	
#content a:active {color: #FF0000; background: #D6E4DD; font-weight: bold;}
	#content a:visited {color: #FF0000; background: #D6E4DD; font-weight: bold;}
	#content a:hover {color: #FF0000; background: #D6E4DD; font-weight: bolder; text-decoration: underline;}
/* was 938593 */



#footer
{
clear: both;
margin: 0;
padding: .5em;
background-color: #333;
color: #dadedf;
text-align: right;
border-top: 1px solid gray;
}

#footer a
{
text-decoration: none;
color: #99ffff;
}


#footer p
{
text-align: right;
font-family: arial, helvetica, sans-serif;
font-size: 0.7em;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}