button.accordion {border:none; border-radius:8px; color:#444; cursor:pointer; font-size:15px; font-weight:bold; padding:4px; outline:none; text-align:left; transition:0.4s; width:100%; margin-top:2px}
button.accordion.active, button.accordion:hover {background-color:#ddd;}
button.accordion:after {color:#777; float:right; margin-left:5px;}
button.accordion.active:after {content:"-"; color:#777;}
button.accordion:after {color:#777; content:'\002B'; float:right; font-size:13px; font-weight:bold; margin-left:5px}
button.accordion.active:after {content:"-"; color:#777;}
button.accordion:hover {filter:brightness(1.1)}

div.panel {padding:0; max-height:0; overflow:hidden; transition:0.6s ease-in-out; opacity:0}
div.panel.show {opacity:1; max-height:2500px;}
	/*overflow:scroll;*/
.for-iphone-and-ipod {overflow:auto; -webkit-overflow-scrolling:touch; height:100%}
.brightenonhover:hover {filter:brightness(1.1)}
a.darkgreen, u {text-decoration:none;}
a.darkred, u {text-decoration:none;}
a.darkgray, u {text-decoration:none;}
a.sun {	background-image:url(../Images/SunReverse.jpg); text-decoration:none;}
li.redsky {background-image:url(../Images/RedSky.jpg); text-decoration:none;}
li::after a.sun {position:absolute; width:100%; z-index:2; background-image:url(../Images/SunReverse.jpg)}
a.orange {background:#884400; text-decoration:none;}
a.brown {background:#884400; text-decoration:none;}
button.silver {
  background:#6c6c6c;
  background:-moz-linear-gradient(bottom, #181818 0%, #424242 24%, #6b6b6b 50%, #7c7c7c 51%, #848484 72%, #9e9e9e 100%);
  background:-webkit-linear-gradient(bottom, #181818 0%, #424242 24%, #6b6b6b 50%, #7c7c7c 51%, #848484 72%, #9e9e9e 100%);
  background:-o-linear-gradient(bottom, #181818 0%, #424242 24%, #6b6b6b 50%, #7c7c7c 51%, #848484 72%, #9e9e9e 100%);
  background:-ms-linear-gradient(bottom, #181818 0%, #424242 24%, #6b6b6b 50%, #7c7c7c 51%, #848484 72%, #9e9e9e 100%);
  background:linear-gradient(to top, #181818 0%, #424242 24%, #6b6b6b 50%, #7c7c7c 51%, #848484 72%, #9e9e9e 100%);
}
button.silver.active, button.silver:hover {display:block; z-index:1;
  background:#7c7c7c;
  background:-moz-linear-gradient(bottom, #292929 0%, #525252 24%, #7c7c7c 50%, #8d8d8d 51%, #959595 72%, #afafaf 100%);
  background:-webkit-linear-gradient(bottom, #292929 0%, #525252 24%, #7c7c7c 50%, #8d8d8d 51%, #959595 72%, #afafaf 100%);
  background:-o-linear-gradient(bottom, #292929 0%, #525252 24%, #7c7c7c 50%, #8d8d8d 51%, #959595 72%, #afafaf 100%);
  background:-ms-linear-gradient(bottom, #292929 0%, #525252 24%, #7c7c7c 50%, #8d8d8d 51%, #959595 72%, #afafaf 100%);
  background:linear-gradient(to top, #292929 0%, #525252 24%, #7c7c7c 50%, #8d8d8d 51%, #959595 72%, #afafaf 100%);
}
button.darkgray {
  background:#383838;
  background:-moz-linear-gradient(bottom, #040404 0%, #151515 24%, #383838 50%, #464646 51%, #545454 72%, #6e6e6e 100%);
  background:-webkit-linear-gradient(bottom, #040404 0%, #151515 24%, #383838 50%, #464646 51%, #545454 72%, #6e6e6e 100%);
  background:-o-linear-gradient(bottom, #040404 0%, #151515 24%, #383838 50%, #464646 51%, #545454 72%, #6e6e6e 100%);
  background:-ms-linear-gradient(bottom, #040404 0%, #151515 24%, #383838 50%, #464646 51%, #545454 72%, #6e6e6e 100%);
  background:linear-gradient(to top, #040404 0%, #151515 24%, #383838 50%, #464646 51%, #545454 72%, #6e6e6e 100%);
}
button.darkgray.active, button.darkgray:hover {display:block; z-index:1;
  background:#494949;
  background:-moz-linear-gradient(bottom, #151515 0%, #262626 24%, #494949 50%, #575757 51%, #656565 72%, #7f7f7f 100%);
  background:-webkit-linear-gradient(bottom, #151515 0%, #262626 24%, #494949 50%, #575757 51%, #656565 72%, #7f7f7f 100%);
  background:-o-linear-gradient(bottom, #151515 0%, #262626 24%, #494949 50%, #575757 51%, #656565 72%, #7f7f7f 100%);
  background:-ms-linear-gradient(bottom, #151515 0%, #262626 24%, #494949 50%, #575757 51%, #656565 72%, #7f7f7f 100%);
  background:linear-gradient(to top, #151515 0%, #262626 24%, #494949 50%, #575757 51%, #656565 72%, #7f7f7f 100%);
}
button.darkgreen {display:block; z-index:1;
  background:#226622;
  background:-moz-linear-gradient(bottom, #073211 0%, #144c16 24%, #226622 50%, #346334 51%, #428042 72%, #7fcd7f 100%);
  background:-webkit-linear-gradient(bottom, #073211 0%, #144c16 24%, #226622 50%, #346334 51%, #428042 72%, #7fcd7f 100%);
  background:-o-linear-gradient(bottom, #073211 0%, #144c16 24%, #226622 50%, #346334 51%, #428042 72%, #7fcd7f 100%);
  background:-ms-linear-gradient(bottom, #073211 0%, #144c16 24%, #226622 50%, #346334 51%, #428042 72%, #7fcd7f 100%);
  background:linear-gradient(to top, #073211 0%, #144c16 24%, #226622 50%, #346334 51%, #428042 72%, #7fcd7f 100%);
}
button.darkgreen.active, button.darkgreen:hover {
  background:#127632;
  background:-moz-linear-gradient(bottom, #184322 0%, #255d27 24%, #337733 50%, #457445 51%, #539153 72%, #90de90 100%);
  background:-webkit-linear-gradient(bottom, #184322 0%, #255d27 24%, #337733 50%, #457445 51%, #539153 72%, #90de90 100%);
  background:-o-linear-gradient(bottom, #184322 0%, #255d27 24%, #337733 50%, #457445 51%, #539153 72%, #90de90 100%);
  background:-ms-linear-gradient(bottom, #184322 0%, #255d27 24%, #337733 50%, #457445 51%, #539153 72%, #90de90 100%);
  background:linear-gradient(to top, #184322 0%, #255d27 24%, #337733 50%, #457445 51%, #539153 72%, #90de90 100%);
}
button.orange {display:block; z-index:1;
  background:#894400;
  background:-moz-linear-gradient(bottom, #682300 0%, #793400 24%, #894400 50%, #954000 51%, #a09022 72%, #bcad88 100%);
  background:-webkit-linear-gradient(bottom, #682300 0%, #793400 24%, #894400 50%, #954000 51%, #a09022 72%, #bcad88 100%);
  background:-o-linear-gradient(bottom, #682300 0%, #793400 24%, #894400 50%, #954000 51%, #a09022 72%, #bcad88 100%);
  background:-ms-linear-gradient(bottom, #682300 0%, #793400 24%, #894400 50%, #954000 51%, #a09022 72%, #bcad88 100%);
  background:linear-gradient(to top, #682300 0%, #793400 24%, #894400 50%, #954000 51%, #a09022 72%, #bcad88 100%);
}
button.orange.active, button.orange:hover {
  background:#c7661d;
  background:-moz-linear-gradient(bottom, #9b4511 0%, #ac5611 24%, #c7661d 50%, #d85211 51%, #e3e744 72%, #ffd066 100%);
  background:-webkit-linear-gradient(bottom, #9b4511 0%, #ac5611 24%, #c7661d 50%, #d85211 51%, #e3e744 72%, #ffd066 100%);
  background:-o-linear-gradient(bottom, #9b4511 0%, #ac5611 24%, #c7661d 50%, #d85211 51%, #e3e744 72%, #ffd066 100%);
  background:-ms-linear-gradient(bottom, #9b4511 0%, #ac5611 24%, #c7661d 50%, #d85211 51%, #e3e744 72%, #ffd066 100%);
  background:linear-gradient(to top, #9b4511 0%, #ac5611 24%, #c7661d 50%, #d85211 51%, #e3e744 72%, #ffd066 100%);
}
button.brown {display:block; z-index:1;
  background:#302808;
  background:-moz-linear-gradient(bottom, #100800 0%, #201804 24%, #302808 50%, #402818 51%, #5f4e2c 72%, #9f8e3c 100%);
  background:-webkit-linear-gradient(bottom, #100800 0%, #201804 24%, #302808 50%, #402818 51%, #5f4e2c 72%, #9f8e3c 100%);
  background:-o-linear-gradient(bottom, #100800 0%, #201804 24%, #302808 50%, #402818 51%, #5f4e2c 72%, #9f8e3c 100%);
  background:-ms-linear-gradient(bottom, #100800 0%, #201804 24%, #302808 50%, #402818 51%, #5f4e2c 72%, #9f8e3c 100%);
  background:linear-gradient(to top, #100800 0%, #201804 24%, #302808 50%, #402818 51%, #5f4e2c 72%, #9f8e3c 100%);
}
button.brown.active, button.brown:hover {
  background:#413919;
  background:-moz-linear-gradient(bottom, #211911 0%, #312915 24%, #413919 50%, #513929 51%, #705f3d 72%, #b09f4d 100%);
  background:-webkit-linear-gradient(bottom, #211911 0%, #312915 24%, #413919 50%, #513929 51%, #705f3d 72%, #b09f4d 100%);
  background:-o-linear-gradient(bottom, #211911 0%, #312915 24%, #413919 50%, #513929 51%, #705f3d 72%, #b09f4d 100%);
  background:-ms-linear-gradient(bottom, #211911 0%, #312915 24%, #413919 50%, #513929 51%, #705f3d 72%, #b09f4d 100%);
  background:linear-gradient(to top, #211911 0%, #312915 24%, #413919 50%, #513929 51%, #705f3d 72%, #b09f4d 100%);
}
button.darkred {display:block; z-index:1;
  background:#662222;
  background:-moz-linear-gradient(bottom, #680808 0%, #662222 50%, #633636 51%, #431414 78%, #dd4f4f 100%);
  background:-webkit-linear-gradient(bottom, #680808 0%, #662222 50%, #633636 51%, #431414 78%, #dd4f4f 100%);
  background:-o-linear-gradient(bottom, #680808 0%, #662222 50%, #633636, #633636 51%, #431414 78%, #dd4f4f 100%);
  background:-ms-linear-gradient(bottom, #680808 0%, #662222 50%, #633636 51%, #431414 78%, #dd4f4f 100%);
  background:linear-gradient(to top, #680808 0%, #662222 50%, #633636 51%, #431414 78%, #dd4f4f 100%);
}
button.darkred:hover {
  background:#bd1627;
  background:-moz-linear-gradient(bottom, #8f1122 0%, #bd1627 50%, #e21a2b 51%, #bb1a2b 78%, #f07c8d 100%);
  background:-webkit-linear-gradient(bottom, #8f1122 0%, #bd1627 50%, #e21a2b 51%, #bb1a2b 78%, #f07c8d 100%);
  background:-o-linear-gradient(bottom, #8f1122 0%, #bd1627 50%, #e21a2b 51%, #bb1a2b 78%, #f07c8d 100%);
  background:-ms-linear-gradient(bottom, #8f1122 0%, #bd1627 50%, #e21a2b 51%, #bb1a2b 78%, #f07c8d 100%);
  background:linear-gradient(to top, #8f1122 0%, #bd1627 50%, #e21a2b 51%, #bb1a2b 78%, #f07c8d 100%);
}
button.darkred.active {
  background:#bd1627;
  background:-webkit-linear-gradient(bottom, rgba(3, 0, 0, 0), rgba(3, 0, 0, 0) 60%, #bd1627 61%, #bd1627 100%);
  background:-o-linear-gradient(bottom, rgba(3, 0, 0, 0), rgba(3, 0, 0, 0) 60%, #bd1627 61%, #bd1627 100%);
  background:-ms-linear-gradient(bottom, rgba(3, 0, 0, 0), rgba(3, 0, 0, 0) 60%, #bd1627 61%, #bd1627 100%);
  background:linear-gradient(to top, rgba(3, 0, 0, 0), rgba(3, 0, 0, 0) 60%, #bd1627 61%, #bd1627 100%);
  background:-moz-linear-gradient(bottom, rgba(3, 0, 0, 0), rgba(3, 0, 0, 0));
}
.sourcematerialsolid {background-color:#90786b;}
.lightbluesolid {background-color:#6b7890;}
.mediumbluesolid {background-color:#002b5f;}
.graysolid {background-color:#8a8f88;}
.grayslatesolid {background-color:#517a9d;}
.lightgreensolid {background-color:#7c9371;}
.darkgreensolid {background-color:#647c5c;}
.redsolid {background-color:#692721;}
.lightblueimage {background:url('../Images/water3short.jpg'); filter:hue-rotate(30deg)}
.mediumblueimage {background:url('../Images/water3.jpg');}
.grayimage {background:url('../Images/water3.jpg'); filter:grayscale(80%)}
.grayslateimage {background:url('../Images/water3.jpg'); filter:hue-rotate(20deg)}
.lightgreenimage {background:url('../Images/water3.jpg'); filter:hue-rotate(270deg);}
.darkgreenimage {background:url('../Images/water3.jpg'); filter:hue-rotate(330deg);}
.redimage {background-color:#69211a;}