banner@charset "UTF-8";

html,body{ height:100%; margin:0; padding:0; }
body { font-size: 25px; background-color:#000000; height:100%; margin:0; padding:0; color:#000000;  font-family: 'EB Garamond', serif;}

.white{color:#ffffff}
.cen{text-align:center}
img{box-shadow: #000 0 0 0}

h1{ margin:0px 0px 10px 0px; padding:0; display:block; font-size:40px; text-shadow:#9B9898 2px 2px }
h2{ margin:0px 0px 10px 0px; padding:0; display:block; font-size:20px; color:#ffffff; text-shadow:#000000 2px 2px }
h3{ margin:0px 0px 10px 0px; padding:0; display:block; font-size:25px; color:#ffffff; text-shadow:#9B9898 2px 2px }
h4{ margin:0px 0px 10px 0px; padding:0; display:block; font-size:18px; color:#ffffff; text-shadow:#9B9898 2px 2px }

.content{width:100%; display:block; margin: 50px auto 0px auto; text-align:center }

a { text-decoration: none; color:#ffffff;  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;}
a:hover {text-decoration: none;color:#A79D9D;}
a:visited{color:#ffffff}
a:focus, a:active, input:focus, input:active{ outline:0; border:none;}
.clear{ clear:both; overflow:hidden; height:0px;}

.hidden{display:none}



#posabs {display:block; position:absolute; top:20px; margin-left:10px; z-index:1000; }
.supoverlay{ display:block; color:#ffffff; background:url(media/transp-bg.png) repeat 0px 0px; width:400px; padding: 20px; font-size:14px; }

.symbol{ width:30px; height:30px; background-image:url(media/open-close.png); background-repeat: no-repeat; overflow:hidden; position:absolute; z-index:2000; top:20px; margin-left:10px; display:block; color:transparent; text-indent:-9000px;}
.symbol-on{ background-position: 0px -30px;}
.symbol-off{ background-position: 0px 0px;}



/*------------------- MOBILE max width of 480 pixels.-------------------  */
@media screen and (max-width: 480px) {
#posabs {top:10px; margin-left:5px; }
.symbol{ top:10px; margin-left:5px;}
.supoverlay{ width:300px; padding: 15px; font-size:13px; }
h1{ font-size:20px; text-shadow:#9B9898 1px 1px }
h2{ font-size:14px; text-shadow:#000000 1px 1px }
h3{ font-size:16px; text-shadow:#9B9898 1px 1px }
h4{ font-size:14px; text-shadow:#9B9898 1px 1px }

}
/*------------------- MOBILE max width of 320 pixels.-------------------  */
@media screen and (max-width: 320px) {
#posabs {top:10px; margin-left:5px; }
.symbol{ top:10px; margin-left:5px;}
.supoverlay{ width:250px; padding: 10px; font-size:12px; }
h1{ font-size:20px; text-shadow:#9B9898 1px 1px }
h2{ font-size:14px; text-shadow:#000000 1px 1px }
h3{ font-size:16px; text-shadow:#9B9898 1px 1px }
h4{ font-size:14px; text-shadow:#9B9898 1px 1px }
}