body {
    overflow-x: auto;
    background-color:black;
}

ul {
  list-style-image: url('images/branch.png');
}

.deitybuttcontainer {
position:relative;
float:left;
width:150px;
align:center;
}

.deitybutt {
display:block;
}

.deitybuttoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 150px;
  opacity: 0;
  transition: 1.5s ease;
  background-color: #7d8a90;
  box-shadow: 0px 0px 8px #7d8a90;
}

.deitybuttcontainer:hover .deitybuttoverlay {
opacity:0.9;
}

.deitybutttext {
  color: #0e171a;
  font-size: 13px;
  line-height:15pt;
  font-family: 'Abel', sans-serif;
  text-shadow: 0px 0px 0px #000000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-weight:normal;
}

.magicnav { 
width:auto;
overflow:hidden;
border:none;
display:block;
outline:0;
background-color:#0e171a;
color:#7d8a90;
text-decoration:none;
font-family: 'Arimo', sans-serif;
font-size:10pt;
border-bottom: 1px black solid;
}

.magicnavbutt { 
padding:14px 16px;
float:left;
width:auto;
border:none;
display:block;
outline:0;
background-color:#0e171a;
color:#7d8a90;
text-decoration:none;
font-family: 'Arimo', sans-serif;
font-size:10pt;
}

.magicnavbutt:hover {
background-color:#7d8a90;
box-shadow: 0px 0px 8px #7d8a90;
text-shadow: 0px 0px 0px #000000;
color:#0e171a;
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
transition: 1.5s;
cursor:pointer;
}
	
img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
			
/* Set up proportionate scaling */
width: 100%;
height: auto;
			
/* Set up positioning */
position: fixed;
top: 0;
left: 0;
		}
		
@media screen and (max-width: 1024px){
img.bg {
left: 50%;
margin-left: -512px; 
    }
}	

#page-top { position: relative; width: 1200px; margin: 0px auto; margin-top:-20px;margin-bottom:-20px; padding: 5px 30px; -moz-box-shadow: 0 0 20px white; -webkit-box-shadow: 0 0 20px white; box-shadow: 0 0 20px BLACK;border-radius:20px 20px 0px 0px; background-image:url(images/vines3.png);box-shadow: inset 2000px 0 0 0 rgba(0, 0, 0, 0.5);border-color: rgba(18,40,37, 0.9);text-align:justify;text-shadow:2px black; font: 15px/2 'Quicksand', sans-serif;color:#b7b2d6;min-height:430px;}

#page-wrap-top { position: relative; width: 1000px; margin: 50px auto; margin-bottom:-20px; margin-top:-10px; padding: 12px; background: transparent; -moz-box-shadow: 0 0 0px black; -webkit-box-shadow: 0 0 0px black; box-shadow: 0 0 0px black; text-align:center; }

#page-wrap { position: relative; width: 1000px; margin: 50px auto; margin-bottom:20px;margin-top:-20px; padding: 5px 30px; text-align:justify;text-shadow:2px black; font-family: 'Abel', sans-serif;font-size:13pt;color:#4c7873;min-height:500px;}

td {
    font-family: 'Abel', sans-serif;
    font-size:13pt;
    color:#4c7873;
}
		
#page-wrap-bottom { position: relative; width: 1000px; margin: 50px auto; margin-bottom:10px;margin-top:-30px; margin-bottom:20px; padding: 12px; background: transparent; -moz-box-shadow: 0 0 0px black; -webkit-box-shadow: 0 0 0px black; box-shadow: 0 0 0px black; text-align:center;text-shadow: 0px 0px 3px #000;font: 15px/2 'Quicksand', sans-serif;  }

.header {
    font-family: 'morpheusregular';
    font-size:725%;
    color:#354c49;
    text-align:center;
    text-shadow: 0 0 20px black;
    margin-top:-40px;
    letter-spacing:10px;
}

@font-face {
    font-family: 'morpheusregular';
    src: url('morpheus-webfont.woff2') format('woff2'),
         url('morpheus-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'scriptinaregular';
    src: url('scriptin-webfont.woff2') format('woff2'),
         url('scriptin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.subhead {
    font-family: 'Bebas Neue', cursive;
    font-size:13%;
    margin-top:-55px;
    margin-left:-140px;
    margin-bottom:40px;
    letter-spacing:2px;
}

a:link.mainmenu, a:visited.mainmenu, a:active.mainmenu {
    font-family: 'scriptinaregular';
    font-size:25pt;
    font-weight:bold;
    color:#2a3937;
    text-decoration:none;
        text-shadow: 0px 0px 3px #000026; 
        margin-bottom:15px;
}

a:hover.mainmenu {
    color:#354c49;
    text-shadow: 0px 0px 2px black; 
}

h1 {
    font-family: 'Bebas Neue', cursive;
    color:#2a3937;
    font-size:25pt;
    margin-top:10px;
    margin-bottom:-10px;
    text-shadow: 0 0 3px black;
    letter-spacing:3px;
    word-spacing:3px;
}

h2 {
    font-family: 'Bebas Neue', cursive;
    color:#2a3937;
    font-size:22pt;
    margin-top:10px;
    margin-bottom:-10px;
    text-shadow: 0 0 3px black;
    letter-spacing:3px;
    word-spacing:3px;
}

h3 {
    font-family: 'Bebas Neue', cursive;
    color:#2a3937;
    font-size:16pt;
    margin-top:10px;
    margin-bottom:-10px;
    text-shadow: 0 0 3px black;
    letter-spacing:1px;
    word-spacing:1px;
}

h4 {
    font-family: 'Bebas Neue', cursive;
    font-size:30pt;
    color:#2a3937;
    text-decoration:none;
        margin-bottom:15px;
}

.color {
    color:#354c49;
}

a:link, a:visited, a:active {
    font-family: 'Forum', cursive;
    font-weight:bold;
    color:#354c49;
    text-decoration:none;
    text-shadow: 0px 0px 3px #000026; 
}

a:link.bottom, a:visited.bottom, a:active.bottom {
font-family: 'Forum', cursive;
}

a:link.boxlink, a:visited.boxlink, a:active.boxlink {
    font-family: 'Forum', cursive;
    font-weight:bold;
    color:#4c7873;
    text-decoration:none;
    text-shadow: 0px 0px 3px #000026; 
    letter-spacing:1px;
    background-color:black;
    padding:6px 20px;
    border: 1px dotted white;
}

a:link.boxlink::after, a:visited.boxlink::after, a:active.boxlink::after {
    content:"    ;
}
 
a:hover {
    color:#577f0a; 
    text-shadow: 0px 0px 2px black; 
}

a:hover.boxlink {
    color:#354c49; 
    text-shadow: 0px 0px 2px black; 
}

a:link.prof::before {
    content:"";
}

a:link.prof::after {
    content:"";
}

div.menu {
    text-align:center;
    margin-top:-40px;
    margin-bottom:20px;
    word-spacing:60px;
}

.bottom {
		    text-align:center;
		    font-size:10pt;
		    font-family: 'Abel', sans-serif;
		    background:transparent;
		    color:white;
		}
		
input, textarea {
    background-color:rgba(183,178,214,0.2);
  color:white;
  font: 14px/2 'Quicksand', sans-serif;
  padding: 5px 5px 5px 25px;
  border: 1px solid #000;
  margin-bottom: 12px;
  border-radius:60px;
  box-shadow:0px 0px 12px black;
  width:360px;
}

textarea {
    padding-left:10px;
    padding-right:10px;
    text-align:justify;
    border-radius:10px;
}

input {
    text-align:left;
}

select {
    text-align:center;
}

option {
  color:black;
}

select {
    width:390px!important;
    padding:10px!important;
}

.ht:hover .tooltip {
  display:block;
}

.ht {
    font-weight:bold;
    font: 12px/2 'Quicksand', sans-serif;
    color:white;
}

.tooltip {
  display: none;
    color: white;
    background-color:rgba(183,178,214, 0.3);
    position: relative;
    z-index: 1000;
    font-weight:normal;
    font: 10px/2 'Quicksand', sans-serif;
    width:350px;
    text-shadow:0px;
    box-shadow:0px 0px 2px black;
    letter-spacing:1px;
    margin-bottom:-15px;
}

submit {
    padding:5px;
    width:100%;
    height:auto;
    border:1px dotted white;
}

.submit {
    font-family: 'Forum', cursive;
    font-weight:bold;
    color:#4c7873;
    text-decoration:none;
    text-shadow: 0px 0px 3px #000026; 
    letter-spacing:1px;
    background-color:black;
    padding:6px 20px;
    border: 1px dotted white;
    text-align:center;
}

.dropdown {
  position: relative;
  display: inline-block;
  background-color:#878ab3;
  padding:20px;
  width: 300px;
  color:black;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 308px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
  margin-left:-20px;
  color:black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

th {
    font-family: 'Quattrocento', serif;
    font-size:14pt;
    background-color:transparent;
    font-weight:bold;
    color:white;
}

.tabletext {
    text-align:center;
}

.norm {
    font: 15px/2 'Quicksand', sans-serif;color:#b7b2d6;
}

.accordion2 {
  background-color: #3575eb;
  cursor: pointer;
  width: 100%;
  box-shadow: 0 0 20px BLACK;
  text-align: justify;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  color:white;
  text-shadow: 0 0 3px black;
  font: 15px/2 'Quicksand', sans-serif;
}

a:link.acc::before {
    content:"";
}

a:link.acc::after {
    content:"";
}


.imgbuttcontainer {
position:relative;
margin-bottom:5px;
}

.imgbutt {
display:block;
}

.imgbuttoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 1.5s ease;
  background-color: #7d8a90;
  box-shadow: 0px 0px 8px #7d8a90;
}

.imgbuttcontainer:hover .imgbuttoverlay {
opacity:0.9;
}

.imgbutttext {
  color: #0e171a;
  font-size: 13px;
  line-height:15pt;
  font-family: 'Abel', sans-serif;
  text-shadow: 0px 0px 0px #000000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-weight:normal;
}

#myInput {
  background-image: url('images/branch.png');
  background-position: 10px 12px; 
  background-repeat: no-repeat; 
  width: 100%; 
  padding: 12px 20px 12px 40px; 
  border: 1px solid #fff; 
  margin-bottom: 12px; 
}

#myTable {
  border-collapse: collapse; 
  width: 100%; 
  border: 1px solid #fff; 
}

#myTable th, #myTable td {
  text-align: left; 
  padding: 12px; 
  font-size:13pt;
}

#myTable tr {
  border-bottom: 1px solid #fff;
}

#myTable tr.header, #myTable tr:hover {
  background-color: #0e171a;
}