body {background:black;font-family:verdana, helvetica;font-size:10pt;color:#191919;margin:0;}
h1 {font-size:18pt;font-weight:bold;margin:20px 0;color:#000000}
h2 {font-size:14pt;font-weight:bold;margin:15px 0;color:#000000}
h3 {font-size:12pt;font-weight:bold;margin:10px 0;color:#000000}
a {color:#663333;text-decoration:underline;}
a:hover { color:#191919; text-decoration:underline;}
a:active { color:#663333; text-decoration:underline;}
a:visited { color:#191919; text-decoration:underline;}

div.container {width:100%;max-width:980px;margin:0 auto;background:URL(/includes/bg_page.gif) repeat; padding:50px 0 0 0;}
div.header {width:980px;height:241px;margin:0}
div.topmessage {width:800px;margin:0 auto;padding:5px 0;text-align:center;}
div.maincontainer {width:100%;max-width:980px;margin:0 auto;padding:0;}
div.bottomcontainer {width:100%;max-width:980px;margin:0 auto;padding:0;}
div.mainbody {width:80%;margin:20px auto;padding:5px 40px;background-color:#CBC0AA;border-radius: 25px;box-shadow: 0 1px 8px 0 rgba(0,0,0,.5);}
div.bottommessage {margin: 50px 20px 0 0;  text-align: center;  border-top: 1px black solid;  padding: 20px;font-size:10pt;}
div.bottom {margin:0;padding:20px 0;text-align:center;font-size:16px;}
ul.menu {margin:10px 0;padding:0;display:none;}
ul.menu li {display:inline;margin-right:20px;font-family: 'Times New Roman', serif;font-size:16px !Important;}
ul.menu li a {color:#CBC0AA;text-decoration:none;font-weight:bold;}
div.logo-left {float:left;width:40%;max-width:291px;margin-left:20px;}
div.logo-right {float:right;width:40%;max-width:324px;margin-right:20px;}
div.logo-left img, div.logo-right img {width:100%;}
div.logo {width: 400px; text-align: center; font-family: 'Times New Roman', serif; font-size: 16px; margin: 50px auto 20px auto;}
div.logo img {display:block;width:100%;margin:0 auto 10px auto;}
div.services {margin:20px auto;width:280px;text-align:center;}
div.services a {display:block;width:100%;margin:5px auto;padding: 7px 0;border-radius:7px 0;background-color:black;color:#CBC0AA;font-size:14pt;text-align:center;text-decoration:none;}
div.services a:hover {color:white;}

h1.desktop {display:block;text-align:center;}
h1.mobile {display:none;text-align:center;font-size:18pt;}
h1.mobile span {font-size:12pt;}

h1.topic::before {
content: url('/includes/fleur-de-lis.png');
position: absolute;
top: -20px;
left: -36px;
}

h1.topic::after {
content: url('/includes/fleur-de-lis.png');
position: absolute;
top: -20px;
right: -36px;
}

h1.topic {
  width: 250px;
  background-color: black;
  position: relative;
  margin: 30px auto;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
  color: #CBC0AA;
  text-align: center;
  font-family: 'Times New Roman', serif;
  font-weight: normal;
  font-size: 16pt;
  padding: 3px 0;
  border-radius: 10px;
}

.topwrapper {width:100%;background-color:black;height:40px;position:fixed;z-index:1000;}

.topnav {
  overflow: hidden;
  background-color: black;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  z-index:1000;
  position:relative;
}

.topnav a {
  display: block;
  float:left;
  color: #CBC0AA;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  font-size: 16px;
  width:100%
  max-width:980px;
  margin:0 auto;
  font-family: 'Times New Roman', serif;
  font-weight:bold;
}

.topnav a:hover {
  background-color: black;
  color: white;
}

.topnav a.active {
  background-color: black;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 979px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 979px) {
  .topnav.responsive {position: relative;z-index:1000;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}


@media only screen and (max-width: 979px) {
div.container {padding:10px 0 0 0;}
div.logo-left {display:block;float:none;width:100%;max-width:291px;margin:40px auto 0 auto;}
div.logo-right {display:block;float:none;width:100%;max-width:150px;margin:0 auto;}
div.logo-left img, div.logo-right img {width:100%;}
div.bottom {font-size:14px;}
ul.menu li {display:inline;margin-right:20px;font-family: 'Times New Roman', serif;font-size:14px}
h1 {font-size:16pt;font-weight:bold;margin:10px 0;color:#000000}
h2 {font-size:12pt;font-weight:bold;margin:10px 0;color:#000000}
div.logo {width: 275px;margin: 40px auto 20px auto;}
}

@media only screen and (max-width: 640px) {
div.mainbody {padding:5px 20px;}
h1.desktop {display:none;}
h1.mobile {display:block;}
}
@media only screen and (max-width: 400px) {
div.logo {width: 275px;margin: 40px auto 10px auto;}
}