body { position:relative;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   margin-left: auto; margin-right:auto; 
   margin-top: 20px;
   font-size: 100%;
   width:860px;
   color: #988f00;
   background-color:#a7b098;}

img  {border:none;}


.main-block {
    width: 860px;
    margin-top: 0;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    border-top: 10px white solid;
    background-color:white;
 /*   padding-left:10px; padding-right:8px; */
    overflow:auto}
    
.icon-left {
    width: 18%;
    float: left; margin-left: 1%;}
    
.icon-right {
    width: 18%;
    float: right; margin-right: 1%;}	

/*LINK DEFINITIONS STYLES*/
  a:link    {color:#cc3300;background: transparent;text-decoration:none;}
  a:visited {color:#64656a;background: transparent;text-decoration:none;}
  a:active  {color:#bb8800;background: transparent;text-decoration:none;}
  a:hover   {color:#FF9933;background: transparent;text-decoration:none;}
  
/*HEADING STYLES*/
  h1,h2,h3,h4,h5,h6,p { 
   font-family: Arial, Verdana,sans-serif; color:#888844; 
   font-size: 1em; font-weight:normal; margin-left:auto; margin-right:auto; text-align:center; width: 100%;
}
      
  h1 { font-size: 1.3em; margin-top: 40px; padding-bottom: 10px; text-align: center; font-weight:normal}
  h2 { font-size:1.2em; background:#b9b991; padding-top: 10px; padding-bottom: 10px; font-family: Verdana, Arial,sans-serif; color: white}
  h3 { padding-bottom:0;  font-style:italic;  padding:5px 15px 5px 15px }
  h4 { padding-bottom:0;  margin:0; font-style:italic; }
  h5 { padding-bottom:0em;margin:0; font-style:italic; }
  h6 { font-size:.8em;padding-bottom:0em;margin:0; }
  p  { color:#675B12; text-align:left;}
 h2.quiztitle { text-align:center; padding-top: 10px; padding-bottom: 10px; margin:0; background-color:#A8BDCA;  color:#277850 }
 h3.no { background:#333333;color:white;PADDING-left:20PX }
 h3.yes { background:white;color:gray }
 
.caption {
	font-family: Arial,Verdana,sans-serif;
	color: #669900;
/*	background: transparent; */
	font-size: 1em;
	font-weight:bolder;
	font-weight: normal;
	text-align: center;
	font-style:italic;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	margin-bottom:4px;
}

.w100 { width: 100%; }

.radiobuttons { list-style-type: circle; margin-left:15%; font-size:1em; color:#675B12; font-family: Verdana, Arial, sans-serif; }
.radiobuttons-wide { list-style-type: circle; margin-left:15%; font-size:1em; color:#675B12 }
.question { background:white; padding-top:15px; height:auto }
.quizresult { text-align:center; width:76%; float:left }
.mainq  { width:94%; padding:3%; text-align:left }
.askq {  margin-bottom:6px;margin-top:0; text-align:left }   
.ans   { float:left; width:94%; padding:3%; margin-top:0; text-align:left;background:#E6E6E6;display:none }
.askkp { float:left; width:35%; margin-right:18px  }
.ansp  { float:left; width:35%;margin-right:15px;  }
/*.askkp { float:left; width:35%;padding:0; margin-right: 5% } */
.nnn { font-size:1em;font-weight:bold;margin-top:0; margin-bottom:0; display:none;text-align:center;background:#2222ff; font-weight:bolder;padding:6px 0px 6px 0px;color:white }
.yyy { font-size:1em;font-weight:bold;margin-top:0; margin-bottom:0; display:none;text-align:center;background:white; font-weight:bolder;padding:6px 0px 6px 0px;color:black }
.Qmaindiv { background:white;padding-bottom:20px }
.Qblock { float:left;background:white;width:96%;padding:2% }
.Ansblock { float:left;background:#E8E8E8;width:96%;padding:2% }
.Picblock {  float:left;width:35%;margin:0 10px 30px 0 }

#menu-wrap {
  height:28px;
  margin-top:1px; margin-bottom: 1%;
  width:100%;     
  text-align:center;
  background: black; /* url(images/menu-shading.jpg) bottom repeat-x; */ 
}

#menu {
  height:1.7em;     /* height of boxes           */
  background:black;    /* colour of top menu background */
  padding: 0;
  font-size:.8em;
  text-align:center;
  width: 100%;
 
}
  
#menu ul, #menu li {
  list-style:none;
  margin:0;
  padding-left: 2%; padding-right: 2%;
  }

#menu a {
  display:block;
  font-size:.9em;
  color:white;           /*#a86145;                   text colour in menu */
  text-decoration:none;
  padding:5px 20px 5px 10px;
}

#menu li {
  float:left;
  border-right:1px solid #CCCCCC;   /* colour of bar between menu items */
  border-left :1px solid #ffffff;}


.hlt-top { background-color:#999999 }

.resp-ad-l {width: 35%; float: left; background-color: #c9d0b4; margin-right:2%;}
.resp-ad-r {width: 35%; float: right; background-color: #c9d0b4; margin-left:2%}


   @media screen and (max-width: 860px) {
    body { width:100%; margin-top:0; }
   .main-block { width:100%; margin-top:0px;  } 
    #menu-wrap { height:58px }   
    .quizresult { width:80% }
    }   

   @media screen and (max-width: 600px) {
   .inset { margin-left:25%}
   .square-left-hide { display:none;}
   .search-box { width: 50%}
    }


   @media screen and (max-width: 480px) {
   body { width:100%; }
   h1    { font-size: 1.2em; margin-left:auto; margin-right:auto; margin-top:2px; padding-bottom: 0; width:95%; }
   h2    { font-size: 1.1em; text-align:center; margin-left:auto; margin-right:auto; width: 100%;}
   h3    { font-size: 1em; }
   h5    { font-size: 1em; }
   h6    { font-size: 1em; }
  
   #menu-wrap { margin-bottom: 2%; }
   #menu a {padding:3px 5px 3px 10px;}
   .icon-left { display:none }   
   .icon-right { display:none }
   .askq { margin-bottom:6px;margin-top:0;  }   
   .radiobuttons { font-weight:normal; margin-top:0; }
   .radiobuttons-wide { font-weight:bold; font-family: Arial, Helvetica, sans-serif; margin-top:0; margin-left: 3%; }
   .askkp { width:70%;float:none; 	margin-left: auto; margin-right:auto;  }	
   .ans  { width:96%;float:none; 	margin-left: auto; margin-right:auto;  }	
   .ansp { width:70%;float:none; 	margin-left: auto; margin-right:auto;  }	

   .Picblock {  width:50%; float:none; margin-bottom:30px; 	margin-left: auto; margin-right:auto;}
   .Qblock   { width:98%; float:none; 	margin-left: auto; margin-right:auto; }

   .quizresult { width:100% }
   }
  


/* cookie law from https://www.creare.co.uk/js-eu-cookie-law-banner */
/*
 #cookie-law {
   position:fixed;
   bottom:0px;
   width:100%;
   max-width:860px;
   color:#000000;
   background:#ddffbb;
   margin: 10px auto 0;
   border-top:#a86145 1px dotted;
   z-index: 999;
    }
    
#cookie-law p {
   padding:10px;
   font-size:.9em;
   font-weight:normal;
   text-align:center;
   color:#682008;
   margin-left:auto; margin-right:auto
} 
*/
/* end cookie law from https://www.creare.co.uk/js-eu-cookie-law-banner */