html, body {  margin: 0 !important;  padding: 0 !important; } body {  background-color: #fff;  color: #444;  font-family: VERDANA, ARIAL, HELVETICA, sans-serif;  font-size: 16px;  font-weight: normal;  margin: 0; } a {  text-decoration: none;  color: #003399;  border-bottom: 1px dotted; } a:hover {  border-bottom: 1px solid; } h1 {  text-shadow: 3px 3px 5px #777;  font-variant: small-caps;  margin-bottom: 0; }  h2 {  text-shadow: 2px 2px 1px #DDD;  margin-bottom: 0; } blockquote {  color: #777;  display: block;  padding: 15px 20px;  width: 80%;  position: relative;  border-left: 15px solid #79BFA1;  border-right: 2px solid #79BFA1;  -moz-box-shadow: 2px 2px 15px #ccc;  -webkit-box-shadow: 2px 2px 15px #ccc;  box-shadow: 2px 2px 15px #ddd;  margin: 0 auto; } .two-col-cell {  display: table-cell;  float: left;  width: calc(100% / 2); } .three-col-cell {  display: table-cell;  float: left;  width: calc((100% / 3) - 6px); } .sub {  font-size: 120%;  padding: 3px 0;  margin: 0; } .clear {  clear: both; } .navi {  font-size: 140%; } .gallery {  text-align: center;  padding: 10px 0;  margin: 1px; } .gallery img {  width: 90%; } ul#menu {  width: 220px;  position: absolute;  top: 16%;  left: 3%;  margin: 0;  padding: 0;  list-style-type: none;  z-index: 1000; } ul#menu li {  border-top: 1px solid #888;  border-bottom: 1px solid #E5E5E5; } ul#menu li a {  font-size: 100%;  font-variant: small-caps;  text-decoration: none;  color: #000000;  padding: 10.5px 10px;  background-color: #E5E5E5;  display: block;  border: none !important; } ul#menu li a:hover, ul#menu li a.active {  background-color: #C8006E;  color: #fff;  border: none !important; } #banner {  display: table;  width: 100%;  height: 120px;  background-color: #C8006E;  color: #fff;  margin-top: 18px; } #header {  display: table-cell;  text-align: center;  vertical-align: middle;  /* padding-left: calc(200px + 2% + 2%) ;*/ } #content {  display: table;  width: calc(100% - (10% * 2));  margin: 0;  margin-left: calc(140px + 10%);  margin-bottom: 15px; } .pageitem {  width: 90%;  margin-left: 5%;  margin-right: 5%;  margin-bottom: 15px;  float: left; } .pageitem p {  text-align: left; } .pageitem ul li {  padding: 0;  margin: 0;  list-style: none; } .pageitem ul li:before {  content: '\f061';  font-family: VERDANA, ARIAL, HELVETICA, sans-serif;  float: left;  margin-left: -1.5em;  color: #7959a3; } .pageitem ol li {  counter-increment: list;  list-style: none; } .pageitem ol li:before {  color: #7959a3;  content: counter(list) ".";  text-align: right;  position: absolute;  left: calc(200px + 2% + 2%);  width: 30px; } #footer {  background-color: #F8EBF1;  border-top: 2px solid #AAAAAA;  text-align: center;  padding: 15px;  font-size: 100%;  line-height: 70%;  clear: both; } #show-menu {  display: none; } .open, .close {  background-color: inherit;  color: #fff;  text-align: right;  font-weight: normal;  font-size: 1.5em;  padding: 0;  position: absolute;  top: 135px;  left: 4%;  display: none; }  /* Responsive styles */ @media screen and (max-width: 1000px) {  .three-col-cell { width: calc((100% / 2) - 6px);  } } @media screen and (max-width: 750px) {  #content { margin-left: auto !important; margin-right: auto !important; width: calc(100% - (2% * 2));  }  #header { padding-left: 4%;  }  .pageitem ol li:before { left: calc(2% + 2%);  }   ul#menu { display: none;  }  .hide, .open { display: block;  }  #show-menu:checked ~ .open { display: none;  }  #show-menu:checked ~ .close { font-size: 1.6em; display: block;  }  #show-menu:checked ~ ul#menu { display: initial; width: 100%; text-align:center; position: absolute; top: calc(18px + 150px); right: 0; left: auto; opacity: 0.95; filter: alpha(opacity=95);  } } @media screen and (max-width: 650px) {  .three-col-cell { width: calc(100% / 1);  }  .two-col-cell { width: calc(100% / 1);  }  .gallery img { width: 70%;  }  #footer { text-align: center;  } }