/* Generated by KompoZer */
body {
  margin: 0;
  padding: 0;
  font-family: "Times New Roman",Times,serif;
  background-image: url(OPAQ0006.GIF);
}
ul {
  padding: 15px;
    margin-left: 7%; 
    margin-right: 7%; 
}
li {
  margin: 30px 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#header {
  border-bottom: 2px solid black;
  background-image: url(Opaq0006.gif);
}
#main {
  border-left: 2px solid black;
  position: absolute;
  left: 100px;
  padding-left: 30px;
  padding-right: 45px;
  background-image: url(Opaq0006.gif);
}
.style1 {
  font-family: "Times New Roman",Times,serif;
  font-size: 12pt;
  font-weight: bold;
}
/* moved to hoverbox.css
img {
  margin: 0 12px;
  float: left;
}*/
p.c18 {
  color: white;
  font-size: 80%;
  text-align: left;
}
span.c17 {
  color: white;
  font-size: 80%;
}
div.ex1 {
float:right;
}
div.c16 {
  margin-left: 2em;
}
hr.c15 {
  text-align: center;
}
span.c14 {
  color: #bf0000;
  font-size: 80%;
}
p.c13 {
  text-align: left;
}
span.c12 {
  color: #bf0000;
}
span.c11 {
  color: red;
}
li.c10 {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
span.c9 {
  color: red;
  font-size: 80%;
}
span.c8 {
  text-decoration: underline;
}
span.c7 {
  color: #ff0000;
  margin-left: 7%; 
  margin-right: 7%; 
}
span.c6 {
  font-size: 150%;
}
div.c5 {
  text-align: center;
}
span.c4 {
  font-size: 80%;
}
div.c3 {
  text-align: right;
}
p.c2 {
  text-align: center;
}
div.c1 {
  border: 1px solid #c2c2c2;
  background: #c2c2c2 none repeat scroll 0%;
  position: absolute;
  visibility: hidden;
}

.marble {
  border-right: 2px solid black;
  width: 10%;
  height: 100%;
  
  background-image: url(marbled.jp2);
  background-repeat: repeat-y;
  background-attachment: fixed;
}

#footer_links {
  background-color: rgb(238, 190, 95);
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding: 6pt;
  font-style: italic;
  align-items: stretch;
}

#footer_links > div > div {
  padding: 2pt;
}

.bold {
  font-weight: bold;
}

.inline {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.mobile_only {
  visibility: hidden;
  width: 0;
  height: 0;
}

#contact_info {
  font-weight: bold;
}

@media screen and (max-width: 600px) {
  
  .inline {
    flex-wrap: wrap;
  }
  
  .mobile_hide {
    visibility: hidden;
    width: 0;
    height: 0;
  }
  
  .mobile_only {
    visibility: initial;
    width: initial;
    height: initial;
  }
  
  #contact_info {
    width: 100%;
    padding-top: 12pt;
    
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  
  #contact_info > div {
    padding: 0 4pt;
  }
}