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, 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;}
.sourcematerialsolid {background-color:#90786b;}
.lightbluesolid {background-color:#6b7890;}
.mediumbluesolid {background-color:#d8deee;}
/*.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/BlueGradient.png'); filter:hue-rotate(30deg)}
.mediumblueimage {background:url('../Images/BlueGradient.png'); filter:hue-rotate(30deg)}*/
.lightblueimage {background-color:#d8deee;opacity:0.7}
.mediumblueimage {background-color:#d8deee;opacity:0.7}

/*.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;}*/