@font-face {
    font-family: gothic;
    src: url("http://www.jvirdenceramics.com/fonts/gothic.ttf");
}

body {
  font-family: gothic;
  font-size: 11px;
  color: #3B3030;
  margin: 0px,20px,0px,20px;
  background-color: #3c3837;
  }

p { 
    font-family: gothic;
    font-size: 14px;
    font-weight: normal;
    color: white;
    text-align: right;
  }
 .header1 { 
    font-family: gothic;
    font-size: 20px;
    font-weight: bold;
    color: #AC5F35;
    text-align: right;
    letter-spacing: 10px;
    margin: 2em,0em,2em,0em;
  }
 .header2 { 
    font-family: gothic;
    font-size: 16px;
    font-weight: normal;
    color: white;
    text-align: right;
    letter-spacing: 8px;
    margin: 2em,0em,2em,0em;
  }
 .menuactive {
    font-family: gothic;
    font-size: 16px;
    font-weight: bold;
    color: #AC5F35;
    text-align: right;
    letter-spacing: 6px;
  }
 .topmenuactive {
    font-family: gothic;
    font-size: 20px;
    font-weight: normal;
    color: #AC5F35;
    text-align: left;
    letter-spacing: 6px;
  }
 .contact { 
    font-family: gothic;
    font-size: 14px;
    font-weight: normal;
    color: white;
    text-align: left;
    letter-spacing: 4px;
    margin: 2em,0em,2em,0em;
  }
 .information {
    font-family: gothic;
    font-size: 14px;
    font-weight: normal;
    color: white;
    text-align: left;
    line-height:20pt; 
  }
 .details {
    font-family: gothic;
    font-size: 12px;
    font-weight: bold;
    color: white;
    text-align: right;
    line-height: normal;
  }

a:link, a:visited {
    font-family: gothic;
    font-size: 14px;
    font-weight: normal;
    color: white;
    text-align: left;
    letter-spacing: normal;
    text-decoration: none;
  }
a:hover { 
    color: #AC5F35;
    text-decoration: none;    
  }

a.menu:link, a.menu:visited {
    font-family: gothic;
    font-size: 16px;
    font-weight: normal;
    color: white;
    text-align: right;
    letter-spacing: 6px;
  }
a.menu:hover { 
    color: #AC5F35;
    text-decoration: none;
  }

a.centermenu:link, a.centermenu:visited {
    font-family: gothic;
    font-size: 20px;
    font-weight: normal;
    color: white;
    text-align: center;
    letter-spacing: 6px;
    text-decoration: none;
  }
a.centermenu:hover { 
    color: #AC5F35;
    text-decoration: none;
  }

a.topmenu:link, a.topmenu:visited {
    font-family: gothic;
    font-size: 20px;
    font-weight: normal;
    color: white;
    text-align: left;
    text-decoration: none;
    letter-spacing: 6px;
  }
a.topmenu:hover { 
    color: #AC5F35;
    text-decoration: none;
  }

a.links:link, a.links:visited {
    font-family: gothic;
    font-size: 16px;
    font-weight: normal;
    color: white;
    text-align: right;
    letter-spacing: normal;
    text-decoration: none;
  }
a.links:hover { 
    color: #AC5F35;
    text-decoration: none;
  }

a.number:link, a.number:visited {
    font-family: sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #3c3837;
    text-align: right;
    letter-spacing: normal;
    text-decoration: none;
  }
a.number:hover { 
    font-family: sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: gray;
    text-decoration: none;
  }

img {
    border-width: 4px;
    border-color: white;
  }

img.subimg {
    border-width: 0px;
    border-color: white;
  }