html {
        background: url(background.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}


.accordionMenu {
  font: 16px helvetica, sans-serif, trebuchet ms, arial, helvetica, tahoma, verdana;
  font-weight: 900;
  color:#CFCFCF;
  background: #3F3F3F;
  padding: 10px;
  width: 300px;
  margin:0;
}
.accordionMenu h1 {
  margin:0;
  font-size: 20px;
  text-shadow: 2px 2px 2px #aeaeae;
}
.accordionMenu h2 {
  margin:5px 0;
  padding:0;
}
.accordionMenu h2 a {
  font-size: 13px;
  display: block;
  font-weight: normal;
  color:#CFCFCF;
  text-shadow: 2px 2px 2px #3F3F3F;
  text-decoration:none;
  margin:0;
  padding:10px;
  background: #3F3F3F;
}

.accordionMenu h2 a {

  background: -moz-linear-gradient( top, #cecece, #8f8f8f);

  background: -webkit-gradient
  (linear, left top, left bottom, from(#cecece), to(#8f8f8f));

  filter: progid:DXImageTransform.Microsoft.gradient
  (startColorstr=#ffcecece, endColorstr=#ff8f8f8f);

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient
  (startColorstr=#ffcecece, endColorstr=#f8f8f8f)";

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius: 5px;
}

.accordionMenu :target h2 a,
.accordionMenu h2 a:focus,
.accordionMenu h2 a:hover,
.accordionMenu h2 a:active {

  background: #2F2F2F;
  background: -moz-linear-gradient( top, #AFAFAF, #2F2F2F);

  background: -webkit-gradient
  (linear, left top, left bottom, from(#6bb2ff), to(#2288dd));

  filter: progid:DXImageTransform.Microsoft.gradient
  (startColorstr=#ff6bb2ff, endColorstr=#ff2288dd);

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient
  (startColorstr=#ff6bb2ff, endColorstr=#ff2288dd)";

  color:#2F2F2F;
}
.accordionMenu p {
  padding:0 10px;
  margin:0;
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.5s ease-in;
  -webkit-transition: height 0.5s ease-in;
  -o-transition: height 0.5s ease-in;
  transition: height 0.5s ease-in;
}
.accordionMenu :target p {
  overflow: auto;
  height:300px;
}

#p1 {
 font-family: helvetica, sans-serif, trebuchet ms, arial, helvetica, tahoma, verdana;
 font-size: 9pt;
 font-weight: 500;
 color: #307429;
}

#p2 {
 font-family: helvetica, sans-serif, trebuchet ms, arial, helvetica, tahoma, verdana;
 font-size: 12pt;
 font-weight: 500;
 color: #5F5F5F;
}


#p3 {
 font-family: helvetica, sans-serif, trebuchet ms, arial, helvetica, tahoma, verdana;
 font-size: 9pt;
 font-weight: 500;
 color: #5F5F5F;
}

#p4 {
 font-family: helvetica, sans-serif, trebuchet ms, arial, helvetica, tahoma, verdana;
 font-size: 12pt;
 font-weight: 500;
 color: #307429;
}






        a:link{text-decoration:none; color:#FFFFFF;}
a:visited{text-decoration:none; color:#CFCFCF;}
a:hover{text-decoration:none; color:#CFCFCF;}
a:active{text-decoration:none; color:#CFCFCF;}