button.singlebutton {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 {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);}

button.noaccordion {border:none; border-radius:8px; color:#444; cursor:pointer; font-size:15px; font-weight:bold; padding:4px; outline:none; text-align:center; transition:0.4s; width:100%; margin-top:2px}
button.noaccordion.active, button.accordion:hover {background-color:#ddd;}
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));
}
.qanda {color:#000000; background-color:#eeeeee;}
/*.qanda {color:#000000; background-color:#ffdfd8;} */
/*.qanda {color: #000000;background:url('../Images/water3short.jpg'); filter:hue-rotate(20deg); filter:brightness(120%)} */
.qanda:link { color: #000000; background-color: #eeeeee; text-decoration: none }
.qanda:visited { color: #000000; background-color: #eeeeee; text-decoration: none }
.qanda:hover { color: #000000; background-color: #eeeeee; text-decoration: none }
.qanda:active { color: #000000; background-color: #eeeeee; text-decoration: none }

.grayslateimage {color:#000000; background-color:#eeeeee;}
/* */.grayslateimage {color: #000000;background:url('../Images/water3.jpg'); filter:hue-rotate(20deg)} */
.grayslateimage:link { color: #000000; text-decoration: none }
.grayslateimage:visited { color: #000000; text-decoration: none }
.grayslateimage:hover { color: #000000; text-decoration: none }
.grayslateimage:active { color: #000000; text-decoration: none }

/* .qanda {background-color:#5a1011;} */
.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%)}
.lightbreenimage {color:#000000; background-color:#eeeeee;}
.darkgreenimage {color:#000000; background-color:#eeeeee;}
.redimage {color:#000000; background-color:#eeeeee;}
.lightgreensolid {color:#000000; background-color:#eeeeee;}
/*.lightgreenimage {background:url('../Images/water3.jpg'); filter:hue-rotate(270deg);}
.darkgreenimage {background:url('../Images/water3.jpg'); filter:hue-rotate(330deg);}
.redimage {background-color:#69211a;} */
