/* internet Advisor Style Sheet */

body
{    background:#001f00 ;     /*#001f00;   very outer border */
     max-width:980px;
     height:auto;
     margin-left:auto;
     margin-right:auto;
     color:#000;
     border:4px #FF9900 solid ;
     font-family:Verdana,Arial,sans-serif;
    /* behavior: url(csshover.htc);*/
  font-size: 18px;
     }

.container { display: flex; flex-wrap: wrap; justify-content: center; background-color:white }
.item { background-color: #f1f1f1;width: 170px;text-align: center;border: 10px white solid;}
 
#cookie-law {
   position:fixed;
/*   bottom:0px;  */
   width:962px;
   color:#000000  ;
   background:#CCFF66;
   margin:10px auto 0;
/* border-radius: 17px; */
    }
    
#cookie-law p {
   padding:10px;
   font-size:24px;
   font-weight:normal;
   text-align:center;
   color:#000000;               /*  #682008; */
   margin:0;
}    
 
     
     
.indexbox {  float:left;width:31%; height:11em; margin:1%; box-shadow:4px 4px 2px #888888; background:#BBEE88 }    
     
     
img { border:0px green solid }  
  
.indexblock { float:left;width: 234px; height:225px; padding:6px }        
 
.gph  { color:green;background-color:#eeeeee }
.gpnh { color:green;background-color:#ffffff }
  
  
/*Headings definition*/
  h1,h2,h3,h4,h5,h6 {color:#001000; height:0 ;padding:0; text-align:left;font-family: Times, Palatino, serif}
  h1 {font-size:1.6em;padding-bottom:0;height:auto}
  h2 {font-size:1.5em;padding-bottom:0;height:auto;  text-align:left;color:#003300;font-family:'Times New Roman', Times, serif}  
  h3 {font-size:1.4em;padding-bottom:0;height:auto}
  h4 { font-size:1.3em;padding-bottom:0;margin:0;height:auto }
  h5 {font-size:1.2em;padding-bottom:0em;margin:0;height:auto}
  h6 {font-size:1.1em;padding-bottom:0em;margin:0;height:auto}
   p { color:#112200;font-size:1em;font-weight:normal;text-align:left;font-family:Verdana,Arial,sans-serif } 
   a { font-size:1em } 
.indsub { font-size:1.8em; font-weight:bold }
.indp   { font-size:1.2em; font-weight:normal }

img  { width:100%; height:auto }
h2.snippet { color:#001000;font-size:26px; width: 200px; text-align:left;font-family:'Times New Roman', Times, serif;margin-left:10px;margin-bottom:0px;font-weight:lighter }
h3.snippet { font-size:24px; width: 190px; text-align:center;font-family:'Times New Roman', Times, serif;margin-bottom:0px;font-weight:lighter }
/*             font-size:26px; width: 186px; text-align:left;font-family:'Times New Roman', Times, serif;margin-top:10px;margin-left:10px;margin-bottom:0px;font-weight:lighter"  */ 

/*Paragraph definition*/
/*  p { color:#001000; font-weight:normal;text-align:left; font-family:Verdana,Arial,sans-serif; font-size:14px;}  */
  p.whatson { color: rgb(128, 128, 128); font-weight: normal; text-align: left; font-family: Verdana, Arial, sans-serif; font-size: 14px; width: 918px; margin-left: 40px }
  .forumheading { font-size:2em;color:white;text-align:center;margin-top:30px } 


.forum-banner      { margin:0 auto 0 auto; height: 115px;margin-bottom:10px; width: 956px; background-image:url('images/banner-hedge.jpg') }
.forum-left-column { float:left; width: 200px; height: 478px;margin-top:0px;background:#eeeeee }

.forum-container-column { margin-left:auto;margin-right:auto; width: 950px; height:auto;background:#eeFFdd;padding-left:6px;margin-left:auto;margin-right:auto;height:auto  }
.forum-main-column {    margin:auto;width: 98%; height:auto;background:#CCFF99;padding:1% }  /*  #eeFFdd    -->

     
/*Link definition*/
  a:link    {background:transparent;color:#001000;font-weight:lighter;font-size:14px;text-decoration:none;}
  a:visited {background:transparent;color:#001000;font-weight:lighter;font-size:14px;text-decoration:none;}
  a:active  {background:transparent;color:#001000;font-weight:lighter;font-size:14px;text-decoration:underline;}
  a:hover   {background:transparent;color:#001000;font-weight:lighter;font-size:14px;text-decoration:underline;}
  a.snippet { color:#001000;font-size:26px; width: 186px; text-align:left;font-family:'Times New Roman', Times, serif;margin-top:10px;margin-left:10px;margin-bottom:0px;font-weight:lighter }
  a.indexsub { font-size:1.2em }


/*Menu*/
.menucontainer  { width:100%;margin-top:10px;background-image:url('images/graded-fill-green2.jpg'); height: 27px; }
nav             { width:100%;margin-top:10px;background-image:url('images/graded-fill-green2.jpg'); height: 27px; }
.menubox { width: 100%; height: 106px; border-bottom:3px #336600 solid;margin-bottom:20px; margin-left: auto; margin-right: auto; margin-top: 0; }
        /*#menu {line-height :15px;background-image:url('images/graded-fill-green2.jpg');text-align:center;padding-left:0px;width: 962px; height: 27px;margin-left:0px}  */
#menu {background:#ffff;width: 55%; height: 26px;margin-top:0px;margin-left:auto;margin-right:auto}
       /* Main container for all of menu */
       
#menu ul, #menu li {list-style:none; margin:0; padding:0;height:26px;width:100%}
/* The 'outer' bounding ul box   +          height of boxes in top and drop down */
 
#menu a {display:block; color:#ffffff; text-decoration:none; padding:5px 8px 5px 8px;font-size:18px}
#menu li {float:left; border-right:0px solid #001000; border-left:0px solid #ffffff;width:auto;background-image:url('images/graded-fill-green2.jpg')}
#menu li ul {position:absolute; left:-999em; width:16em; font-weight:lighter; background:#526a4c; border-top:1px solid; z-index:1000;}
/*                                                                                   whole of drop down

                                         line at top of drop down */
#menu li li {padding:0; width: 16em; margin-left:-6em; border:solid #336600; border-width:0 1px 1px 1px}
/*                     width drop down   border between drop down items  */

#menu li ul a {padding:2px 8px 2px 8px; font-weight:lighter; width:90%;}
#menu li ul ul {margin:-1.75em 0 0 14em; border-top:1px solid #ffcccc;}
/*                                      line at top of second pull out */
#menu li:hover ul ul, #menu li:hover ul ul ul {left:-999em;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul {left:auto;}
#menu li:hover {background:#667777}  /* colour of item when hovering over
/*              of hover position */
#menu li#first-left { border-left:none; }     /* !important; */
#menu li#last-right { border-right:none}    /* !important;  */
#menu a:focus, #menu a:hover {color:#fff;} 
/*                        colour of writing */
#menu a:active {color:#ffffff;}
#menu li:hover a.parent-link {color:#fff;}
#menu li li:hover a.child-link {color:#fff;}
#menu a.current {background-color:#526a4c; color: #fff;}

/* JavaScript for menu, for IE6 */
#menu li.js-show a.parent-link {color:#fff;}
#menu li li.js-show a.child-link {color:#fff;}
#menu li.js-show ul {left:auto;}
#main-menu li.js-show li ul {left:-999em;}
#menu li li.js-show ul {left:auto;}
#menu li.js-show {background:#526a4c;}




@media screen and (max-width: 950px) {
  .forumheading { font-size:1.8em}      
  .indsub { font-size:1.7em }
}


@media screen and (max-width: 876px) {
  #menu { width: 60% }      
  .forumheading { font-size:1.5em }      
  .indsub { font-size:1.7em }
}



@media screen and (max-width: 760px) {
  #menu { width: 70% }
  #menu a { font-size:1em }           
    .forumheading { font-size:1.4em }      
  .indp   { font-size:1.1em }
  .indsub { font-size:1.6em }
}



@media screen and (max-width: 630px) {     
  #menu { width: 75% }
  .forumheading {  }      
  .indp   { font-size:1em }
  .indsub { font-size:1.4em }
/*  a { font-size:1.1em }  */
    #menu a { font-size:.8em }           
.indexbox { width:48%; height:12em}
}



@media screen and (max-width: 550px) {
  #menu a { color:yellow}       
  .forumheading {  font-size:1.2em }      
  #menu { width: 80% }
}

@media screen and (max-width: 450px) {
  #menu a { color:yellow}       
  .forumheading { font-size:1em }      
  #menu { width: 100% }          
}

@media screen and (max-width: 380px) {
  #menu a { color:yellow}       
  .forumheading { font-size:1em }      
  #menu { width: 100% }          
  #menu a { font-size:.7em }           
}


/* Phone Portrait and Landscape */
@media screen and (max-width: 100px) {
    body { font-size:90% }
/*Headings definition*/
  h1,h2,h3,h4,h5,h6 {color:#001000; height:0 ;padding:0; text-align:left;font-family: Times, Palatino, serif}
  h1 {font-size:1em;padding-bottom:0;height:auto}
  h2 {font-size:.9em;padding-bottom:0;height:auto;  text-align:left;color:#003300;font-family:'Times New Roman', Times, serif}  
  h3 {font-size:.9em;padding-bottom:0;height:auto}
  h4 {font-size:.9em;padding-bottom:0;margin:0;height:auto }
  h5 {font-size:.9em;padding-bottom:0em;margin:0;height:auto}
  h6 {font-size:.9em;padding-bottom:0em;margin:0;height:auto}
   p { color:#112200;font-size:.8em;font-weight:normal;text-align:left;font-family:Verdana,Arial,sans-serif } 
   .forumheading { font-size:1.2em;color:white;text-align:center;margin-top:30px } 
   a { font-size:.8em } 
  #menu a { font-size:16px }
  #menu { height: 26px; }       
  #menu ul, #menu li { height:26px; }
  #menu ul, #menu li { height:26px }
}