@charset "utf-8";*{margin:0;padding:0;border:0;}
a{text-decoration:none;border:none;}
body{font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#F2F6FB;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;} 
#bodypat{/*background:url('images/bg_pattern-min.png')*/background:#F2F6FB;width:100%;height:100%;}
#container{max-width:100%;text-align:center;margin:auto;padding-top:10px;}
.clearfix:after{content:" ";clear:both;height:0;visibility:hidden;display:block;}
.centered{margin:0 auto;text-align:center}
h1, h2, h3, h4, h5{font-weight:normal;}
h1{font-size:2.2em;color:#0066CC;}
h2{font-size:2.0em;}
h3{font-size:1.8em;color:#0066CC;}
h4{font-size:1.7em;color:darkgray;}
h5{font-size:1.6em;color:white}
p{font-size:1.1em;line-height:1.3em;padding-bottom:10px;font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}
.lead {font-size: 125%;font-weight:300;color:#444}
.box-main{border:thin #4F7AB7 solid;border-radius:8px;padding:8px;background:white;margin-bottom:8px;}
header a{border:none;text-decoration:none;}
/*header{background-position:0% 0%;min-height:100px;margin:0 5px 10px 5px;background-size:50px 50px;background-color:#5279B9;behavior:url(/pie/PIE.htc);border:thick solid aliceblue;border-radius:10px;background-image:linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);background-repeat:repeat;background-attachment:scroll;}*/
header{background:#fff url(https://www.dj-pli.co.uk/images/header-2023d1.jpg) no-repeat;width:100%;text-align:center;margin:0 auto}
#headerlink{float:left;}
#logo{display:inline;margin:23px 20px 20px 20px;vertical-align:top;text-align:center}
#sitename{font-size:6em;color:white;text-shadow:4px 4px #333333;;margin-left:20px;padding-bottom:20px;}
nav{font-size:1.4em;text-transform:uppercase;font-weight:600;display:inline-block;margin-left:20px;margin-right:20px;margin-top:5px;}
#nav a{color:#202020;}
.sub-title{display:inline-block;float:right;margin-right:20px;}
ul#nav{position:relative;list-style:none;overflow:visible;margin:0 auto;font:70%/1.5 Verdana, Arial, Sans-Serif;}
ul#nav li.current > a{color:#fff;}
ul#nav:hover li.current > a{background-color:#96B6EA;color:#1a1a1a;}
ul#nav > li a{padding:5px 10px;background-color:#96B6EA;border-right:thin #282781 solid;:background 0.3s, color 0.3s;-moz-transition:background 0.3s, color 0.3s;-webkit-transition:background 0.3s, color 0.3s;-o-transition:background 0.3s, color 0.3s;}
ul#nav > li{float:left;;position:relative;line-height:50px;}
ul#nav li span{position:relative;;z-index:600;}
ul#nav:hover > li:hover > a{color:#fff;}
nav > select{display:none;width:300px;background-color:#e5e5e5;color:#404040;padding:5px 0 0 5px;margin-left:auto;margin-right:auto;}
nav > select:hover{background-color:#f4f4f4;}
nav > select > option{padding:5px;}
nav > select{display:block;}
#content a:hover{text-decoration:none;}
#content{max-width:1200px;margin:auto;color:#888;margin-top:10px;}
#sidebar a:hover{text-decoration:none;}
.two-thirds, .one-fourth{margin:0 3% 20px 0;float:left;position:relative;}
.one-third{margin:0 4% 20px 0;float:left;position:relative;}
.one-third{width:28.0%;}
.form1{margin:0 4% 5px 0;float:left;position:relative;}
.form1{width:30.66%;}
.two-thirds{width:65.0%;}
.one-fourth{width:22.5%;}
.one-half{width:46%;margin:0 3% 0 0;float:left;position:relative;}
#single{float:left;max-width:780px;text-align:left;margin-left:5px;}
.spf-article{position:relative;}
.spf-content{color:#888;padding:10px 15px 10px 15px;}
article ul{padding:0 0 20px 20px;font-size:1.3em;line-height:1.5em;font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}
article ul li{padding:5px 0;}
.parabox{border:thin #4F7AB7 solid;border-radius:8px;padding:10px;box-shadow:5px 5px 3px #888888;background:white;margin-bottom:8px;}
.parabox2{border:thin #4F7AB7 solid;border-radius:8px;padding:10px;box-shadow:5px 5px 3px #888888;background:white;margin-bottom:8px;}
input, textarea{border:1px solid #CCC;font-size:1.3em;padding:2px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#fff;-moz-box-shadow:inset 0px 0px 6px #CCC;-webkit-box-shadow:inset 0px 1px 6px #CCC;box-shadow:inset 0px 1px 6px #CCC;}
input::-webkit-input-placeholder, input:-moz-placeholder, .placeholder{color:#bbb;}
#sidebar{float:right;width:380px;height:100%;text-align:left;overflow:hidden;padding-right:5px;}
.widget h5{color:#fff;font-size:1em;line-height:1.6em;padding:5px 5px 5px 10px;background-color:#7098D9;border-radius:6px 6px 0 0;box-shadow:0 4px 4px -2px rgba(0, 0, 0, 0.5);}
.widget{font-size:1.1em;margin-bottom:10px;position:relative;}
.widget p{font-size:1.1em;}
.widget ul{padding-left:20px;list-style:none;}
table, td, td{border-spacing:1px;color:#888;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.text-widget p{padding:10px;}
.footer{background-color:#7C9ACC;padding:15px 20px 5px 20px;text-align:left;margin:0 4px 0 6px;border:thin lightgrey solid;border-radius:8px;box-shadow:5px 5px 3px #888;}
.footer h4{font-size:1.7em;color:lightgray;}
.footer a{color:white;}
.footer a:hover{color:black;}
.redtxt{color:#E61400 !important;}
.whitetxt{color:#fff !important;}
.greentxt{color:#319A31 !important;}
.last{margin-right:0;float:right}
noindex:-o-prefocus, #content-title, .page-sub-title h1, .section-title, .widget h5{font-family:'Verdana' !important;}
a{color:#0066D5;}
ul#nav li.current > a, ul#nav:hover > li:hover > a{background-color:#282781;}
.contact-form input, .contact-form textarea, .contact-form select{background-color:#E0F4E1;color:#888;padding:5px 0;font:inherit;width:95%;text-indent:5px;font-size:small;margin:0 0 10px 0}
.contact-form textarea{height:50px;}
#button{padding:2px 10px;font-size:12px;background-color:#eee;transition:background-color 0.5s, color 0.5s;-moz-transition:background-color 0.5s, color 0.5s;-webkit-transition:background-color 0.5s, color 0.5s;-o-transition:background-color 0.5s, color 0.5s;text-decoration:none;display:inline-block;}
#button:hover{text-decoration:none;border:thin cornflowerblue solid;}
.more{text-align:right}
.logos {float:right}
.rowindex{flex-wrap:wrap;}
.zoom {transition: transform .2s; }
.zoom:hover {transform: scale(1.1); }
a.buttonlink{background:#4E7FCC;border-radius:7px;color:#fff;display:inline-block;margin:10px 5px 10px 0;padding:10px;text-decoration:none;box-shadow:5px 5px 3px #555;}
a.buttonlink:hover{background:#84ACEB;color:black;text-decoration: none;}

@media all and (max-width:1200px){
#sitename{font-size:5.0em} 
#container{padding-top:10px;max-width:98%;margin-left:5px;}
header{padding-top:25px;}
#headerlink{float:none;display:block;}
nav{margin:0 20px 0 20px;text-align:center;}
#content{width:98%;max-width:98%;}
#single{max-width:100%;margin-right:0px;margin-left:5px;padding:0}
#sidebar{width:100%;margin-right:0;margin-left:0;}
.one-third, .two-thirds, .one-fourth, .one-half{margin:0 0 2px 0;float:none;display:block;width:100%;}
.last{margin-right:0;float:none}
.logos{float:none;display:block;}
}