body {
  padding : 0px;
  Margin : 0px;
  font-family: AR CHRISTY, "Times New Roman",
        Times, serif;
  color: grey;
  background-color: black;
  background: #000000 url('.png') fixed 100%; 
}
@font-face {
    font-family: 'satisfactionregular';
 
                     src: url('satisfaction-webfont.eot');
   
                     src: url('satisfaction-webfont.eot?#iefix') format('embedded-opentype'),
 
                     url('satisfaction-webfont.woff2') format('woff2'),
  
                     url('satisfaction-webfont.woff') format('woff'),
     
                     url('satisfaction-webfont.ttf') format('truetype'),
     
                     url('satisfaction-webfont.svg#satisfactionregular') format('svg');
  
                     font-weight: normal;
  
                     font-style: normal;


}
@font-face {
    font-family: 'archristy';
 
                     src: url('archristy-webfont.eot');
   
                     src: url('archristy-webfont.eot?#iefix') format('embedded-opentype'),
 
                     url('archristy-webfont.woff2') format('woff2'),
  
                     url('archristy-webfont.woff') format('woff'),
     
                     url('archristy-webfont.ttf') format('truetype'),
     
                     url('archristy-webfont.svg#archristy') format('svg');
  
                     font-weight: normal;
  
                     font-style: normal;
}
@font-face {
    font-family: 'HORNSWOG';
 
                     src: url('HORNSWOG-webfont.eot');
   
                     src: url('HORNSWOG-webfont.eot?#iefix') format('embedded-opentype'),
 
                     url('-webfont.woff2') format('woff2'),
  
                     url('HORNSWOG-webfont.woff') format('woff'),
     
                     url('HORNSWOG-webfont.ttf') format('truetype'),
     
                     url('HORNSWOG-webfont.svg#HORNSWOG') format('svg');
  
                     font-weight: normal;
  
                     font-style: normal;

 }
#wrapper {
  width : 900px;
  height : auto; 
  background : url('');
  border-left : 0px solid #000000 ;
  border-right : 0px solid #000000 ;
  border-top : 0px solid #000000 ;
  border-bottom : 0px solid #000000 ;
  overflow : auto;
  margin : 0 auto;
  padding : 10px;  
  color: #ea9999;

}
}
#navbar{
  font-family: 'hornswog';
  font-size: 2em;
  text-decoration: none;
  display:inline-block;
  -webkit-transition: all 1s  ease
}
A.class1 {color:#FFC000;}
A.class1:link  {text-decoration: none; color: #FFC000;}
A.class1:visited {text-decoration: none; color: #FFC000;}
A.class1:hover {text-decoration: none; color: yellow;}
A.class1:active {text-decoration: none; color: #FFFFFF;}
}
A.class2 {color:black;}
A.class2:link {text-decoration: none; color: black;}
A.class2:visited {text-decoration: none; color: black;}
A.class2:hover {text-decoration: none; color: white;}
A.class2:active {text-decoration: none; color: black;} 
}
A.class3 {color:white;}
A.class3:link {text-decoration: none; color: white;}
A.class3:visited {text-decoration: none; color: white;}
A.class3:hover {text-decoration: none; color: #ffc000;}
A.class3:active {text-decoration: none; color: white;}


.current {
    background-color: #776536;
    color: #776536;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
address {
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin 
}
.hover {
    background-color: #776536;
    color: #776536;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.dover {
    background-color: blue;
    color: ##776536;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.mover {
    background-color: red;
    color: ##776536;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 
}
#navbar{
  font-family:'satisfactionregular';
  font-size: 2em;
  text-decoration: none;
  display:inline-block;
  -webkit-transition: all 1s ease
}
#bar {
    background:#ffffff;
    font-family:Designio;
    position:absolute;
    left: 0;
    right: 0;
    padding:15px;
    height:100px;
    background-size:100%;      
}
#footer {
    background: #ECECEC;
    width: 100%;
    height: 60px;
    left: 0;
    right: 0;
    padding:15px;
    position: absolute;
    bottom: 0;
    left: 0;
    display:table;
}
.nav ul li a:hover {
    color: #776536;}
.nav ul li a:active{
    color: #776536;
    }
.input[type=text] {
    width: 130px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
input[type=text]:focus {
    width: 100%;
}

/*Navigation*/
 
#nav {
 font: 20px/25px  satisfactionregular, segoe script, archristy, Helvetica, sans-serif;
}
#footerlist li {
  display: inline;
  list-style-type: none;
  padding-right: 30px; 
 } 
hover {
 color: #ffC000;
}
h1 {
  font-family: satisfactionregular, Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
  color: #ea9999;}
}
address {
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin 
}
h3 {
  font-family: satisfactionregular, Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
  color: #ea9999;}
}