body { font:14px verdana;
 color:#000000;}
a:link {text-decoration: none; font-weight:bold; color:#ccac00;}
a:visited {text-decoration: none; font-weight:bold; color:#bca216;}
a:hover {text-decoration: none; font-weight:bold; color:#d6c773;}
p { line-height: 150%; }
h1 {font: 20px; font-weight: bold; color: #bca216; line-height:150%;}
h2 {font: 18px; font-weight: bold; color: #bca216; line-height:150%;}
h3 {font: 14px; font-weight: bold; color: #bca216; line-height:120%;}

td {
padding-left: 15px;
padding-right: 15px;
padding-top: 1px;
padding-bottom: 2px;
}

.resize {width: 90%; max-width: 800px;}

#header { position: fixed; top: 45px; left: 0; background: #696969; width: 100%; margin:0; padding: 10px 50px 10px 60px; height:50px;  z-index: 1; }

#headertext { font-size: 48px; font-weight: bold; font-family: "Garamond", serif; color:white; position:fixed; top: 50px; left: 110px; background :#696969; width: 100%; margin:0; height:50px; z-index:1;}

#content { position:relative; top:65px; padding: 50px; z-index:0;}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block; font-family: sans-serif;
}


#cssmenu:after,
#cssmenu > ul:after {
content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#cssmenu {
  font-family:sans-serif;
  background: #e1e1e1; width: 100%; position: fixed;
 top:0px; left:0px; padding-left: 40px;
 z-index:1;}


#cssmenu > ul > li {
 display:inline-block;
}

#cssmenu #menu-button {
display: none;
}


#cssmenu > ul > li > a {
 padding: 17px; font-size: 16px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #696969;
  font-weight: 700;

}

#cssmenu > ul > li:hover > a {
  color: #000000;
}

#linkback {display: none;}


@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)

{


#cssmenu {
    width: 100%;
  }


#cssmenu {padding:0;}

#cssmenu ul {
    width: 100%;
    display: none;
  }

#cssmenu.align-center > ul {
    text-align: left;
  }


#cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }


#cssmenu #menu-button {
  display: block;
    padding: 17px;
    color: #696969;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
  }


#cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #696969;
    border-bottom: 2px solid #696969;
    content: '';
  }


#cssmenu #menu-button:before {
  position: absolute;
    top: 16px;
    right: 17px;
     display: block;
    height: 2px;
    width: 20px;
    background: #696969;
    content: '';
  }
 

#cssmenu #menu-button.menu-opened:after {
  position: absolute;
    top: 22px;
    right: 17px;
     display: block;
    height: 4px;
    width: 20px; 
    border-top: 2px solid #696969;
    border-bottom: 2px solid #696969;
    content: '';
 }

#cssmenu #menu-button.menu-opened:before {
  position: absolute;
    top: 16px;
    right: 17px;
     display: block;
    height: 2px;
    width: 20px;
    background: #696969;
    content: '';
  }
 

#header {
display: none;
}


#linkback {display:inline; position: relative; top:10px; left:10px; z-index:2; background:none;}

#linkback a:link,a:visited,a:hover {text-decoration: none; font-weight:bold; font-size: 16px; color: transparent;}

#content { position: relative; top:30px; padding: 10px; z-index: 0;}


summary {
  font-weight: bold;
  margin: -0.5em -0.5em 0;
  padding: 0.5em;
}

details[open] {
  padding: 0.5em;
}

details[open] summary {
  border-bottom: 1px solid #aaa;
  margin-bottom: 0.5em;
}


}