div.background {
  background-color: #000000;
background-image: url("images/bck-blck.jpg");
 background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

div.transbox {
  margin: 0px;
  background-color: #000000;
  opacity: 0.85;
  filter: alpha(opacity=85); /* For IE8 and earlier */
}
body {
     margin:0;
     color: #ffffff;
  background-color: #000000;
	 font-family: "Times New Roman";
     font-size: 100%;
    text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, 0px 0px 5px #ffffff, 0px 0px 10px #ffffff, 0px 0px 25px #ffffff;
}
main {
     overflow:fixed;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
}
.article {
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 0px;
}
.header {
     width:100%;
     position:fixed;
     top:0px;
}
.footer {
     width:100%;
     position:fixed;
     bottom:0px;}
ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
     background-color: #330000;
     text-align: center;
     text-decoration: none;
     text-shadow: 0 0 0.2em #330000, 1px 1px 5px #000000, 1px 1px 5px #800000;
     border: 1px solid #800000;
}
li {
float: left
}
li a, .dropbtn {
     display: inline-block;
     color: #ff0000;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
     text-shadow: #000000 1px 1px 5px ;
}
li a:hover, .dropdown:hover .dropbtn {
     background-color: #800000;
}
li.dropdown {
     display: inline-block;
}
.dropdown-content {
     display: none;
     position: absolute;
     background-color: #800000;
     min-width: 160px;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
  opacity: 0.90;
  filter: alpha(opacity=90); /* For IE8 and earlier */
}
.dropdown-content a {
     color: #ff0000;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
     text-align: left;
}
.dropdown-content a:hover {
     background-color: #4d1a00
}
.dropdown:hover .dropdown-content {
     display: block;
}
a.menu:link {
     color:#ff0000;
     text-decoration:none;
     text-shadow: #000000 1px 1px 5px ;
}
a.menu:visited {
     color:#ff0000;
     text-decoration:none;
     text-shadow: 1px 1px 5px #000000, 0 0 25px #000000, 0 0 5px #800000;
}
a.menu:hover {
     color:#ffffff;text-decoration:none;
    text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, 0px 0px 5px #000000, 0px 0px 10px #000000, 0px 0px 15px #000000;
}
a.dropdown:link {
     color:#ff0000;
     text-decoration:none;
     text-shadow: 1px 1px 5px #000000, 0 0 25px #000000, 0 0 5px #000000;
}
a.dropdown:visited {
     color:#ff0000;
     text-decoration:none;
     text-shadow: 1px 1px 5px #000000, 0 0 25px #000000, 0 0 5px #000000;
}
a.dropdown:hover {
     color:#ffffff;
     text-decoration:none;
    text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, 0px 0px 5px #ff0000, 0px 0px 10px #ff0000, 0px 0px 25px #ff0000;
}
a.normal:link {
     color:#ff0000;
     text-decoration:none;
    text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, 0px 0px 5px #ff0000, 0px 0px 10px #ff0000, 0px 0px 25px #ff0000;
}
a.normal:visited {
     color:#ff0000;
     text-decoration:none;
    text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, 0px 0px 5px #ff0000, 0px 0px 10px #ff0000, 0px 0px 25px #ff0000;
}
a.normal:hover {
     color:#ffffff;
     text-decoration:underline overline;
    text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, 0px 0px 5px #ff0000, 0px 0px 10px #ff0000, 0px 0px 25px #ff0000;
}
a.nav:link {
     color:#ff0000;
     text-decoration:none;
    text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, 0px 0px 5px #ff0000, 0px 0px 10px #ff0000, 0px 0px 25px #ff0000;
}
a.nav:visited {
     color:#ff0000;
     text-decoration:none;
    text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, 0px 0px 5px #ff0000, 0px 0px 10px #ff0000, 0px 0px 25px #ff0000;
}
a.nav:hover {
     color:#ffffff;
     text-decoration:none;
    text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, 0px 0px 5px #ff0000, 0px 0px 10px #ff0000, 0px 0px 25px #ff0000;
}
h5.nav {
     color:#ffffff;
     text-decoration:none;
     text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F
}
h1 {
	font-size: 200%;
	font-weight: normal;
	text-shadow: #999966 0.1em 0.1em 0.2em
	text-align: center;
}
h2 {
	font-size: 150%;
	font-weight:bold;
	text-shadow: #999966 0.1em 0.1em 0.2em
	text-align: left;
	        padding-bottom: 0px;
}
h3 {
	font-size: 140%;
	font-weight:bold;
	text-shadow: #999966 0.1em 0.1em 0.2em
	text-align: left;
	        padding-bottom: 0px;
}
h4 {
	font-size: 130%;
	font-weight:bold;
	text-shadow: #999966 0.1em 0.1em 0.2em
	text-align: left;
	        padding-bottom: 0px;
}
h5 {
	font-size: 120%;
	font-weight:normal;
	text-shadow: #999966 0.1em 0.1em 0.2em
	text-align: left;
	        padding-bottom: 0px;
}
h6 {
	font-size: 110%;
	font-weight:normal;
	text-shadow: #999966 0.1em 0.1em 0.2em
	        padding-bottom: 0px;
}
p {
    text-align: justify;
	padding-top: 5px;
        padding-left: 5px;
	padding-right: 5px;
        padding-bottom: 0px;
}
div.gallery {
     margin: 5px;
     border: 1px solid #ccc;
     float: left;
     width: 200px;
}

 div.gallery:hover {
     border: 1px solid #777;
}

 div.gallery img {
     width: 100%;
     height: auto;
}
 div.desc {
     padding: 15px;
     text-align: center;
}