*                             {margin: 0; padding: 0; box-sizing: border-box;}
html                          {font-family: 'Calibri';}


iframe    {border: none;}

body {
  counter-reset: section;
}

h9::before {
  counter-increment: section;
  content: "" counter(section) ": ";
  color: #333388;
  font-size: 1.4dvw;
  text-align: left;
  text-decoration: underline}

.popup {
  display: inline;
  border: 0.1vw solid blue;
  color: #333388;
  font-size: 1.2dvw;
  text-align: center;
  border-radius: 6px;
  padding: 0vw 0vw 0vw 0.2dvw;
  margin: 0VW 0.2VW 0VW 0dvw;}

.popup .popuptext {
  display: inline-block;
  visibility: hidden;
  width: 60%;
  left: 20%;
  background-color: #f4f4ff;
  font-size: 1.2dvw;
  color: #333388;
  text-align: center;
  padding: 0.5dvw;
  border: 0.1vw solid grey;
  border-radius: 8px;
  position: absolute;
  z-index: 1;}

.popup:hover .popuptext {
  display: inline-block;
  visibility: visible;}

.layout_l             {display: block;
                      position: absolute;
                      top: 0;
                      left: 0;
                      float: left;
                      height: 100wv;
                      width: 50%;
                      background-color: #aaa;
                      overflow-x: hidden;}

.layout_r             {display: block;
                      position: absolute;
                      top: 0;
                      left: 50%;
                      float: right;
                      height: 100wv;
                      width: 50%;
                      background-color: #444;
                      overflow-x: hidden;}

----------------------------------------------------

.twocol  {columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;}
  
a:link                       	 {color: #202099; text-decoration: underline;}
a:visited                   {color: #9977ee;}
a:hover                    {color: #6677ee;}
a:active                    {color: #224499;}

div                   {display: inline-block;}

.bg_img               {display: inline-block;
                      background-image: url(https://potholesuk.org/img/blank.gif);
                      width: 1dvw;
                      height: 0.1dvw;
                      color: #ffffff;
                      opacity: 0;}

hr	{color: #666; background-color: #fff; width: 100%; height: 0.1dvw; display: inline-block;}


p 	{display: inline-block;}
.ital	{display: inline-block; white-space: nowrap; font-style: italic;}
.und	{display: inline-block; white-space: nowrap; font-style: normal; text-decoration: underline;}
.ital_un	{display: inline-block; white-space: nowrap; font-style: italic; text-decoration: underline;}
.ital_un_col	{display: inline-block; white-space: nowrap; font-style: italic; text-decoration: underline; color: #4444ff;}

ol                        {list-style-position: inside;
                            margin: 0.5dvw;
                            padding: 0.5dvw;
                            line-height:1.2;
                            clear: both;}

ul                        {list-style-position: inside;
                            margin: 0.5dvw;
                            padding: 0.5dvw;
                            line-height:1.2;
                            clear: both;}

li                        {margin: 0vw 0vw 0.5dvw 0dvw;}

li:last-child       {margin-bottom: 0dvw;}

.ul_2col_in {
  display: inline-grid;
  order: 1;
  grid-column-gap: 5dvw;
  grid-template-columns: repeat(2, 1fr);}

.ul_2col {
  display: grid;
  order: 1;
  grid-column-gap: 1dvw;
  grid-template-columns: repeat(2, 1fr);}

.ul_3col {
  display: grid;
  order: 1;
  grid-column-gap: 1dvw;
  grid-template-columns: repeat(3, 1fr);}

form, span               {display: inline-block;}

header             {display: block;
                          border-style: solid;
                          border-width: 0.1vw 0.1vw 0.1vw 0.1dvw;
                          border-color: #666688;
                          padding: 0.7vw 0vw 0vw 0dvw;
                          background-image: url("../img/Header.jpg");}
                          
header a:link        {background-color: #AFCFEF;}
header a:hover     {background-color: #7090ff;}

.sub_hdr         {display: inline-block;
                           position: relative;
                           width: 100%;
                           padding: 0vw 0vw 0.3vw 0dvw;}

.cookies            {position: fixed;
                    display: block;
                    top: 0dvw;
                    right: 0%;
                    width: 100%;
                    text-align: center;
                    box-sizing: border-box;
                   -webkit-box-sizing: border-box;
                   -moz-box-sizing: border-box;
                    border-style: solid;
                    border-width: 0.15vw 0.15vw 0.1vw 0.15dvw;
                    border-color: #333399;
                    transition: all 1s ease-in-out;
                    background-color: #efefef;
                    font-family: "Times New Roman";
                    font-size: 1.4dvw;
                    color: #000055;
                    z-index: 1;
                    opacity: 0.9;}

.cookies a:link   {top: -100;
                    font-family: "Calibri";
                    font-size: 20dvw;
                    transition: all 1s ease-in-out;}

.backtotop      {display: inline-block;
                           position: absolute;
                           right: 0.5dvw;}

.blank              {display: inline-block;
                          padding: 0vw 1vw 0vw 1dvw;}

.brk                  {display: block;
                           line-height: 1.2dvw;
                          padding:0dvw;}

.row                 {display: inline;
                          border: none;
                          padding: 0;}

.row::after     {content: "";
                          clear: both;
                          display: table;}

.button          {display: inline-block;
                  background-color: #ffffff;
                  text-indent: -8dvw;
                  text-align: left;
                  text-decoration: underline;
                  display: inline-block;
                  font-size: 24dvw;
                  color:#222266;
                  font-family: "Times New Roman";
                  font-style: italic;
                  font-weight: normal;}

.button:hover  {font-weight: bold;
                        background-color: #4444ff;
                        cursor: pointer;}

.smlbutton              {display: inline-block;
                        background-color: #b0c0ff;
                        border:  0.01vw outset #444466;
                        border-radius: 10dvw;
                        margin: 0.1dvw;
                        padding: 0.2vw 0.6vw 0.2vw 0.6dvw;
                        text-align: center;
                        font-size: 1dvw;
                        font-family: "Times New Roman";
                        font-weight: 800;
                        color: #222266;
                        font-style: italic;
                        text-decoration: none;}

.smlbutton:hover        {color: #000088;
                        text-decoration: underline;}

.fmbut        {background-color: #ffffff;
                   display: inline-block;
                   border: 1px;
                   border-radius: 9%;
                   padding: 1vw 2vw 0vw 0dvw;
                   margin: 0.5vw 0.5dvw;
                   text-decoration: underline;
                   font-size: 18px;
                   color:#002288;
                   font-family: "Times New Roman";
                   font-style: italic;
                   font-weight: normal;}

.c_top	              {display: inline-block;
                          position: relative;
                          float: left;
                          left: 15%;
                          border-style: solid;
                          border-width: 0.1vw 0.1vw 0.1vw 0.1dvw;
                          border-color: #666688;
                          margin-top: 0dvw;
                          margin-bottom: 0dvw;
                          padding: 0dvw;}

.c_rcol  	              {display: block;
                          position: relative;
                          left: 15%;
                          border: none;
                          margin-top: 2dvw;
                          margin-bottom: 2dvw;}

.ads                  {display: block;
                          width: 100%;
                          height: auto;
                          background-color: #ffffff;
                          border: none;
                          padding: 1vw 1vw 0vw 1dvw;
                          margin: auto;}

.ads_c             {display: inline-block;
                          width: 100%;
                          height: auto;
                          border-style: solid;
                          border-width: 0.1vw 0vw 0.1vw 0dvw;
                          border-color: #666688;
                          padding: 0.5vw 0.5vw 0.5vw 0.5dvw;
                          margin: auto;}
                      
.col_c               {display: inline-block;
                          border-style: solid;
                          border-width: 0.1vw 0vw 0.1vw 0dvw;
                          border-color: #666688;
                          padding: 0.5vw 01vw 0.5vw 1dvw;}
  
.l 	                      {display: block;
                          position: relative;
                          float: left;
                          margin: 1.1vw 2.5vw 1.1vw 0dvw;}

.m 	                      {display: block;
                          position: relative;
                          height:100wv;}

.lb                         {display: block;
                          position: relative;
                          float: left;
                          border-style: solid;
                          border-width: 0.1vw 0.1vw 0.1vw 0.1dvw;
                          border-color: #666688;
                          padding: 1vw 1vw 1vw 1dvw;
                          margin: 0.6vw 1.6vw 0.6vw 0dvw;}

.r	                      {display: block;
                          position: relative;
                          float: right;
                          margin: 1vw 0vw 1.2vw 2.2dvw;}

.rb                      {display: block;
                          position: relative;
                          float: right;
                          border-style: solid;
                          border-width: 0.1vw 0.1vw 0.1vw 0.1dvw;
                          border-color: #666688;
                          padding: 1vw 1vw 1vw 1dvw;
                          margin: 0.6vw 0vw 0.6vw 1.6dvw;}

.c        	              {display: block;
                          position: relative;
                          margin-top: 1.5dvw;
                          margin-bottom: 1.5dvw;
                          width: 80%;}

.cb                       {display: block;
                          position: relative;
                          border-style: solid;
                          border-width: 0.1vw 0.1vw 0.1vw 0.1dvw;
                          border-color: #666688;
                          padding: 1vw 1vw 1vw 1dvw;
                          margin: auto;}

.ctb                      {display: block;
                          position: relative;
                          border-style: solid;
                          border-width: 0vw 0vw 0.1vw 0dvw;
                          border-color: #666688;
                          padding: 1vw 0vw 9vw 0dvw;
                          margin: auto;}

.xmas_tl          {display: block-inline;
                          position: fixed;
                          top: 0dvw;
                          left: 0%;
                          z-index: 1;
                          opacity: 0.7;}

.xmas_tr          {display: block-inline;
                          position: fixed;
                          top: 0dvw;
                          right: 0%;
                          z-index: 1;
                          opacity: 0.7;}

[class*='col-']       {float: left;
                                 padding: 0;
                                 width: 100%;}

@media only screen and (min-width: 37vw) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 47.5vw) {
  /* For desktop: */
  .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%;}}