*{box-sizing: border-box;}[class*="col-"] {float: left;padding: 15px;width: 100%;}html,body {margin:0;padding:0;height:100%;}.container {min-height:100%;position:relative;}.body {padding:10px;padding-bottom:80px;background-color:#f9f6e5;}.body_colour{ background: #f9f6e5;}.header {background-color: #cacc00;background-image:linear-gradient(#b89b00,#f9f6e5);color: #000;text-align:center;padding:10px;}.header h1 a{text-decoration:none;color:black;font-family:Quattrocento;text-shadow: 2px 2px 5px white;}.smallword{font-size:12px;font-family: Arial;font-style:italic;}.footer {font-family:Arial;position:absolute;bottom:0;width:100%;height:70px;background-color: rgba(255,255,255,1);padding:10px;float:left;color:black;font-size:14px;}.footer span{margin:10px;}.row:after {content: "";clear: both;display: block;}#gotolis{text-decoration:none;color:darkblue;font-family:Quattrocento;}#logoheader{display: block;max-width:230px;max-height:50px;width: auto;height: auto;float:left;}.centerp{text-align:center;border-width:4px;border-style:outset;border-color:#ccac00;padding: 10px;background-color:#f4eecc;}.leftp{text-align:left;border-width:4px;border-style:outset;border-color:#ccac00;padding: 10px;background-color:#f4eecc;}.centerpc{text-align:center;font-size:1.5em;font-weight: bold;}.cospan{list-style-type:none;padding:5px;border-width:2px;border-style:outset;border-color:#e5b942;height:70px;background-color:#e8c25a;}.cop{font-size:20px;padding-left:20px;}.arrowsize{font-size:22px;color: #ccac00;}div li{text-align:center;}@-webkit-keyframes example {  from {opacity: 0.2;} to {opacity:1;}}@keyframes example {   from {opacity:0.2;}  to {opacity:1;}}.ninety{width:98%;margin-left:auto;margin-right:auto;}h2{border-bottom:2px solid gray;font-family:'Courgette', cursive;}.floatright{text-align:right;font-family:georgia;font-style:italic;color:gray;margin-top:-15px;}.bodycontent{line-height:2;color:#3c598e;font-size: 18px;font-family:georgia;}#wwd1, #wwd2, #wwd3, #wwd4, #wwd5, #wwd6, #wwd7, #wwd8, #wwd9{font-size:20px;text-decoration:underline;font-weight:bold;}.timul li{text-decoration:none;text-align:left;}.emptybox{width:50px;height:50px;background-color:#e8c25a;}table{width:80%;font-family:arial;font-weight:bold;}table td{padding:15px; color:#2d4074;}table tr:nth-child(even){background-color:#e8c25a;}table tr:nth-child(odd){background-color:#f3e0ac;}.centertable{text-align:center;}	table a{text-decoration:none;} 
.ulps li{padding:5px;border-width:2px;border-style:outset;border-color:#e5b942;width:80%;height:50px;background-color:#e8c25a;list-style-type:none;text-align:center;font-family:Arial;font-weight:bold;}.ulps a{text-decoration:none;color:black;}.google-maps {position: relative;padding-bottom: 50%;height: 0;overflow: hidden;border: 2px outset #d7dbe3;}.google-maps iframe {    position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}.borderbox{border-width:4px;border-style:outset;border-color:#000158;padding: 10px;width:320px;background-color:#f4eecc;}.borderbox p{font-family:georgia;}.emailto:link    {text-decoration:none;color:#006699;}.emailto:visited {text-decoration:none;color:purple;}.emailto:hover   {text-decoration:none;color:#000066;}.emailto:active  {text-decoration:none;color:#000066;}.telto:link    {text-decoration:none;color:#0892d0;}.telto:visited {text-decoration:none;color:purple;}.telto:hover   {text-decoration:none;color:#000066;}.telto:active  {text-decoration:none;color:#000066;}.pic {    width: 200px;	height: auto;	border: 2px solid #f6ce14;}.pic1 {    width: 200px;	height: auto;}.column {  float: left;  width: 25%;  padding: 2px;}.rowp::after {  content: "";  clear: both;  display: table;}@media screen and (max-width: 900px) {  .column {    width: 100%;  }}.column1 {  float: left;  width: 20%;  padding: 2px;}.rowp1::after {  content: "";  clear: both;  display: table;}@media screen and (max-width: 1000px) {  .column1 {    width: 100%;  }}/* Smartphones (portrait and landscape) ----------- */@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {/* Styles */	.col-p-1 {width: 8.33%;}    .col-p-2 {width: 16.66%;}  .col-p-3 {width: 25%;}    .col-p-4 {width: 33.33%;}   .col-p-5 {width: 41.66%;}    .col-p-6 {width: 50%;}    .col-p-7 {width: 58.33%;}    .col-p-8 {width: 66.66%;}    .col-p-9 {width: 75%;}    .col-p-10 {width: 83.33%;}    .col-p-11 {width: 91.66%;}    .col-p-12 {width: 100%;}	.logo {	display: block;	margin-left:auto;	margin-right:auto;    max-width:100%;    max-height:100%;    width: auto;    height:auto;    -webkit-animation-name: example; /* Chrome, Safari, Opera */    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */    animation-name: example;    animation-duration: 3s;	animation-iteration-count: 1; /* infinite to let animation loop infinity */}.slogan{font-size:18px;}} /* Smartphones (landscape) ----------- */@media only screen and (min-width : 321px) {/* Styles */.col-p-1 {width: 8.33%;}    .col-p-2 {width: 16.66%;}    .col-p-3 {width: 25%;}    .col-p-4 {width: 33.33%;}    .col-p-5 {width: 41.66%;}    .col-p-6 {width: 50%;}    .col-p-7 {width: 58.33%;}    .col-p-8 {width: 66.66%;}    .col-p-9 {width: 75%;}    .col-p-10 {width: 83.33%;}    .col-p-11 {width: 91.66%;}    .col-p-12 {width: 100%;}.logo {	display: block;	margin-left:auto;	margin-right:auto;    max-width:100%;    max-height:100%;    width: auto;    height:auto;    -webkit-animation-name: example; /* Chrome, Safari, Opera */    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */    animation-name: example;    animation-duration: 3s;	animation-iteration-count: 1; /* infinite to let animation loop infinity */}.slogan{font-size:18px;}} /* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {/* Styles */.col-p-1 {width: 8.33%;}    .col-p-2 {width: 16.66%;}    .col-p-3 {width: 25%;}    .col-p-4 {width: 33.33%;}    .col-p-5 {width: 41.66%;}    .col-p-6 {width: 50%;}    .col-p-7 {width: 58.33%;}    .col-p-8 {width: 66.66%;}    .col-p-9 {width: 75%;}    .col-p-10 {width: 83.33%;}    .col-p-11 {width: 91.66%;}    .col-p-12 {width: 100%;}.logo {	display: block;	margin-left:auto;	margin-right:auto;    max-width:100%;    max-height:100%;       width: auto;	height:auto;    -webkit-animation-name: example; /* Chrome, Safari, Opera */    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */    animation-name: example;    animation-duration: 3s;	animation-iteration-count: 1; /* infinite to let animation loop infinity */}} /* iPads (portrait and landscape) ----------- */@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {/* Styles */    .col-m-1 {width: 8.33%;}    .col-m-2 {width: 16.66%;}    .col-m-3 {width: 25%;}    .col-m-4 {width: 33.33%;}    .col-m-5 {width: 41.66%;}    .col-m-6 {width: 50%;}    .col-m-7 {width: 58.33%;}    .col-m-8 {width: 66.66%;}    .col-m-9 {width: 75%;}    .col-m-10 {width: 83.33%;}    .col-m-11 {width: 91.66%;}    .col-m-12 {width: 100%;}.logo {	display: block;	margin-left:auto;	margin-right:auto;    max-width:65%;    max-height:100%;    width: auto;    height: auto;    -webkit-animation-name: example; /* Chrome, Safari, Opera */    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */    animation-name: example;    animation-duration: 3s;	animation-iteration-count: 1; /* infinite to let animation loop infinity */}} /* iPads (landscape) ----------- */@media only screen /*and (min-device-width : 533px) */and (min-device-width : 768px) and (max-device-width : 800px) and (orientation : landscape)and (orientation : landscape) {/* Styles */    .col-m-1 {width: 8.33%;}    .col-m-2 {width: 16.66%;}    .col-m-3 {width: 25%;}    .col-m-4 {width: 33.33%;}    .col-m-5 {width: 41.66%;}    .col-m-6 {width: 50%;}    .col-m-7 {width: 58.33%;}    .col-m-8 {width: 66.66%;}    .col-m-9 {width: 75%;}    .col-m-10 {width: 83.33%;}    .col-m-11 {width: 91.66%;}    .col-m-12 {width: 100%;}.logo {	display: block;	margin-left:auto;	margin-right:auto;    max-width:65%;    max-height:100%;    width: auto;    height: auto;    -webkit-animation-name: example; /* Chrome, Safari, Opera */    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */    animation-name: example;    animation-duration: 3s;	animation-iteration-count: 1; /* infinite to let animation loop infinity */}} /* iPads (portrait) ----------- */@media only screen and (min-device-width : 768px) and (max-device-width : 800px) and (orientation : portrait)and (orientation : portrait) {/* Styles */    .col-m-1 {width: 8.33%;}    .col-m-2 {width: 16.66%;}    .col-m-3 {width: 25%;}    .col-m-4 {width: 33.33%;}    .col-m-5 {width: 41.66%;}    .col-m-6 {width: 50%;}    .col-m-7 {width: 58.33%;}    .col-m-8 {width: 66.66%;}    .col-m-9 {width: 75%;}    .col-m-10 {width: 83.33%;}    .col-m-11 {width: 91.66%;}    .col-m-12 {width: 100%;}.logo {	display: block;	margin-left:auto;	margin-right:auto;    max-width:65%;    max-height:100%;    width: auto;    height: auto;    -webkit-animation-name: example; 
/* Chrome, Safari, Opera */    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */    animation-name: example;    animation-duration: 3s;	animation-iteration-count: 1; /* infinite to let animation loop infinity */}} /* Desktops and laptops ----------- */@media only screen and (min-width : 1224px) {/* Styles */    .col-1 {width: 8.33%;}    .col-2 {width: 16.66%;}    .col-3 {width: 25%;}    .col-4 {width: 33.33%;}    .col-5 {width: 41.66%;}    .col-6 {width: 50%; }    .col-7 {width: 58.33%;}    .col-8 {width: 66.66%;}    .col-9 {width: 75%;}    .col-10 {width: 83.33%;}    .col-11 {width: 91.66%;}    .col-12 {width: 100%;}	.logo {	display: block;	margin-left:auto;	margin-right:auto;    max-width:60%;    max-height:100%;    width: auto;    height: auto;    -webkit-animation-name: example; /* Chrome, Safari, Opera */    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */    animation-name: example;    animation-duration: 3s;	animation-iteration-count: 1; /* infinite to let animation loop infinity */}} /* Large screens ----------- */@media only screen and (min-width : 1824px) {/* Styles */    .col-1 {width: 8.33%;}    .col-2 {width: 16.66%;}    .col-3 {width: 25%;}    .col-4 {width: 33.33%;}    .col-5 {width: 41.66%;}    .col-6 {width: 50%; }    .col-7 {width: 58.33%;}    .col-8 {width: 66.66%;}    .col-9 {width: 75%;}    .col-10 {width: 83.33%;}    .col-11 {width: 91.66%;}    .col-12 {width: 100%;}	.logo {	display: block;	margin-left:auto;	margin-right:auto;    max-width:60%;    max-height:100%;    width: auto;    height: auto;    -webkit-animation-name: example; /* Chrome, Safari, Opera */    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */    animation-name: example;    animation-duration: 3s;	animation-iteration-count: 1; /* infinite to let animation loop infinity */}}