.ar1 { float:left;width:15%; margin: .25%; overflow: none; border-style: solid; border-width:1px;}
.background {width: 100%;  background-color: #aabbcc;
           background-image: url("londonnight1.jpg");background-size:100%; color:#fff; height:750px;
           font-size: 1.5em; border-radius: 12px; box-shadow: 5px 10px #444;text-shadow: 2px 2px #fff;
           background-repeat: no-repeat;margin-top:100px;
}

.backgroundhome {background-color:def; 
              border-style:solid;
              border-width:1px;
              border-color: #eee;
              height:1000px;

background-image:  url("backgroundimage/backgroundhome(1).jpg") ;
background-size:100%;
background-repeat:repeat;}

.backgroundlandmarks {background-color:def; 
              border-style:solid;
              border-width:1px;
              border-color: #eee;
              height:1600px;
background-image:  url("backgroundimage/backgroundland.jpg") ;
background-size:100%;
background-repeat:repeat;}


.backgroundoutandabout {background-color:red; 
              border-style:solid;
              border-width:1px;
              border-color: #eee;
              height:500px;

background-image:  url("backgroundimage/outandaboutH.jpg") ;
background-size:100%;
background-repeat:repeat;}







.backgroundparks {background-color:def; 
              border-style:solid;
              border-width:1px;
              border-color: #eee;
              height:1000px;
background-image:  url("backgroundimage/backgroundpark.jpg") ;
background-size:100%;
background-repeat:repeat;}

.backgroundmuseums {background-color:def; 
              border-style:solid;
              border-width:1px;
              border-color: #eee;
              height:2000px;
background-image:  url("backgroundimage/backgroundmus.jpg") ;
background-size:100%;
background-repeat:repeat;}

.backgroundmarkets {background-color:def; 
              border-style:solid;
              border-width:1px;
              border-color: #eee;
              height:1000px;
background-image:  url("backgroundimage/backgroundmark.jpg") ;
background-size:100%;
background-repeat:repeat;}


.backgroundtransport {background-color:transparent; 
              border-style:none;
              border-width:1px;
              border-color: black;
              height:6800px;
}

.backgroundwhere {background-color:def; 
              border-style:solid;
              border-width:1px;
              border-color: #eee;
              height:1000px;
background-image:  url("backgroundimage/wherebackground.jpg") ;
background-size:100%;
background-repeat:repeat;}





.bannerx { height:115px;
          width: 80%;
          background-color: transparent;
          
          margin-left: 10%;
          margin-right: 10%;
           }

.bannerxg { height:115px;
          width: 80%;
          background-color:  transparent;
          margin-left: 10%;
          margin-right: 10%;
           }

.bannercontainerx {height:120px;
                   width: 100%;
                   background-color: transparent;
                   position: fixed; top: 0px; left:0px;
                   z-index:2;
          }


.bannercontainerq {height:125px;
                   width: 100%;
                   background-color: green;
                   background-image: linear-gradient(to bottom, #bbbbbb, #ffffff);
                   position: relative;
                   z-index:2;
                   

                   }


.bannercontainerlal {height:125px;
                   width: 100%;
                   background-color: #b3cce6;
                   position: fixed; top: 0px; left:0px;
                   z-index:2;
          }



.bannercontainerqlandmarks {height:125px;
                           width: 100%;
                           background-color:white ;
                           background-image: linear-gradient(to bottom, #ffcc66, #ffffee);
                           position: relative;
                           z-index:2;
                           }



.bannercontainerqmuseums {height:125px;
                          width: 100%;
                          background-color: #739966;
                          background-image: linear-gradient(to bottom, #739966, #e6ffe6);
                          position: relative;
                          z-index:2;
                          }

.bannercontainerqmarkets {height:125px;
                          width: 100%;
                          background-color: #669999;
                          background-image: linear-gradient(to bottom, #669999, #f0f5f5 );
                          position: relative; 
                          z-index:2;
                          }

.bannercontaineroutandabout {height:125px;
                             width: 100%;
                             background-color:#ecf2f9;
                             background-image: linear-gradient(to bottom, #6697cc,       #ecf2f9);
                           position: relative;
                           z-index:2;
                           }





.bannercontainerqtransport {height:125px;
                          width: 100%;
                          background-color: #ffcc99;
                          background-image: linear-gradient(to bottom, #ff000050, #ffffe6 );
                          position: relative; 
                          z-index:2;
                          }





.bannercontainerxg {height:115spx;
                   width: 100%;
                   background-color:  transparent;
                   position: fixed; top: 0px; left:0px;
                   z-index:5;
          }

.bannercontainerparks {height:115px;
                   width: 100%;
                   background-color: green; 
background-image: linear-gradient(to bottom, green, #ceffba);
                   z-index:9;
                   position: relative;
          }

.big {font-size: 1.em;font-family: Helvetica; }
.bigcontent {font-size: 1.em; font-family: Helvetica;}
.bigimagewidth {width:25%; float:right;  
overflow:scroll; display:inline; 
   
}

.buttonbig { height: 10px;
           margin: .75%;
           padding: 1.5%;
           background-color: transparent;
           float:left;
           text-align: center;
           color:black;  
           border-radius :10px;  
           position: inline;
           border-width: 4px;
           border-style: solid;
           border-color: #6697cc;
           
                             } 
.buttonbig:link    {text-decoration: none; color:#111;border-color: border-radius: 10px;}
.buttonbig:visited {background-color: transparent; color:#111; border-radius: 10px;}
.buttonbig:hover   {background-color: #6697cc;       color:#fff;  border-radius: 10px;}
.buttonbig2 { 
           margin: .75%;
           padding: 1.5%;
           background-color: transparent;
           float:left;
           text-align: left;
           vertical-align: text-center;
           border-radius :12px  
           position: inline;
           border-width: 0.1px;
           border-style: none;
           border-color: #6697cc;
           
                             } 






.button2:bigcontent  {background-color: black;       color:#fff; border-radius: 10px;}






.button {
           width: 16%;
           margin: 1.5%;
           padding: .2%;
           background-color: #fff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Apple Symbols;
           font-weight: bold;
           font-size: 1.5 em;
           position: relative;
          line-height: 20px;
           height: 20px;
  
           text-align: center;

           
           
                             } 

.button2 { height: 20px;
           margin: .75%;
           padding: 1%;
           background-color: #ecf2f9;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Times;
           font-weight: bold;
           font-size: .9em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           
           
                             } 

.button290 { height: 50px;
             width: 100px;
            rotate:90deg;
           margin: .75%;
           padding: 1%;
           background-color: lightgreen;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Times;
           font-weight: bold;
           font-size: .9em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           
           
                             }



.button2:link    {text-decoration:  none;        color:#111; border-radius: 10px;}
.button2:visited {background-color: transparent; color:#111; border-radius: 10px;}
.button2:hover   {background-color: black;       color:#fff;  border-radius: 10px;}
.button2:active  {background-color: black;       color:#fff; border-radius: 10px;}


.button3 { 
           
           
           
           background-color: transparent;
           
           text-align: center;
           vertical-align: text-center;
           font-family: Times;
           margin-top: 15px;
           display:none;
           position: inline;
           border-width: 0px;
           border-style: solid;
           border-colour: #888;
           
           
                             } 

.button3:link    {text-decoration:  none;        color:#111; border-radius: 10px;}
.button3:visited {background-color: transparent; color:#111; border-radius: 10px;}
.button3:hover   {background-color: black;       color:#fff;  border-radius: 10px;}
.button3:active  {background-color: black;       color:#fff; border-radius: 10px;}





.button4 { height: 20px;
           margin: .75%;
           margin-left:5%;
           width;15%;
           padding: 1%;
           background-color: #ecf2f9;
           
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Times;
           font-weight: bold;
           font-size: .9em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           
           
                             } 


.button4:link    {text-decoration:  none;        color:#111; border-radius: 10px;}
.button4:visited {background-color: transparent; color:#111; border-radius: 10px;}
.button4:hover   {background-color: black;       color:#fff;  border-radius: 10px;}
.button4:active  {background-color: black;       color:#fff; border-radius: 10px;}



.buttong {
           width: 16%;
           margin: 1.5%;
           padding: .2%;
           background-color: #green;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Times;
           font-weight: bold;
           font-size: .9em;
           color: #ceffba;
           position: relative;
          line-height: 20px;
           height: 20px;
  
  text-align: center;

           
           
                             } 

.buttong:link    {text-decoration:  none;        color:#ceffba; border-radius: 10px;}
.buttong:visited {background-color: transparent; color:#ceffba; border-radius: 10px;}
.buttong:hover   {background-color:#ceffba  ;       color:green;  border-radius: 10px;}
.buttong:active  {background-color: #ceffba;       color:#green; border-radius: 10px;}

.buttonsmall {
           width: 15%;
           margin: .5%;
           padding: .2%;
           background-color: transparent;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Verdana;
           font-weight: normal;
           font-size: 1.0em;
           position: relative;
          line-height: 20px;
           height: 20px;
  
  text-align: center;        
           
                             } 


.buttonsmall:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.buttonsmall:visited {background-color: transparent; color:#111; border-radius: 12px;}
.buttonsmall:hover   {background-color: black;       color:#fff;  border-radius: 12px;}
.buttonsmall:active  {background-color: black;       color:#fff; border-radius: 12px;}


.buttonmap {
           width: 15%;
           margin: .5%;
           padding: .2%;
           background-color: transparent;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Verdana;
           font-weight: normal;
           font-size: 1.0em;
           position: relative;
          line-height: 20px;
           height: 20px;
           color:#ffffcc;
           transition: max-height 1.0s ease-out;
  
  text-align: center;        
           
                             } 


.buttonmap:link    {text-decoration:  none;        color:#ffffcc; border-radius: 12px; transition: width 5s;}
.buttonmap:visited {background-color: green; color:#ffffcc; border-radius: 12px;}
.buttonmap:hover   {background-color: black;       color:orange;  border-radius: 12px;}
.buttonmap:active  {background-color: black;       color:orange; border-radius: 12px;}


.buttonmapblank {
           width: 15%;
           margin: .5%;
           padding: .2%;
           background-color: transparent;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Verdana;
           font-weight: normal;
           font-size: 1.0em;
           position: relative;
          line-height: 20px;
           height: 20px;
           color:orange;
           transition: max-height 1.0s ease-out;
  
  text-align: center;        
           
                             } 




.buttongsmall {
           width: 15%;
           margin: .5%;
           padding: .2%;
           background-color: green;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Verdana;
           font-weight: normal;
           font-size: 1.0em;
           position: relative;
           line-height: 20px;
           height: 20px;
           text-align: center;          
          
                     } 


.buttongsmall:link    {text-decoration:  none;        color:#ceffba; border-radius: 12px;}
.buttongsmall:visited {background-color: transparent; color:#ceffba; border-radius: 12px;}
.buttongsmall:hover   {background-color: #ceffba;       color:green;  border-radius: 12px;}
.buttongsmall:active  {background-color: #ceffba;       color:green; border-radius: 12px;}




.buttonlal {
           
           margin: 1.5%;
           padding: .2%;
           background-color: transparent;
           float:left;
           clear:both;
           text-align: left;
           border:none;
           position: static;
           font-family: Apple Symbols;
           font-weight: bold;
           font-size: 1.7em;}

.buttonlal:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.buttonlal:visited {background-color: transparent; color:#111; border-radius: 12px;}
.buttonlal:hover   {background-color: black;       color:#fff;  border-radius: 12px;}
.buttonlal:active  {background-color: black;       color:#fff; border-radius: 12px;}


.buttonlalh {
           
           margin: 1%;
           padding: .2%;
           background-color: transparent;
           float:left;
           clear:none;
           text-align: left;
           border:none;
           position: static;
           font-family: Apple Symbols;
           font-weight: bold;
           font-size: 1.3em;}

.buttonlalh:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.buttonlalh:visited {background-color: transparent; color:#111; border-radius: 12px;}
.buttonlalh:hover   {background-color: black;       color:#fff;  border-radius: 12px;}
.buttonlalh:active  {background-color: black;       color:#fff; border-radius: 12px;}


.backtrans {background-color: transparent; color:#111; height:40px;padding-left:2%;padding-right:2%;line-height: 1.5; vertical-align: top;}

.capleftup {
    background-color: #eee;
    padding: 1%;
    display: none;
    float: left;
    
    font-family:American Typewriter;
}
span:hover + .capleftup {
    display: inline;
    position: fixed; 
   
    top: 30%; 
    left:25%;

    
    text-align: center;
    background-color:#eee;
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 25px;
    font-weight:normal;
    color:#111;
}

.capleftdown {
    background-color: #eee;
    padding: 1%;
    display: none;
    float: left;
    
    font-family:American Typewriter;
}
span:hover + .capleftdown {
    display: inline;
    position: fixed; 
   
    top: 70%; 
    left:25%;

    
    text-align: center;
    background-color:#eee;
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 25px;
    font-weight:normal;
    color:#111;
}


.caprightup {
    background-color: #eee;
    padding: 1%;
    display: none;
    float: left;
    
    font-family:American Typewriter;
}
span:hover + .caprightup {
    display: inline;
    position: fixed; 
   
    top: 30%; 
    right:25%;

    
    text-align: center;
    background-color:#eee;
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 25px;
    font-weight:normal;
    color:#111;
    
}
.caprightdown {
    background-color: #eee;
    padding: 1%;
    display: none;
    float: left;
    
    font-family:American Typewriter;
}
span:hover + .caprightdown {
    display: inline;
    position: fixed; 
   
    top: 70%; 
    right:25%;

    
    text-align: center;
    background-color:#eee;
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 25px;
    font-weight:normal;
    color:#111;
    
}


.capcentreup {
    background-color: #eee;
    padding: 1%;
    display: none;
    float: left;
    
    font-family:American Typewriter;
}

span:hover + .capcentreup {
    display: inline;
    position:fixed;
   
    top: 30%; 
    right: 50%;

    
    text-align: center;
    background-color:#eee;
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 25px;
    font-weight:normal;
    text-decoration:none;
    color: #111;
}

.capcentredown {
    background-color: #eee;
    padding: 1%;
    display: none;
    float: left;
    
    font-family:American Typewriter;
}

span:hover + .capcentredown {
    display: inline;
    position:fixed;
   
    top: 70%; 
    right: 50%;

    
    text-align: center;
    background-color:#eee;
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 25px;
    font-weight:normal;
    text-decoration:none;
    color: #111;
}


.caveat {
    
    text-align: left;
    margin-left: 10px;
    margin-right:10px;
    margin-top:  5px;
    margin-bottom:5px;
    line-height: 1.6;
    padding:15px;
    
    box-shadow: 1px 1px  #888;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    font-family:Helvitica;
    background-color:#fadedc;
    float:left;

}

.center {text-align: center; vertical-align: middle; font-size: 1.5em; padding:20px;}
.centre70{float:right; width:60%; margin-left:20%; margin-right:20%; padding: 15px;}

.centre70{float:right; width:70%; margin-left:15%; margin-right:15%; padding: 15px;}

.centre80 {float:right; width:80%; margin-left:10%; margin-right:10%; padding: 10px; max-height:100%;}


.cloakfullsize {display:none;}
.cloaksmall {display:inline;}

.comment {text-align: left;
    float:left;
    margin-left:2.5%;
    width:90%;
    padding: 15px;
    border-style: solid;
    border-width: 2px;
    border-color: #eee;
    border-radius: 15px;
    font-weight:normal;
    background-color:#bcb;
    font-family:Optima;
    line-height: 1.6;
    box-shadow: 2px 5px #666666;
}

.copyright {
           background-color: #ddd;
           width: 22%;
           margin: 1.5%;
           padding: .2%;
           text-decoration:none;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Helvitica;
           color:#111;
           font-size: .8em;
           position: relative;
          line-height: 20px;
           height: 20px;
  
  text-align: center;
           
                             } 

.comingup {font-family:"Chalkboard"; font-size: 1.5em; text-align:left; padding-left:10%; font-weight:bold;}

.containerclear {
            width: 90%;
            margin-left:5%;
            position: relative;
            background-color: transparent;
            font-size:1.0em;
            padding-top:170px;
            }

.containerlal {
            width: 90%;
            margin-left:5%;
            position: relative;
            background-color: transparent;
            font-size:1.0em;
            padding-top:10px;
            }


.containerwide {
            width: 600%;
            
            transition: max-height 1.0s ease-out;
            position: relative;
            background-color: #555;
            font-size:1.0em;
            padding-top:0px;
            }


.containergreen {
            width: 80%;
            float:right;
            background-color:green;
            margin-left: 10%;
            margin-right: 10%;
            margin-top: 170px;
            font-size:1.0em;
            font-family:Helvitica;
            position:relative;
            
            }

.containergrey {
            width:80%;
            
            background-color: transparent;
            margin-left:10%;
            position: relative; 
            padding-top: 170px;
            font-size:1.0em;
            font-family:Helvitica;
            
            }

.containersand {
            width: 90%;
            float:right;
            background-color: transparent;
            margin-left: 5%;
            margin-right: 5%;
            margin-top: 170px;
            font-size:1.0em;
            font-family:Helvitica;
            padding:.0em;
            }

.container30 {width: 30%;
             float:left;
             margin-left: 2.5%;
             margin-right: 2.5%; 
             background-color: transparent;}





.container80{width: 80%;
             margin-left: 10%;
             margin-right: 10%; 
             background-color: transparent;}

.container90 {
             
             position:reletive;
             font-family:Helvetica;
             font-size: 1.1em;
             width: 90%;
             margin-left: 5%;
             margin-right: 5%; 
             margin-top:100px;
             color:black;
             background-color: transparent;
             border-style:solid; 
             border-width:1px;
             border-color:#555;
             height:auto;
             padding-top: 20px;
             padding-bottom: 20px;
             
             }


.container9025 {
             
             position:reletive;
             font-family:Helvetica;
             font-size: 1.1em;
             width: 90%;
             margin-left: 5%;
             margin-right: 5%; 
             margin-top:10px;
             margin:bottom:10px;
             color:black;
             background-color: #777;
             border-style:solid; 
             border-width:1px;
             border-color:#555;
             height:auto;
             padding-top: 20px;
             padding-bottom: 20px;
             background-image: linear-gradient(to bottom, #6697cc, #ecf2f9);
             border-radius: 15px;
             }
.containerinfo {
                border-style:solid; 
                border-width:1px;
                border-color:#555;
                height:auto;
                background-image: linear-gradient(to bottom, #6697cc, #ecf2f9);
                border-radius: 15px;
                padding-top: 20px;
                padding-bottom: 20px;
                padding-left: 10px;
                padding-right: 10px;
                width: 95%;
                }

.containerinfotransport {
                border-style:solid; 
                border-width:1.5px;
                border-color:#555;
                height:auto;
                background-image: linear-gradient(to bottom,  #eee, #777 );
                border-radius: 15px;
                padding-top: 5px;
                padding-bottom: 5px;
                padding-left: 5px;
                padding-right:5px;
                width:auto;
                
                }



.containerinfonearby {
                border-style:solid; 
                border-width:1px;
                border-color:#555;
                height:auto;
                background-image: linear-gradient(to bottom,  #def, #789);
                border-radius: 15px;
                padding-top: 20px;
                padding-bottom: 20px;
                padding-left: 10px;
                padding-right: 10px;
                
                }



.container100 {
             
             position:relative;
             font-family:Helvetica;
             font-size: 1.1em;
             width: 100%;
             height:500px;
             margin-top:100px;
             color:black;
             background-color: transparent;
             }




.containernew {
             position:relative;
             font-family:Helvetica;
             font-size: 1.1em;
             width: 90%;
             margin-left: 5%;
             margin-right: 5%; 
             margin-top: 50px;
             color:#444;
             background-color: transparent;

             }

.cursive {
          
         background-color:  transparent;
         font-weight: normal;
         font-size: 2em;
         color: #ffd700;
         font-family: 'Brush Script MT', cursive;
         display:inline;
          text-shadow: 2px 2px #FF0000;
          }


.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute; left: 200px;

  background-color: #f9f9f9;
  width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}



.dropdown2 {
position: relative;




}

.dropdown2-content {
  display: none;
   
  background-color: #f9f9f9;
 
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 16px;
  
  
  z-index:10;
  }

.dropdown2:hover .dropdown2-content {
  display:block;
}



.dropdown2:hover .buttonbig2 {
  display:none;
}








.factfile {text-align: left;
    float:left;
    margin: 10px;
    width: 40%;
    padding-left: 5px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    background-color:#e6fcfc;
    font-family:Helvitica;
    line-height: 1.3;
}
.fade {animation-name: fade; animation-duration: 1.5s;}
@keyframes fade {from {opacity: .2} to {opacity: 1} }

.faded {opacity: 0.4;}

.foot {width:100%; background-color: #ddd; height: 50px; float:left; text-align:center;  display;inline;}

.footfixed {position: fixed; left:0; bottom:0;width:100%; background-color: #ddd; height: 50px; float:left; text-align:center;  display;inline;}


.footlink {
           background-color: #ddd;
           width: 22%;
           margin: 1.5%;
           padding: .2%;
           text-decoration:none;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Helvitica;
           color:#111;
           font-size: .8em;
           position: relative;
          line-height: 20px;
           height: 20px;
  
  text-align: center;  
           
                           } 

.footlink:link    {text-decoration:  none;        color:#111; border-radius: 10px;}
.footlink:visited {background-color: transparent; color:#111; border-radius: 10px;}
.footlink:hover   {background-color: black;       color:#fff;  border-radius: 10px;}
.footlink:active  {background-color: black;       color:#fff; border-radius: 10px;}

figure {margin-left: .1%; margin-right: .1%;} 
figcaption {font-weight:bold; padding: 10px; margin-left: 1%; margin-right: 1%; }


.figcaption1 {font-weight:bold; padding: 10px; margin-left: 1%; margin-right: 1%;background-color:#eee; border-radius: 10px;}
hr { 
    display:block;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
    
} 

h1 {text-align:center;font-family:Andale Mono;}
h2 {text-align:center;font-family:Andale Mono;}

h3 {text-align:center;font-family:Andale Mono; }
h4 {text-align:center; font-family:Andale Mono;}
h5 {margin-left: 50px; font-size: 1.1em; background-color:transparent;
margin-bottom:0px;padding-bottom;0px; margin-top:5px;}


.heightgap1 { width:100%; height:180px; background-image: url("gettingabout/transportbackground1.jpg"); background-size:100%;}

.heightlal {background-color: transparent; border-width:1px; border-style:solid;}
     
.hidden {display:none;}


hr.new1{border-top: 2px dashed #555;    }

.imagewidth20 {width:20%; float:left;    
}

.imagewidth22 {width:24%; float:left;       
}

.imagewidth22x {width:24%; float:left;       
}

.imagewidth25x {width:25%; float:left;   
    
}



.imagewidth30 {width:30%; float:left; margin:0px;padding:2px;
                            
}

.imagewidth30x {width:30%; float:left; margin:0px; min-width: 100px;
                            
}

.imagewidth30x2 {width:30%; float:left; margin:0px; min-width: 100px;
                            
}

.imagewidth30lal {width:31%; float:left;  margin-left:1%; background-color:transparent; border-style: solid; border-width: 3px; border-color: #678; overflow:none;      
 }
.imagewidth30lalx {width:30%; float:left;  margin-left:1%; background-color:transparent; border: none; }   
 

.imagewidth33 {width:31%; float:left; margin:0px;
                            
padding: 0.5%;}


.imagewidth35 {width:35%;float:left;  margin:2px;min-width: 100px;
                         
}  

.imagewidth35x {width:35%;float:left;  margin:2px;min-width: 100px;
                         
}
.imagewidth35x2 {width:35%;float:left;  margin:2px;min-width: 100px;
                         
} 
.imagewidth37x {width:37%;float:left;  margin:2px;min-width: 100px;
                         
} 
.imagewidth40 {width:40%;float:left; 
       
}


.imagewidth45 {width:45%;float:left; margin: 2px;
       
}

.imagewidth45x {width:45%;float:left; margin: 0.5px;
       
}

.imagewidth48m {width:48%;float:left; margin-left : 7.50%; margin-top: 19px; overflow:scroll;
   
}
.imagewidth48 {width:48%;float:left; overflow:scroll;
   
}

.imagewidth50 {width:50%; float:left; padding: .0px; 
overflow:scroll; display:inline; 
   
}

.imagewidth50x {width:50%;float:left; padding: .0px; 
overflow:scroll;
   
}

.imagewidth50m {width:49.5%;float:left; margin: .25%; 
overflow:scroll;
   
}


.imagewidth60 {width:60%;float:left;
   
}

.imagewidth75 {width:75%;float:left;
       
}


.imagewidth80 {width:80%; float:left;
   
}

.imagewidth80m {width:80%; float:left;
   
margin-left:10%; margin-right: 10%; background-color: grey;}

.imagewidth90m {width:90%; float:left;
   
margin-left:5%;}


.imagewidth95 {width:95%; float:left;
   
}

.imagewidth96 {width:96%; float:left;
   
}
.imagewidth98 {width:98%; float:left;
   
}


.imagewidth100 {width:100%; overflow:scroll;} 

.imtitle  { 
         width: 100%;
         test-align: center;
         font-size: 1.2em;
         background-color: #669999;
         position:fixed; top:150px; left:0px;
         z-index:10;display:inline;
         padding-top: 20px;
         padding-bottom:20px;
         padding-left: 20px;
        }

.imagewidth500 {width:100%; height:400px; background-color:#ffffcc; overflow:scroll;display:inline-block;white-space: nowrap;position:relative; left:5px; border-style:solid; border-width:3px; padding-top: 10px; }

.imagewidth500A {width:100%;  background-color:#ffffcc; overflow:scroll;display:inline-block;white-space: nowrap;position:relative; left:5px; border-style:solid; border-color:red;border-width:1px; padding-top: 10px; }

.iw {width:250px; height:375px;float:left; overflow:scroll; padding-left:15px; padding-right:15px; padding-top:10px; background-color: #ffffcc; font-weight:200; line-height:1.5;border-style:solid; border-width:1px}

.imageframewide {width:500%; background-color: #555; padding:1px; position:relative; left:10px; margin-top: 210px;}

.inline {float:left; width: 30%; background-color: transparent; font-weight:lighter;}

.inlinelink {background-color:transparent; padding:.2%; display:inline;text-decoration:none; color:#111;}

.inlinelink:link    {text-decoration:none; color:#111;    border-radius: 10px;}
.inlinelink:visited {background-color:green; color:green;  border-radius: 10px;}
.inlinelink:hover   {background-color: black; color:#fff;  border-radius: 10px;}
.inlinelink:active  {background-color: pink;  color:#fff;  border-radius: 10px;}



.inlinelink1 {text-decoration:none; background-color:#ddd; border-radius:10px; 
padding:1%; display:inline; color:#222; border-style: solid; border-colour:#111; border-width: 1px;}

.inlinelink1:link    {text-decoration:none; font-color:#555; border-radius: 10px;}
.inlinelink1:visited {text-decoration:none; background-color:green; color:green;  border-radius: 10px;}
.inlinelink1:hover   {text-decoration:none; background-color: black; color:#fff;  border-radius: 10px;}
.inlinelink1:active  {text-decoration:none; background-color: pink;  color:#fff;  border-radius: 10px;}

.inlinetitle {font-size: 1.25em; display:inline;}

.lookatlondon {
    position:relative;
    
    width:100%;
    text-align: left;
    padding: 5px;
    
    line-height: 1.5;
    
    box-shadow: 1px 1px  #888;
    border-style: solid;
    border-width: 0px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    
    font-size: 1.0em;
    background-color: #6697cc;
    
    
    

}

.laltease {
    height: 30em;
    width:95%;
    text-align: left;
    padding: 5px;
    
    line-height: 1.5;
    margin:auto;
    box-shadow: 1px 1px  #888;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    font-family: Andale Mono;
    font-size: .8em;
    background:linear-gradient(to bottom, #0099ff, #fff 80% );
    
}

.logolal { float:right;
               width:16%;
               background-color: transparent;
               }

.left70 {width:95%;
         
         border-style: solid;
         border-width: 2px;
         float:left;
         padding:.1%;
          background-color: transparent;
          background-image: linear-gradient(to bottom, #6697cc, #ecf2f9);
          
          
          
          
            }

.left90 {width:90%;
         border-style:solid;
         border-width: 2px;
         margin-left: 2.5%;
         float:left;
         padding:2%;
          background-color: transparent;
          position:relative;
          top:2px;
            }

  .left100short {
                 width: 100%;
                 float: left;
                 background-color: #fff;
                 text-align:center;
                }

.left100shortvg {height: 350px;
                 width: 100%;
                 float: left;
                 background-color: green;
                 text-align:center;
                }
                
 .left100shortv {height: 350px;
                 width: 100%;
                 float: left;
                 position:sticky; left:0;
                 background-color: #fff;
                 text-align:center;
                }

.lightgreen {color:#ceffba;}

.logox {height:110px; position: absolute;top: 0px; right:100px; padding:20px;}

.logoxg  {height: 115px;
         width: 10%;
         background-color: green;
         position: fixed; top: 0px; right:5%;
         text-align: center;
       }

.margin10 { margin-left: 5%; margin-right:5%;}
.marginleft10 {width:35%; margin-left:10%;float:left; border-radius:15px; }
.marginright10 {width:35%;margin-left:10%; float:left;border-radius:15px; }
.mapcontainer {width:100%; border-style:solid; border-width:2px;overflow:scroll;}

.mi {background-color:transparent;float:left; height:35px; margin:0px; padding-top:10px;}


.navbarx { height: 45px;
         width: 100%;
         background-color: #fff;
         clear:both;
         position:fixed; top:115px; left:0px;
         z-index:5;
        }

.navbarq { 
         width: 100%;
         background-color: transparent;
         
         z-index:10;

         
        }


.navbarq     { float:left;
               width:100%;
               background-color: transparent;
               padding: 0;
               border-style:solid;
               border-width: 2px;
               clear:right;
               position:sticky;
               top:0px;
               z-index:10;

               }




.navbarleft     { float:left;
               width:100%;
               background-color: transparent;
               padding: 0;
               border-style:solid;
               border-width: 2px;
               
               position:sticky;
               top:0px;
               z-index:10;
               }

.navbutton4   {height: 20px;
           margin: .75%;
           padding: 2%;
           background-color: #def;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Times;
           font-weight: bold;
           font-size: .75em;
           position: inline;
           } 

.navbutton4:link    {text-decoration:  none;        color:#111; }
.navbutton4:visited {background-color: transparent; color:#111; }
.navbutton4:hover   {background-color: black;       color:#fff; }
.navbutton4:active  {background-color: black;       color:#fff; }


.design {}
.nathist {}
.science{}
.vanda{position: relative; width: 100%; height: 1500px; background-color: green; border-style:solid; border-width 3px;}







.navbarmaps { 
         width: 100%;
         background-color: #555;
         position:fixed; top:155px; left:0px;
         z-index:10;display:inline;
        }


.navbarGA { 
         width:100%;
         background-color:transparent;
         position:sticky; top:20px;
         height: 75px;
         padding-top: 10px;
         z-index:5;
         


        }

.navbarOUT { 
         width:100%;
         background-color:transparent;
         position:relative; top:20px;
         height: 75px;
         padding-top: 10px;
         z-index:5;
         


        }



.navbarparks {
         float:left;
               width:100%;
               background-color: #ceffba;
               padding: 0;
               border-style:solid;
               border-width: 2px;
               clear:right;
               position:sticky;
               top:0px;
               z-index:10;
        }





.navbarqred { 
         width: 100%;
         background-color: red;
         position:sticky; top:115px; left:0px;
         z-index:10;display:none;
        }



.navbarga { height: 45px;
         width: 100%;
         background-color: #f2f8ff;
         clear:both;
         position:fixed; top:115px; left:0px;
        
        }

.navbarxg { height: 45px;
         width: 100%;
         background-color:green;
         clear:both;
         position:fixed; top:115px; left:0px;
        }



.navbarhoriz { float:left;
               width:70%;
               background-color: #b3cce6;
               padding: 2%;
               border-style:solid;
               border-width: 2px;
               clear:right;
               position:sticky;
               top:0px;
               z-index:10;

               }
               
.navbarhorizfull { float:left;
               width:100%;
               background-color: #b3ccd6;
               padding: 2%;
               border-style:solid;
               border-width: 2px;
               clear:right;
               position:sticky;
               top:0px;
               z-index:10;

               }

               .navbarhorizt { float:left;
               width:70%;
               background-color: transparent;
               padding: 2%;
               border-style:solid;
               border-width: 2px;
               clear:right;
               position:sticky;
               top:0px;
               z-index:10;

               }


.navcoloursand {background-color: #ffcc66; width:100%; height: 100%;float:left;}
.navcolourgreygreen  {background-color: #739966;width:100%; height: 100%;float:left;}
.navcolourgreyblue   {background-color: #669999;width:100%; height: 100%;float:left;}
.navcolourwhite   {background-color: #ffffff;width:100%; height: 100%;float:left;}
.navcolourredpink {background-color: #ff8c66; width:100%; height: 100%;float:left;}
.navcolourpaleblue {background-color: #ecf2f9; width:100%; height: 100%;float:left;}



.navinternal { float:left;
               width:100%;
               background-color: transparent;
               padding: .25%;
               border-style:solid;
               border-width: 2px;
               clear:right;
               position:sticky;
               top:35px;
               z-index:10;
               font-size; .75em;
               }


a.navtwo:link    {text-decoration:none;          color:#111;}
a.navtwo:visited {background-color: transparent; color:#111;}
a.navtwo:hover   {background-color: black;       color:#fff;  border-radius: 5px;}
a.navtwo:active  {background-color: black;       color:#fff; border-radius: 5px;}


.ocg {background-color:green; width:100%; position:absolute;left:0px; top:0px; display:block; float:right; clear:both; z-index:2;}


.one {
    background-color: #eee;
    padding: 4px;
    display: none;
    float: left;
    width:30% ;
    font-family:American Typewriter;
}
span:hover + .one {
    display: inline;
    position: fixed; 
    top: 200px; 
    right:50%;
    
    text-align: center;
    padding-top: 5px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 25px;
    font-weight:normal;
    
}
.outercontainer {
   
    width:100%; background-color: transparent;
        }

.pagegettingabout { position: absolute; top: 0px; width:100%; background-color: #e0ebeb;}
.pagelengthindex {
    
    width:100%;
    background-color: #cde;
      }

.pagelengthindexq {
    
    width:100%;
    background-color:  #ffffff;
      }

.pagelengthindexqlandmarks {
    
    
    width:100%;
    background-color: #ffffee;     
   
    
         
        
      }

.pagelengthindexqmuseums {
   
    width:100%;
    background-color: #e6ffe6;
      }

.pagelengthindexqmarkets {
   
    width:100%;
    background-color:  #f0f5f5;
   
      }


.pagelengthindexqtransport {
   
    width:100%;
    background-color:  #ffffe6;
   
      }


.pagewalking {
   
    width:500%;
    background-color:  #a3c2c2;
    position:relative;
      }

.pagelengthindexparks {
    
    width:100%;
    background-color: green;
      }


.pagelengthlandmarks {
    height: 500em;
    width:100%;
      }

.pagelengthmarkets{
    height: 500em;
    width:100%;
      }

.pagelengthmuseums{
    height: 500em;
    width:100%;
      }

.pagelengthparks{
    height: 500em;
    width:100%;
      }

.pagelengthgettingabout{
    height: 500em;
    width:100%;
    background-color:#f2f8ff;
                      
      }

.pagelengthguard{
    height: 500em;
    width:100%;
      }


.paramain {text-align: left;
    margin-left: 10px;
    margin-right:10px;
    margin-top: 10px;
    margin-bottom:10px;
    max-width: 90%;
    padding: 15px;
    
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    font-family:Helvitica;
    background-color:#ceffba;
    float:left;

}

.parastrong {text-align: left;
    margin-left: 10px;
    margin-right:10px;
    margin-top: 10px;
    margin-bottom:10px;
    max-width: 90%;
    padding: 15px;
    
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-size: 1.3em;
    font-weight:normal;
    font-family:Helvitica;
    background-color: transparent;
    float:left;

}


.paramaingrey {text-align: left;
    margin-left: 10px;
    margin-right:10px;
    margin-top: 5px;
    margin-bottom:5px;
    line-height: 1.6;
    padding: 15px;
    min-width:80%;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    font-family:Helvitica;
    background-color:#eee;
    float:left;

}
.paramain90 {text-align: left;
    margin-left: 0%;
    
    margin-top: 5px;
    margin-bottom:5px;
    margin-left: 5%;
    line-height: 1.6;
    padding: 15px;
    width:90%;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    font-family:Helvitica;
    background-color:transparent;
    float:left;

}

.paraleft {text-align: left;
    float:left;
    margin: 10px;
    width: 33%;
    padding: 15px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    background-color:#eee;
    font-family:Helvitica;
    line-height: 1.6;
}

.paraleft2 {text-align: left;
    float:left;
    
    width: 95%;
    padding: 15px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    background-color:#eee;
    font-family:Helvitica;
    line-height: 1.6;
}

.paraclear {text-align: left;
    float:left;
    margin: 10px;
    line-height: 1.6;
   
    padding: 15px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    background-color:#fff;

}

.pararight {text-align: left;
    float:left;
    margin: 5px;
    max-width: 90%;
    min-width:50%;
    padding: 15px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    background-color:#bbc;

}

.pararight33 {text-align: left;
    float:left;
    margin-right: 10%;
    width: 35%;
    padding: 15px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    background-color:#ceffba;

}

.paracenterlal {text-align: left;
    float:right;
    margin: 5% 5% 5%;

    width: 90%;
    padding: 15px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    font-family: Apple Symbols;
    font-size: 1.5vw;
    background-color: transparent;

}


.para2025 {text-align: left;
    float:right;
    line-height: 1.1;

    min-width: 80%;
    margin-left:10%;
    margin-right:10%;
    margin-top:10px;
    margin:bottom:10px;
    padding:15px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    font-family: Apple Symbols;
    font-size: 1.5em;
    background-color: transparent;
    background-image: linear-gradient(to bottom, #6697cc, #ecf2f9);
}


.para2025full {text-align: left;
    float:right;
    line-height: 1.1;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    font-family: Apple Symbols;
    font-size: 1.5em;
    background-color: transparent;
    background-image: linear-gradient(to bottom, #6697cc, #ecf2f9);
}



.para2025image {text-align: left;
    float:right;
    line-height: 1.1;

    min-width: 80%;
    margin-left:10%;
    margin-right:10%;
    margin-top:2px;
    margin:bottom:2px;
    padding: 15px;
    border-style: none;
    border-width: 1px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    font-family: Apple Symbols;
    font-size: 1.5em;
    background-color: transparent;
    
}



.para2025text {text-align: left;
    float:right;
    line-height: 1.1;
    
    min-width:95%;
    margin-top:10px;
    margin:bottom:10px;
    padding: 15px;
    border-style: none;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    font-family: Apple Symbols;
    
    background-color: transparent;
    background-image: linear-gradient(to bottom, #6697cc, #ecf2f9);
}






.picleft25 {float:left; width:25%;}
.picright25 {float: right; width:25%;}

.picleft35 {float:left; width:35%;margin-left: 10%}
.picright35 {float: right; width:35%; margin-left: 10%}


.piccentre50{float: left; width:50%;}
.piccentre60{float: left; width:60%; margin-left:20%;}
.picleft40  {float:left; width:40%;}
.picleft45  {width:45%;float:left;border-style:none; border-width:4px;  border-color: #fff; padding:0%;
}
.picright45  {width:45%;float:right;border-style:none; border-width:4px;  border-color: #fff;padding:0%;
}
.picright45inset  {width:45%;position:absolute; bottom: 10px; right:10px;}
.picleft20  {float:left; width:20%;}
.picright20  {float:right; width:20%;}

.sidebarlal { float:right;
               width:22%;
               background-color:  #b3cce6;
               padding: 1.5%;
               border-style:solid;
               border-width: 2px;
               clear:right;
               display:block;
               font-size: 1em;
               height:510px;
               overflow: scroll;
               font-family: Andale Mono;
               
               }

.sidebarlal1 { float:left;
               clear:none; 
               width:45%; 
               margin:auto;}

               background-color:  #b3cce6;
               padding: 1.5%;
               border-style:solid;
               border-width: 2px;
               clear:none;
               display:block;
               font-size: 1em;
               
               overflow: scroll;
               
               border-style: solid;
               border-width: 2px;
               border-color: #555;
               border-radius: 15px;
               font-family: Apple Symbols;
               font-size: 1.5vw;
               
               }




.paracenterlal {text-align: left;
    float:right;
    margin: 5% 5% 5%;

    width: 90%;
    padding: 15px;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    font-family: Apple Symbols;
    font-size: 1.5vw;
    background-color: transparent;

}


.rotate {position:fixed; left:5px; top:5px;  width:10%;  border- style: solid; border-color: blue; border-width: 10px; z-index:9;}

rotatemapcontainer {position: fixed; left: 5px; top 5px;}


div.scrollmenu {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
position: fixed; top: 160px; left: 10px;
}

div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  background-color: #777;
}


.sidebarlal1 {clear:none; width:45%; margin:auto;float:left; padding: 1%;}


.sidebarsololal { float:right;
               width:22%;
               background-color:  #b3cce6;
               padding: 1.5%;
               border-style:solid;
               border-width: 2px;
               clear:right;
               display:block;
               font-size: 100%;
              
               overflow: scroll;
               font-family: Andale Mono;
               
               }



.sidebarlonglal { float:left;
               width:22%;
               background-color:  #b3cce6;
               padding: 1.5%;
               border-style:solid;
               border-width: 2px;
               
               display:block;
               font-size: 100%;
               
               overflow: scroll;
               font-family: Andale Mono;
               
               }

.sidebutton {position: fixed; top:5px; right:5px; z-index:15;}

.subtitlecontainerx {height:50px; 
           width:52%; 
          float:left;
          padding-left:24%;
          font-weight:normal;
          text-align: centre;
           vertical-align: center;
           background-color: transparent;
           margin-left:auto;
           font-size: 1.3em;
           margin-top:1px;
           padding-top:0px;
           padding-bottom:100px;
           z-index: 1;
           }

.subtitlecontainerxg {height50px; 
           width:52%; 
          float:left;
          padding-left:30%;
          font-weight:normal;
          text-align: center;
           vertical-align: center;
           background-color:  green;
           color:#ceffba;
           font-size: 1.5em;
           margin-top:5px;
           padding-top:0px;
           z-index: 1;
           }

.subtitleq {height: 20px;
           float:left;
           width: 80%;
           padding-top:10px;
           padding-bottom:20px;
           z-index: 1;
           position:relative;
           color: #333;
           background-color:transparent;
           font-family: Verdana;
           font-weight: 200; 
           text-align: center;
           font-size: 1.3em;
           text-shadow: none;
          }



.subtitlexg {height: 20px;
           width: 100%;
           padding-top:10px;
           padding-bottom:20px;
           z-index: 1;
           position:relative;
           color: #ceffba;
           background-color:  green;
           font-family: Verdana;
           text-align: center;
           font-size: 1.1em;
           text-shadow: none;

          }

.subtitlelal { height: 50px;
         width:   40%;
         background-color:transparent;
         float:left;
         text-align: center;
         vertical-align: text-center;
         font-family: Andale Mono;
         font-weight: bold;
         font-size: 1.50em;
         color: #ffd700;
         
         margin-top:auto;
         
         }



.smallsubtitlex {height:25px; 
           width:33%; 
           float:left;
           font-weight:normal;
           text-align: center;
           vertical-align: center;
           background-color: #fff;
           padding-top:0%;
           font-size: .5em;
           margin-top: 5px;
           padding:.5px;
           display:none;
           }


.tileX {   
           margin: .75%;
           padding: 1%;
           background-color: transparent;
           background-size:100%; color:#fff;
           background-repeat: no-repeat;
           font-size: 1.0em; border-radius: 12px; box-shadow: 5px 10px #444; 
           width:  29%;
           text-shadow: 2px 2px #fff;
           
            
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
          
           font-size: 1.25em;
           position: inline;
           border-width: 1px;
           border-style: none;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: none;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 



.tileX:link    {text-decoration:  none; color:#111; border-radius: 12px;}
.tileX:link span {background-color: #fff; padding-top:3%; padding-bottom: 3%; padding-right: 3%; padding-left: 3%; border-radius: 10px;}
.tileX:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tileX:hover   {background-size:100%; color:#fff;
font-size: 1.25em; border-radius: 12px; box-shadow: none; width:29%;text-shadow: 2px 2px #444;}
.tileX:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}
.tileX:hover span {background-color: #bbb;}




.tileXst {   
           margin: .75%;
           padding: 1%;
           background-color: transparent;
           background-size:100%; color:#fff;
           background-repeat: no-repeat;
           font-size: 1.0em; border-radius: 12px; box-shadow: 5px 10px #444; 
           width:  29%;
           text-shadow: 2px 2px #fff;
           
            
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
          
           font-size: 1.1.em;
           position: inline;
           border-width: 1px;
           border-style: none;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: none;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 



.tileXst:link    {text-decoration:  none; color:#111; border-radius: 12px;}
.tileXst:link span {background-color: #fff; padding-top:3%; padding-bottom: 3%; padding-right: 3%; padding-left: 3%; border-radius: 10px;}
.tileXst:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tileXst:hover   {background-size:100%; color:#fff;
font-size: 1.1em; border-radius: 12px; box-shadow: none; width:29%;text-shadow: 2px 2px #444;}
.tileXst:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}
.tileXst:hover span {background-color: #bbb;}





.tile1 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("landmarks/tolsq.jpg");background-size:100%; color:#fff;
           background-repeat: no-repeat;
           font-size: 1.5em; border-radius: 12px; box-shadow: 5px 10px #444; width:29%;text-shadow: 2px 2px #fff;
           
            
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
          
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 



.tile1:link    {text-decoration:  none; color:#111; border-radius: 12px;}
.tile1:link span {background-color: #ddd; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile1:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile1:hover   {background-image: url("landmarks/tolsqsepia.jpg");background-size:100%; color:#fff;
font-size: 1.5em; border-radius: 12px; box-shadow: 5px 10px #444; width:29%;text-shadow: 2px 2px #444;}
.tile1:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}
.tile1:hover span {background-color: #bbb;}

.tile2 {   
           margin: .75%;
           padding: 1%;
             background-image: url("where/lidarlondongreyscale.jpg");background-size:100%; color:#fff; font-size: 1.0em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #fff; 
           background-color: #aabbcc;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile2:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile2:link span {background-color: #ddd; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile2:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile2:hover   {background-image: url("where/map1.jpg");background-size:100%; color:#fff; font-size: 1.0em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile2:hover span {background-color: #bbb;}
.tile2:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}


.tile3 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("LAL/LMS5.jpg"); background-size:75%;color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile3:link    {text-decoration: none;color:#111; border-radius: 12px;}
.tile3:link span {background-color: #ddd; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile3:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile3:hover   {background-image: url("LAL/LMS1.jpg"); background-size:75%;color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile3:hover span {background-color: #bbb;}
.tile3:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}
                              


.tile4 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("markets/jubileemarket2.jpg");background-size:75%; color:#fff; font-size: 1.5em;    border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow:
           2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile4:link    {text-decoration:none ;color:#111; border-radius: 12px;}
.tile4:link span {background-color: #ddd; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile4:visited {background-color:transparent; color:#111; border-radius: 12px;}
.tile4:hover   {background-image: url("markets/jubileemarket2.jpg");background-size:75%; color:#fff; font-size: 1.5em;    border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile4:hover span {background-color: #bbb;}
.tile4:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}
                              

.tile5 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("parks/hydepark7.jpg"); background-size: 75%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px  #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile5:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile5:link span {background-color: #ddd; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile5:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile5:hover   {background-image: url("parks/hydepark7.jpg"); background-size: 75%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile5:hover span {background-color: #bbb;}
.tile5:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}

.tile6 {   
           margin: .75%;
           padding: 1%;
           background-image: url("museums/bm2.jpg"); background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           background-color: #aabbcc;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile6:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile6:link span {background-color: #ddd; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile6:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile6:hover   {background-image: url("museums/bm2.jpg"); background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile6:hover span {background-color: #bbb;}
.tile6:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}

.tile7 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-video width="100%"     
  source src="videos/Londonsequence1.mp4" type="video/mp4";
background-image: url("gettingabout/sign.jpg"); background-size:60%;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile7:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile7:link span  {background-color: #ddd; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile7:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile7:hover   {background-image: url("gettingabout/sign.jpg"); background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile7:hover span {background-color: #bbb;}
.tile7:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}

.tile8 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
background-image: url("clinkalley1.jpg"); background-size:76%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;

           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile8:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile8:link span {background-color: #ddd; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile8:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile8:hover   { background-image: url("clinkalley1.jpg"); background-size:75%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;
}
.tile8:hover span {background-color: #bbb;}
.tile8:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}

.tile9 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("planning2.png"); background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile9:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile9:link span  {background-color: #ddd; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile9:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile9:hover   {background-color: #abcdef; background-image: url("planning3.jpg");background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile9:hover span {background-color: #bbb;}
.tile9:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}





.tile11 {   
           margin: .75%;
           padding: 1%;
           background-color: #ffffcc;
           background-image: url("landmarks/bp13.jpg");background-size:125%; color:#fff;
           font-size: 1.5em; border-radius: 12px; box-shadow: 5px 10px #444; width:29%;text-shadow: 2px .2px #fff;
           
            
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.3em;
           position: inline;
           border-width: 0px;
           border-style: solid;
           border-color: gold;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 25px;
           padding-bottom: 275px;
           
                             } 




.tile11:link    {text-decoration:  none;        color:#fff; border-radius: 12px;}
.tile11:link span {background-color: #ffffcc; background-image: linear-gradient(to bottom right, #555, white); padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile11:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile11:hover   {background-image: url("landmarks/bp_blue.jpg");background-size:100%; color:#fff;

font-size: 1.3em; border-radius: 12px; box-shadow: 5px 10px #444; width:29%;text-shadow: 2px 2px #444;}


.tile11:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}
.tile11:hover span {background-color: #bbb;}

.tile12 {   
           margin: .75%;
           padding: 1%;
             background-image: url("landmarks/ctgsq_jazz.jpg");background-size:75%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #fff; 
           background-color: #ffffcc;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.3em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile12:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile12:link span {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile12:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile12:hover   {background-image: url("landmarks/ctgsq_blue.jpg");background-size:75%; color:#fff; font-size: 1.3em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile12:hover span {background-color: #bbb;}
.tile12:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}


.tile13 {   
           margin: .75%;
           padding: 1%;
           background-color: #ffffcc;
           background-image: url("landmarks/tssq_jazz.jpg"); background-size:75%;color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.3em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile13:link    {text-decoration: none;color:#111; border-radius: 12px;}
.tile13:link span {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile13:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile13:hover   {background-image: url("landmarks/tssq_blue.jpg"); background-size:75%;color:#fff; font-size: 1.3em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile13:hover span {background-color: #bbb;}
.tile13:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}
                              


.tile14 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("landmarks/hpsq_jazz.jpg");background-size:75%; color:#fff; font-size: 1.5em;    border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow:
           2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           font-size: 1.3em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile14:link    {text-decoration:none ;color:#111; border-radius: 12px;}
.tile14:link span {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile14:visited {background-color:transparent; color:#111; border-radius: 12px;}
.tile14:hover   {background-image: url("landmarks/hpsq_blue.jpg");background-size:75%; color:#fff; font-size: 1.3em;    border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile14:hover span {background-color: #bbb;}
.tile14:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}
                              

.tile15 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("landmarks/wasq_jazz.jpg"); background-size: 75%; color:#fff; font-size: 1.3em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px  #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.3em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile15:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile15:link span {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile15:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile15:hover   {background-image: url("landmarks/wasq_blue.jpg"); background-size: 75%; color:#fff; font-size: 1.3em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile15:hover span {background-color: #bbb;}
.tile15:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}

.tile16 {   
           margin: .75%;
           padding: 1%;
           background-image: url("landmarks/cgsq_jazz.jpg"); background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           background-color: #aabbcc;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.3em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile16:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile16:link span {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile16:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile16:hover   {background-image: url("landmarks/cgsq_blue.jpg"); background-size:100%; color:#fff; font-size: 1.3em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile16:hover span {background-color: #bbb;}
.tile16:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}

.tile17 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-video width="100%"     
  source src="videos/Londonsequence1.mp4" type="video/mp4";
background-image: url("landmarks/spsq_jazz.jpg"); background-size:60%;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.3em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile17:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile17:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile17:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile17:hover   {background-image: url("landmarks/spsq_blue.jpg"); background-size:100%; color:#fff; font-size: 1.3em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile17:hover span {background-color: #bbb;}
.tile17:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}

.tile18 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
background-image: url("landmarks/sgsq_jazz2.jpg"); background-size:76%; color:#fff; font-size: 1.3em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;

           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.3em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile18:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile18:link span {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile18:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile18:hover   { background-image: url("landmarks/sgsq_jazz.jpg"); background-size:75%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;
}
.tile18:hover span {background-color: #bbb;}
.tile18:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}

.tile19 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("landmarks/hmsbsq_jazz2.jpg"); background-size:100%; color:#fff; font-size: 1.3em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.3em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile19:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile19:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile19:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile19:hover   {background-color: #abcdef; background-image: url("landmarks/hmsbsq_blue.jpg");background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile19:hover span {background-color: #bbb;}
.tile19:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile20 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("landmarks/tolsq_jazz.jpg"); background-size:100%; color:#fff; font-size: 1.3em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile20:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile20:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile20:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile20:hover   {background-color: #abcdef; background-image: url("landmarks/tolsq_blue.jpg");background-size:100%; color:#fff; font-size: 1.3em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile20:hover span {background-color: #bbb;}
.tile20:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile21 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("landmarks/tbsq_jazz.jpg"); background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.3em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile21:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile21:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile21:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile21:hover   {background-color: #abcdef; background-image: url("landmarks/tbsq_blue.jpg");background-size:100%; color:#fff; font-size: 1.3em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile21:hover span {background-color: #bbb;}
.tile21:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}



.tile22 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("landmarks/lesq_jazz.jpg"); background-size:100%; color:#fff; font-size: 1.3em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.3em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile22:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile22:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile22:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile22:hover   {background-color: #abcdef; background-image: url("landmarks/lesq.jpg");background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile22:hover span {background-color: #bbb;}
.tile22:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile23 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("parks/kgsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile23:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile23:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile23:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile23:hover   {background-color: #abcdef; background-image: url("parks/kgsq.jpg");background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile23:hover span {background-color: #bbb;}
.tile23:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile24 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("parks/hpsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile24:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile24:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile24:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile24:hover   {background-color: #abcdef; background-image: url("parks/hpsq.jpg");background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile24:hover span {background-color: #bbb;}
.tile24:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile25 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("parks/gpsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile25:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile25:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile25:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile25:hover   {background-color: #abcdef; background-image: url("parks/gpsq.jpg");background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile25:hover span {background-color: #bbb;}
.tile25:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile26 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("parks/sjpsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile26:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile26:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile26:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile26:hover   {background-color: #abcdef; background-image: url("parks/sjpsq.jpg");background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile26:hover span {background-color: #bbb;}
.tile26:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}

.tile27 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("parks/rpsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile27:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile27:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile27:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile27:hover   {background-color: #abcdef; background-image: url("parks/rpsq.jpg");background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile27:hover span {background-color: #bbb;}
.tile27:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}







.tile28 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-video width="100%"     
  source src="videos/Londonsequence1.mp4" type="video/mp4";
background-image: url("markets/portsqsepia.jpg"); background-size:60%;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile28:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile28:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile28:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile28:hover   {background-image: url("markets/portsq.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile28:hover span {background-color: #bbb;}
.tile28:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}

.tile29 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
background-image: url("markets/jubsqsepia.jpg"); background-size:76%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;

           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile29:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile29:link span {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile29:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile29:hover   { background-image: url("markets/jubsq.jpg"); background-size:75%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;
}
.tile29:hover span {background-color: #bbb;}
.tile29:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}

.tile30 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("markets/camsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile30:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile30:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile30:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile30:hover   {background-color: #abcdef; background-image: url("markets/camsq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile30:hover span {background-color: #bbb;}
.tile30:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile31 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("markets/borsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile31:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile31:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile31:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile31:hover   {background-color: #abcdef; background-image: url("markets/borsq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile31:hover span {background-color: #bbb;}
.tile31:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile32 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("markets/spitsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile32:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile32:link span  {background-color:#ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile32:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile32:hover   {background-color: #abcdef; background-image: url("markets/spitsq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile32:hover span {background-color: #bbb;}
.tile32:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}



.tile33 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("markets/petsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile33:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile33:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile33:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile33:hover   {background-color: #abcdef; background-image: url("markets/petsq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile33:hover span {background-color: #bbb;}
.tile33:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile34 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("markets/bricksqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile34:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile34:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile34:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile34:hover   {background-color: #abcdef; background-image: url("markets/bricksq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile34:hover span {background-color: #bbb;}
.tile34:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile35 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("markets/gresqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile35:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile35:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile35:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile35:hover   {background-color: #abcdef; background-image: url("markets/gresq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile35:hover span {background-color: #bbb;}
.tile35:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile36 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("museums/dmsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.3em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile36:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile36:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile36:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile36:hover   {background-color: #abcdef; background-image: url("museums/dmsq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile36:hover span {background-color: #bbb;}
.tile36:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile37 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("museums/nhmsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile37:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile37:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile37:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile37:hover   {background-color: #abcdef; background-image: url("museums/nhmsq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile37:hover span {background-color: #bbb;}
.tile37:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}

.tile38 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("museums/smsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile38:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile38:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile38:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile38:hover   {background-color: #abcdef; background-image: url("museums/smsq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile38:hover span {background-color: #bbb;}
.tile38:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}






.tile39 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("museums/v&asqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile39:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile39:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile39:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile39:hover   {background-color: #abcdef; background-image: url("museums/v&asq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile39:hover span {background-color: #bbb;}
.tile39:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}

.tile40 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("museums/walsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile40:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile40:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile40:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile40:hover   {background-color: #abcdef; background-image: url("museums/walsq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile40:hover span {background-color: #bbb;}
.tile40:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}







.tile41 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-video width="100%"     
  source src="videos/Londonsequence1.mp4" type="video/mp4";
background-image: url("museums/tbsqsepia.jpg"); background-size:60%;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile41:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile41:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile41:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile41:hover   {background-image: url("museums/tbsq.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile41:hover span {background-color: #bbb;}
.tile41:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}

.tile42 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
background-image: url("museums/ngsqsepia.jpg"); background-size:76%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;

           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile42:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile42:link span {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile42:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile42:hover   { background-image: url("museums/ngsq.jpg"); background-size:75%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;
}
.tile42:hover span {background-color: #bbb;}
.tile42:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}

.tile43 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("museums/npgsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile43:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile43:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile43:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile43:hover   {background-color: #abcdef; background-image: url("museums/npgsq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile43:hover span {background-color: #bbb;}
.tile43:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile44 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("museums/ltmsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile44:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile44:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile44:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile44:hover   {background-color: #abcdef; background-image: url("museums/ltmsq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile44:hover span {background-color: #bbb;}
.tile44:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile45 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("museums/bmsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile45:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile45:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile45:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile45:hover   {background-color: #abcdef; background-image: url("museums/bmsq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile45:hover span {background-color: #bbb;}
.tile45:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}



.tile46 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("museums/iwmsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile46:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile46:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile46:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile46:hover   {background-color: #abcdef; background-image: url("museums/iwmsq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile46:hover span {background-color: #bbb;}
.tile46:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile47 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("museums/tmsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile47:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile47:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile47:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile47:hover   {background-color: #abcdef; background-image: url("museums/tmsq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile47:hover span {background-color: #bbb;}
.tile47:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile48 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url(museums/mol2sepia.jpg); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile48:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile48:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile48:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile48:hover   {background-color: #abcdef; background-image: url(museums/mol2.jpg);background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile48:hover span {background-color: #bbb;}
.tile48:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile49 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("museums/nmmsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile49:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile49:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile49:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile49:hover   {background-color: #abcdef; background-image: url("museums/nmmsq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile49:hover span {background-color: #bbb;}
.tile49:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile50 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("parks/holland6sepia.JPG"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile50:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile50:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile50:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile50:hover   {background-color: #abcdef; background-image: url("parks/holland6.JPG");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile50:hover span {background-color: #bbb;}
.tile50:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}

.tile51 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("markets/columbia6sepia.JPG"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile51:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile51:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile51:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile51:hover   {background-color: #abcdef; background-image: url("markets/columbia6.JPG");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile51:hover span {background-color: #bbb;}
.tile51:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile52 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("LAL/templechurch1.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile52:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile52:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile52:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile52:hover   {background-color: #abcdef; background-image: url("LAL/templechurch2.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile52:hover span {background-color: #bbb;}
.tile52:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile53 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("LAL/gpsq.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile53:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile53:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile53:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile53:hover   {background-color: #abcdef; background-image: url("LAL/spsq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile53:hover span {background-color: #bbb;}
.tile53:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile54 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("parks/sjpsqsepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile54:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile54:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile54:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile54:hover   {background-color: #abcdef; background-image: url("parks/sjpsq.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile54:hover span {background-color: #bbb;}
.tile54:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}

.tile55 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("museums/CWR3sepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile55:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile55:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile55:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile55:hover   {background-color: #abcdef; background-image: url("museums/CWR3.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile55:hover span {background-color: #bbb;}
.tile55:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}



.tile56 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("gettingabout/bus2024BW.jpeg"); background-size:100%; color:#111; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile56:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile56:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile56:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile56:hover   {background-color: #abcdef; background-image: url("gettingabout/bus2024.jpeg");background-size:100%; color:#111; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile56:hover span {background-color: #bbb;}
.tile56:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile57 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("gettingabout/info3.png"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile57:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile57:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile57:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile57:hover   {background-color: #abcdef; background-image: url("gettingabout/info2.png");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile57:hover span {background-color: #bbb;}
.tile57:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile58 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("gettingabout/publictransportBW.png"); background-size:100%; color:#111; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:           29%;text-shadow: 1px 1px #111;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile58:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile58:link span  {background-color: transparent; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile58:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile58:hover   {background-color: #abcdef; background-image: url("gettingabout/publictransport.png");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile58:hover span {background-color: #bbb;}
.tile58:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile59 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("gettingabout/tubemapBW.png"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile59:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile59:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile59:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile59:hover   {background-color: #abcdef; background-image: url("gettingabout/tubemap.png");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile59:hover span {background-color: #bbb;}
.tile59:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}



.tile60 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("gettingabout/pay3.png"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile60:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile60:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile60:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile60:hover   {background-color: #abcdef; background-image: url("gettingabout/pay2.png");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile60:hover span {background-color: #bbb;}
.tile60:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}



.tile61 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("gettingabout/driving1.jpeg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile61:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile61:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile61:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile61:hover   {background-color: #abcdef; background-image: url("gettingabout/driving2.jpeg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile61:hover span {background-color: #bbb;}
.tile61:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile62 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("museums/CWR3sepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile62:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile62:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile62:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile62:hover   {background-color: #abcdef; background-image: url("museums/CWR3.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile62:hover span {background-color: #bbb;}
.tile62:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}



.tile63 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("museums/CWR3sepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile63:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile63:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile63:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile63:hover   {background-color: #abcdef; background-image: url("museums/CWR3.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile63:hover span {background-color: #bbb;}
.tile63:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}


.tile64 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("museums/CWR3sepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile64:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile64:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile64:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile64:hover   {background-color: #abcdef; background-image: url("museums/CWR3.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile64:hover span {background-color: #bbb;}
.tile64:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}



.tile65 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("museums/CWR3sepia.jpg"); background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           padding-top: 150px;
           padding-bottom: 150px;
           
                             } 

.tile65:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile65:link span  {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile65:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile65:hover   {background-color: #abcdef; background-image: url("museums/CWR3.jpg");background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%; text-shadow: 2px 2px #444;}
.tile65:hover span {background-color: #bbb;}
.tile65:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}



.tile101 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("LAL/LMS5.jpg"); background-size:100%;color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           padding-top: 150px;
           padding-bottom: 150px;
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
            aspect-ratio:1/1;
           
                             } 

.tile101:link    {text-decoration: none;color:#111; border-radius: 12px;}
.tile101:link span {background-color: #ddd; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile101:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile101:hover   {background-image: url("LAL/LMS1.jpg"); background-size:100%;color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile101:hover span {background-color: #bbb;}
.tile101:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}


.tile102 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("LAL/templechurch1.jpg"); background-size:100%;color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           padding-top: 150px;
           padding-bottom: 150px;
           aspect-ratio:1/1;
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
            
           
                             } 

.tile102:link    {text-decoration: none;color:#111; border-radius: 12px;}
.tile102:link span {background-color: #ddd; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile102:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile102:hover   {background-image: url("LAL/templechurch2.jpg"); background-size:100%;color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile102:hover span {background-color: #bbb;}
.tile102:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}
                              

                              
.tile103 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("LAL/gpsq.jpg"); background-size:100%;color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           padding-top: 150px;
           padding-bottom: 150px;
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
            aspect-ratio:1/1;
           
                             } 

.tile103:link    {text-decoration: none;color:#111; border-radius: 12px;}
.tile103:link span {background-color: #ddd; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile103:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile103:hover   {background-image: url("LAL/spsq.jpg"); background-size:100%;color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile103:hover span {background-color: #bbb;}
.tile103:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}
                              
.tile104 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("art/art1.jpg"); background-size:100%;color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           padding-top: 150px;
           padding-bottom: 150px;
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
            aspect-ratio:1/1;
           
                             } 

.tile104:link    {text-decoration: none;color:#111; border-radius: 12px;}
.tile104:link span {background-color: #ddd; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile104:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile104:hover   {background-image: url("art/monster.jpg"); background-size:100%;color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile104:hover span {background-color: #bbb;}
.tile104:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}
                              


.tile105 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("LAL/stjamespalace1.jpg"); background-size:100%;color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           padding-top: 150px;
           padding-bottom: 150px;
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
            aspect-ratio:1/1;
           
                             } 

.tile105:link    {text-decoration: none;color:#111; border-radius: 12px;}
.tile105:link span {background-color: #ddd; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile105:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile105:hover   {background-image: url("LAL/bp25.JPG"); background-size:100%;color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile105:hover span {background-color: #bbb;}
.tile105:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}
                              

.tile106 {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
           background-image: url("LAL/BluesandRoyals.JPG"); background-size:100%;color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           padding-top: 150px;
           padding-bottom: 150px;
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888888;
           text:vertical-align: center;
           aspect-ratio:1/1;
           
                             } 

.tile106:link    {text-decoration: none;color:#111; border-radius: 12px;}
.tile106:link span {background-color: #ddd; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile106:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile106:hover   {background-image: url("LAL/gunsalute1sq.jpg"); background-size:100%;color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #444;}
.tile106:hover span {background-color: #bbb;}
.tile106:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}
                              







.tile {   
           margin: .75%;
           padding: 1%;
           background-color: #aabbcc;
background-image: url("gettingabout/stagecoach(1)BW.jpg"); background-size:100%; opacity: 1.0; color:#444; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;

           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           border-radius: 12px; box-shadow: 10px 15px #444;
           font-size: 1.2em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888;
           text:vertical-align: center;
           padding-top:150px;
           padding-bottom: 150px;
                             } 

.tile:link    {text-decoration:  none;        color:#111; border-radius: 12px;}
.tile span {background-color: #ffffcc; padding-top:1%; padding-bottom: 2%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}
.tile:visited {background-color: transparent; color:#111; border-radius: 12px;}
.tile:hover   {background-color: transparent; color:#fff; font-size: 1.2em; border-radius: 12px; box-shadow: 10px 15px #888; width:29%;text-shadow: 2px 2px #111;background-image: url("gettingabout/stagecoach(1).jpg"); background-size:100%;}
.tile:active  {background-color: #abcdef; color:#fff; border-radius: 12px;}
.tile:hover span {background-color: #bbb;}
.tile:active  {background-color: #abcdef;  background-size:100%; color:#fff; font-size: 1.5em; border-radius: 12px; box-shadow: 10px 15px #444; width:29%;text-shadow: 2px 2px #ffffff;}



.tilephoto {   
           margin: .75%;
           padding: .1%;
           background-color: #aabbcc;
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Andale Mono;
           font-weight: bold;
           width:29%;
           z-index:1;
           font-size: 1.5em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           border-radius: 12px;
           box-shadow: 2.5px 5px #888;
           text:vertical-align: center;
           }
           
                              




.Thamesmap {width:100%; float:left; margin-top:0px;}

.titlelal { height: 50px;
         width:   40%;
         background-color:  #6697cc;
         float:left;
         text-align: center;
         vertical-align: text-center;
         font-family: Andale Mono;
         font-weight: bold;
         font-size: 2em;
         color: #ffd700;
         box-shadow: 1px 3px #000000;
         margin-top:auto;
         padding-top: 10px;
         border-radius: 15px;
text-shadow: 2px 2px #FF0000;
         }

.titlelal2 { height: 50px;
         width:   40%;
         background-color:  #007dff;
         float:left;
         text-align: center;
         vertical-align: text-center;
         font-family: Andale Mono;
         font-weight: bold;
         font-size: 2em;
         color: #ffd700;
         
         margin-top:auto;
         
         }

.titlelal3 { height: 50px;
         width:60%;
         margin-left:20%;
         background-color:  #6697cc;
         float:left;
         text-align: center;
         vertical-align: text-center;
         font-family: Andale Mono;
         font-weight: bold;
         font-size: 2em;
         color: #ffd700;
         box-shadow: 1px 3px #000000;
         margin-top:auto;
         padding-top: 10px;
         border-radius: 15px;
text-shadow: 2px 2px #FF0000;
         }

.titlelal4 { height: 50px;
         width:60%;
         margin-left:20%;
         background-color:  transparent;
         float:left;
         text-align: center;
         vertical-align: text-center;
         font-family: Andale Mono;
         font-weight: bold;
         font-size:1.75em;
         color: #ffd700;
         box-shadow: 1px 3px #000000;
         margin-top:auto;
         padding-top: 10px;
         border-radius: 15px;
text-shadow: 2px 2px #FF0000;
         }

.titlelal5 { height: 50px;
         width:30%;
         margin-left:1%;
         background-color:  transparent;
         float:left;
         text-align: center;
         vertical-align: text-center;
         font-family: Andale Mono;
         font-weight: bold;
         font-size:2.75em;
         color: #111;
         box-shadow: none
         margin-top:auto;
         padding-top: 10px;
         border-radius: 15px;
 text-shadow:  3px red, 3px white;
         }

.titlelal6 { height: 50px;
         width:50%;
         margin-left:1%;
         background-color: transparent;
         float:left;
         text-align: center;
         vertical-align: text-center;
         font-family: Andale Mono;
         font-weight: bold;
         font-size:2.25em;
         color: black;
         box-shadow: none
         margin-top:auto;
         padding-top: 10px;
         border-radius: 15px;
text-shadow: .5px .5px #ffffcc;
         }
.titlebig { height: 100px;
         width:   60%;
         background-color:  #6697cc;
         float:left;
         text-align: center;
         vertical-align: text-center;
         font-family: Andale Mono;
         font-weight: bold;
         font-size: 2em;
         color: #ffd700;
         box-shadow: 1px 3px #000000;
         margin-left: 10%;
         margin-top: 40px;

         padding-top: 10px;
         border-radius: 15px
         }


.titlebig2 { height: 100px;
         float:left;
         background-color:  #6697cc;
         float:left;
         text-align: center;
         vertical-align: text-center;
         font-family: Andale Mono;
         font-weight: bold;
         font-size: 2em;
         color: #ffd700;
         box-shadow: 1px 3px #000000;
         margin:auto;
         margin-left:10%;
         padding-right: 10%;
         padding-left: 10%;
         padding-top: 10px;
         border-radius: 15px;
         background-image: linear-gradient(to bottom, #6697cc, #ecf2f9);
         }





.titlex { height: 50px;
          width:  80%;
         background-color: transparent;
         float:left;
         text-align: left;
         padding-left: 10%;
         vertical-align: text-center;
         font-family: Andale Mono;
         font-weight: bold;
         font-size: 2em;
         
         margin-top:10px;
         z-index: 5;
         position:relative;
         }
  

.titlexg { height: 50px;
         width:   33%;
         background-color: green;
         float:left;
         text-align: center;
         vertical-align: text-center;
         font-family: Andale Mono;
         font-weight: bold;
         font-size: 2em;
         color: #ceffba;
         margin-top:10px;
         z-index: 5;
         position:relative;
         }

.visitorinfo {
    min-width:50%;
    text-align: left;
    margin-left: 10px;
    margin-right:10px;
    margin-top:  5px;
    margin-bottom:5px;
    line-height: 1.6;
    padding:15px;
    box-shadow: 1px 1px  #888;
    border-style: solid;
    border-width: 2px;
    border-color: #555;
    border-radius: 15px;
    font-weight:normal;
    font-family:Helvitica;
    background-color:#ffffcf;
    float:left;

}

.visubtitle  { font-family: Papyrus;
               font-size: 100%;
               font-weight: bold;
               text-decoration: none;
               margin:0px;
               }
.wide4 {width:100%; height:5px; background-color: transparent; clear:both;}
.wide {width:100%; clear:both; background-color:transparent;}
.wide1 {width:100%; clear:both; background-color: transparent; height:15px; margin:0px; padding-top:2px;}
.wide2 {width:100%; clear:both; background-color: transparent; height:50px; margin:0px; padding-top:2px;}
.wide2green {width:100%; clear:both; background-color: green; height:50px; margin:0px; padding-top:2px;}
.wide2grey {width:100%; clear:both; background-color:transparent; height:50px; margin:0px; padding-top:2px;}

.wide3 {width:100%; clear:both; background-color: transparent; height:115px; margin:0px; padding-top:2px;}


.zoom {
  
  
  transition: transform 2.2s;
  transition-delay:1s;
  overflow:scroll;
  
}

.zoom:active {
  -ms-transform: scale(1.75); /* IE 9 */
  -webkit-transform: scale(1.75); /* Safari 3-8 */
  transform: scale(1.75); 
  overflow:scroll;
}

.zoom:hover {
  -ms-transform: scale(1.75); /* IE 9 */
  -webkit-transform: scale(1.75); /* Safari 3-8 */
  transform: scale(1.75); 
  overflow:scroll;
}


.zoom2:active {
   transition: transform 2.2s;
  -ms-transform: scale(3.75); /* IE 9 */
  -webkit-transform: scale(3.75); /* Safari 3-8 */
  transform: scale(3.75); 
  overflow:scroll;
}

.full {position: relative; float:left; width:100px; height: 20px; margin: 1.5%; padding: .2%; font-size:.8em; background-color:#ddd; display:inline; text-align:left; vertical-align: text-center;font-family: Helvitica;}

.green {position: relative;float:left; width:100px; height: 20px; margin: 1.5%; padding: .2%; font-size:.8em; background-color:#ddd; display:none;text-align:left:font-family: Helvitica;}

.purple {position: relative; float:left; width:100px; height: 20px; margin: 1.5%; padding: .2%; font-size:.8em; background-color:#ddd;display:none;text-align:left:font-family: Helvitica;}

.yellow {position: relative; float:left; width:100px; height: 20px; margin: 1.5%; padding: .2%; font-size:.8em; background-color:#ddd;display:none;text-align:left:font-family: Helvitica;}

.orange {position: relative;float:left; width:100px; height: 20px; margin: 1.5%; padding: .2%; font-size:.8em; background-color:#ddd;display:none;text-align:left:font-family: Helvitica;}

.red {position: relative;float:left; width:100px; height: 20px; margin: 1.5%; padding: .2%; font-size:.8em; background-color:#ddd;display:none;text-align:left:font-family: Helvitica;}


/* Green */

@media only screen and (min-width: 1150px) and (max-width: 1300px)
          {
            ar1 { float:left;width: 30%; margin: .5%; overflow: none; border-style: none; border-width:1px;}
           .buttonlal {clear:both;}
           .containerclear {background-color:transparent;}
           
           .left100short{height:400px;}
           .logox {height:110px; position: absolute;top: 0px; right:30px;}
           .left100shortv{height:325px;}
           .lookatlondon {}

           .pagelengthgettingabout {height: 317em;} 
        
            .subtitlecontainerx {width:52%; font-size: 1.3em;}
            .subtitlecontainerxg {width:52%; font-size: 1.3em;}
            
             .tile{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:1%;margin-left:5%;}
.tile:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}




.tileX{font-size:1em; padding-top:150px; padding-bottom:150px; width:29%;margin-top:.75%;margin-left:.75%;}
.tileX:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:29%;}

.tileXst{font-size:1em; padding-top:150px; padding-bottom:150px; width:29%;margin-top:.75%;margin-left:.75%;}
.tileXst:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:29%;}


.tile1{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile1:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile2{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile2:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile3{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile3:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile4{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;} 
.tile4:hover  {font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}        
.tile5{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile5:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile6{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile6:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile7{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile7:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile8{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile8:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile9{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile9:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}

.tile11{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile11:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile12{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile12:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile13{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile13:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile14{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;} 
.tile14:hover  {font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}        
.tile15{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile15:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile16{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile16:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile17{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile17:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile18{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile18:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile19{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile19:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile20{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile20:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile21{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile21:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}

.tile22{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile22:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile23{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile23:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile24{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile24:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile25{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;} 
.tile25:hover  {font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}        
.tile26{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile26:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile27{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile27:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile28{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile28:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile29{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile29:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile30{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile30:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}





.tile31{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile31:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile32{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile32:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile33{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile33:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile34{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;} 
.tile34:hover  {font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}        
.tile35{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile35:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile36{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile36:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile37{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile37:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile38{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile38:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile39{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile39:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile40{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile40:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile41{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile41:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}

.tile42{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile42:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile43{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile43:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile44{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;} 
.tile44:hover  {font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}        
.tile45{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile45:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile46{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile46:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile47{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile47:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile48{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile48:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile49{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile49:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile50{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile50:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}
.tile51{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile51:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}

.tile52{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile52:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}

.tile53{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile53:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}

.tile54{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile54:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}

.tile55{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile55:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}



.tile101{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile101:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}

.tile102{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile102:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}

.tile103{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile103:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}


.tile104{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile104:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}


.tile105{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile105:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}

.tile106{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;margin-top:5%;margin-left:5%;}
.tile106:hover{font-size:1em; padding-top:150px; padding-bottom:150px; width:40%;}








              .titlelal3  {width:70%;margin-left:15%; auto;margin-bottom:20px;font-size: 1.8emem; height: 75px;}
 
             .full {display: none;}
             .green{display:inline;}
             .purple{display:none;}
             .yellow{display:none;}
             .orange{display:none;}
             .red{display:none;}
            }




/* Purple */
@media only screen and (min-width: 1000px) and (max-width: 1150px)
          { 
             .ar1 { float:left;width: 30%; margin: .5%; overflow: none; border-style: none; border-width:1px;}

     


             .backgroundhome {height: 800px;}
             .backgroundlandmarks {height: 1100px;}
             .backgroundparks {height: 800px;}
             .backgroundmuseums {height: 1400px;}
             .backgroundmarkets {height: 900px;}





             .bannercontainerx {height:180px;}
            .bannerx {background-color:transparent;}
            .button {font-size: .7em;}
            .buttonlal {clear:both;}
            .buttonsmall {font-size: .75em;}

            .containerclear {width:99%; margin-left:0%; margin-right:0%; background-color:  
             transparent;}
            
            .left100short{height:400px;}
            .left100shortv{height:300px;}
            .logox {height:110px; position: absolute;top: 0px; right:30px;}
           
          
              .paracenterlal{clear:none;margin:auto; width:92%;font-size: 2.0vw; background-color: transparent;}
              
              .pagelengthgettingabout {height: 316em;}
             .sidebarlal1 {clear:none; width:45%; margin:auto;float:left;}

             .subtitlecontainerx {float:left; padding-left: 30%;}
             .subtitlecontainerx {width:65%; font-size: 1.3em;}
             .subtitlecontainerxg {float:left; padding-left: 30%;}
             .subtitlelal {font-size:1.4em; height:40px;padding-top:10px;width:50%;}
             
             .tile{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:1%;margin-left:5%;}
.tile:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}


.tileX{font-size:.8em; padding-top:100px; padding-bottom:100px; width:29%;margin-top:
.75%;margin-left:.75%;}
.tileX:hover{font-size:.8em; padding-top:100px; padding-bottom:100px; width:29%;}

.tileX:link span {background-color: #fff; padding-top:5%; padding-bottom: 5%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}


.tileXst{font-size:.8em; padding-top:100px; padding-bottom:100px; width:29%;margin-top:
.75%;margin-left:.75%;}
.tileXst:hover{font-size:.8em; padding-top:100px; padding-bottom:100px; width:29%;}

.tileXst:link span {background-color: #fff; padding-top:5%; padding-bottom: 5%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}




.tile1{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:1%;margin-left:5%;}
.tile1:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile2{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:1%;margin-left:5%;}
.tile2:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile3{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile3:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile4{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;} 
.tile4:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}        
.tile5{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile5:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile6{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile6:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile7{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile7:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile8{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile8:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile9{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile9:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile11{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:1%;margin-left:5%;}
.tile11:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile12{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:1%;margin-left:5%;}
.tile12:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile13{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile13:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile14{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;} 
.tile14:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}        
.tile15{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile15:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile16{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile16:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile17{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile17:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile18{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile18:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile19{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile19:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile20{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile20:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile21{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile21:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile22{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile22:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile23{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile23:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile24{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile24:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile25{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;} 
.tile25:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}        
.tile26{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile26:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile27{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile27:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile28{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile28:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile29{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile29:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile30{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile30:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile31{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:1%;margin-left:5%;}
.tile31:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile32{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:1%;margin-left:5%;}
.tile32:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile33{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile33:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile34{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;} 
.tile34:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}        
.tile35{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile35:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile36{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile36:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile37{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile37:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile38{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile38:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile39{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile39:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile40{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile40:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile41{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile41:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile42{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile42:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile43{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile43:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile44{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;} 
.tile44:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}        
.tile45{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile45:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile46{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile46:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile47{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile47:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile48{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile48:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile49{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile49:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile50{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile50:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile51{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile51:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile52{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile52:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile53{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile53:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile54{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile54:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile55{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile55:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}



.tile101{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile101:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile102{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile102:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile103{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile103:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}


.tile104{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile104:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}


.tile105{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile105:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile106{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile106:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}








           .titlelal3  {width:80%;margin-left: 10%;margin-bottom:20px;font-size: 1.8emem; height: 75px;}



              .titlex {font-size: 1.7em; width:80%;background-color:transparent;}
              .titlexg {font-size: 1.7em; width:80%;background-color:green;}
              .full {display: none;}
              .green{display:none;}
              .purple{display:inline;}
              .yellow{display:none;}
              .orange{display:none;}
              .red{display:none;}
            }


/* Yellow */

@media only screen and (min-width: 750px) and (max-width: 1000px)
           { .ar1 {float:left;width: 45%; margin: .5%; overflow: none; border-style: none; border-width:1px;}

             
             .backgroundhome {height: 1500px;}
             .backgroundlandmarks {height: 1600px;}
             .backgroundparks {height: 800px;}
             .backgroundmuseums {height: 2100px;}
             .backgroundmarkets {height: 1300px;}



   

             .bannercontainerx        {height:150px;}
             .bannercontainerqmuseums {height:150px;}
             .bannercontainerqmarkets {height:150px;}
             .bannercontainerqlandmarks {height:150px;}
            .button {font-size:.7em; width:17%; margin:1.3%; height:22px;line-height:100%;padding-top:1%;}
            .buttonsmall {font-size:.75em; height:35px;}
            .buttonlal {clear:both;}


            .centre70{width:90%; margin-left:5%;margin-right:0px;}
              


             .colour1{font-size: .75em;}
            .containerclear {width:100%; padding:0px; margin: 0px; background-color:  
             transparent; border-style:solid; border-width: .2px;}
             .copyright {width:100%; font-size:.7em; margin: .1%; text-align:center;}
             
             .footlink {font-size: 1em; width:33%;}
            
             .imagewidth45x {width:45%;float:left;}
             .imagewidth35x {width:35%;float:left;}
             .imagewidth50 {width:50%; padding:.0em;}
             
             .left70 {width:95%;}
             .left100shortv {height:210px;}


             .lookatlondon  {width:95%; margin:auto; }
              
              .logolal {width:10%; position:absolute; top:1%; right:1%;
               
               background-color:transparent; display:none;}
             .logox {height:110px; position: absolute;top: 0px; right:30px;}
             
             .logoxg {width:15%;position: fixed; top: 0px; right:0%;} 

           
             .mapcontainer {height:300px;}  

               .navbarq {height: 50px;}
               .navbarx {width:100%; height:160px;}
               .navbarxg {width:100%;}
               .navbarga {width:100%;}
               .navbarhoriz {width: 95%;}
               .navbarGA {width:95%; margin-left:2.5%; background-color: #e0ebeb; position:relative; top:0px; left:0px; z-index:10; display:inline; font-size:0.75em;}
               .paracenterlal{clear:none;margin:auto; width:92%;font-size: 2.5vw; background-color: transparent;}
               
              .navbarparks {height: 50px;}

               .pagewalking {position:relative;}

               .pagelengthindex {height: 300em;width:100%;}
               .pagelengthgettingabout {height: 312em;}

                


               .pararight {width:90%; margin:2%; font-size:.8em;}
              .pararight33 {width:90%; margin:2%; font-size:.8em;}

              .paraleft {width:90%; font-size:.8em; margin:2%;}
              .paramaingrey {width:90%; font-size:.8em; margin:2%;}
              .paramain {width:90%; font-size:.8em; margin:2%;}

              .sidebarlonglal {clear:none;width:45%;float:left;}
              .sidebarlal {clear:none; width:45%; margin:auto;float:left;}
              .sidebarlal1 {clear:none; width:45%; margin:auto;float:left;}
              .sidebarsololal {clear:none; width:95%; margin:auto;float:left;}
              .smallsubtitle {width:31%;}
 
             .subtitlex {font-size: 1.0em; height:25px; padding-top: 15px;}
             .subtitlexg {font-size: 1.1em; height:25px; padding-top: 15px;}

             .subtitlecontainerx {padding-left:5%; width:70%; margin-left:15%;height:50px; font-size: 1.1em; background-color:transparent;}
             .subtitlecontainerxg {width:60%; height:50px; font-size: 1.1em;}
             .subtitlelal {font-size: 1.4em; background-color:transparent; height:40px;padding-top:10px;width:50%;}
                      
           
.tile{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}




.tileX{font-size:.9em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}

.tileX:hover{font-size:.9em; padding-top:100px; padding-bottom:100px; width:40%;}

.tileX:link span {background-color: #fff; padding-top:5%; padding-bottom: 5%; padding-right: 13%; padding-left: 13%; border-radius: 10px;}

.tileXst{font-size:.9em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:
5%;margin-left:5%;}

.tileXst:hover{font-size:.9em; padding-top:100px; padding-bottom:100px; width:40%;}

.tileXst:link span {background-color: #fff; padding-top:5%; padding-bottom: 5%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}



.tile1{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile1:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile2{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile2:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile3{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile3:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile4{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;} 
.tile4:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}        
.tile5{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile5:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile6{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile6:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile7{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile7:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile8{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile8:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile9{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile9:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile11{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile11:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile12{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile12:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile13{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile13:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile14{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;} 
.tile14:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}        
.tile15{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile15:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile16{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile16:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile17{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile17:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile18{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile18:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile19{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile19:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile20{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile20:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile21{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile21:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile22{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile22:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile23{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile23:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile24{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile24:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile25{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;} 
.tile25:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}        
.tile26{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile26:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile27{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile27:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile28{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile28:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile29{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile29:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile30{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile30:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile31{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile31:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile32{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile32:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile33{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile33:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile34{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;} 
.tile34:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}        
.tile35{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile35:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile36{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile36:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile37{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile37:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile38{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile38:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile39{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile39:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile40{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile40:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile41{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile41:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile42{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:padding-bottom:100px;margin-left:5%;}
.tile42:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile43{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile43:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile44{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;} 
.tile44:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}        
.tile45{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile45:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile46{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile46:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile47{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile47:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile48{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile48:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile49{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile49:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile50{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile50:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}
.tile51{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile51:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile52{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile52:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile53{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile53:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile54{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile54:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile55{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile55:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}


.tile101{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile101:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile102{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile102:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile103{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile103:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}


.tile104{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile104:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}


.tile105{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile105:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}

.tile106{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;margin-top:5%;margin-left:5%;}
.tile106:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:40%;}







.titlelal3  {width:80%;margin-left:10%;margin-bottom:20px;font-size: 1.8em; height: 75px;}

   .titlelal6 {font-size:2.0em;}        
            
            
             .titlex {font-size: 1.3em; width: 40%; height:30%;}
             .titlexg {font-size: 1.3em; width: 40%; height:30%;}
             .titlex {font-size: 1.7em; width:75%;background-color:transparent;}
             
            
              .visitorinfo {width:90%; font-size:.8em; margin:2%;}
              .wide2grey {height:25px;}
              .wide2     {height:25px;}
              .wide3     {height:25px;}
           
              .full {display: none;}
              .green{display:none;}
              .purple{display:none;}
              .yellow{display:inline;}
              .orange{display:none;}
              .red{display:none;}  
            }




/* Orange */

@media only screen and (min-width: 500px) and (max-width: 750px)
          
           

          {    

                .ar1 {float:left;width: 80%; margin: .5%; overflow: none; border-style: none; border-width:1px;}


           



               .backgroundhome {height:800px;}
               .backgroundlandmarks {height: 1600px;}
               .backgroundparks {height: 800px;}
               .backgroundmuseums {height: 2000px;}
               .backgroundmarkets {height: 1300px;}          



              .bannercontainerq        {height:120px;}
             .bannercontainerqmuseums   {height:120px;}
             .bannercontainerqmarkets   {height:120px;}
             .bannercontainerqlandmarks {height:120px;}






              .bannercontainerga {height:80px;}
              .bannerx { width:98%; margin-left: 1px; margin-right: 1px; background-color:transparent;}
              .bannerxg { width:98%; margin-left: 1px; margin-right: 1px;}
              .backtrans {margin-top:10px;  font-size: 0.5em;}
              
              .button {font-size: .7em; width:17%; margin:1.3%; height:21px; line-height:100%; padding-top:1%;}
              .buttonlal {clear:none;}
               
              .buttong {font-size: .6em; width:17%; margin:1.3%; height:25px;}
              .buttong {font-size: .5em; width:16%; margin:1%;}

               .buttonx {font-size: .6em; width:17%; margin:1.3%;height:25px;}

               .buttonsmall {font-size: .75em; width:30%; margin:0.5%; height:22px; padding-top:1%; line-height:100%;}

              .center {margin-top:10px;}

               .centre70{width:90%; margin-left:5%; margin-right:auto;}
              
              .colour1{font-size: .75em; clear:both;}
              .containerclear {width:99%; margin:auto; background-color:transparent;}
             
               .containergreen {width:100%; margin-left: 0%; margin-right: 0%;} 
               .containergrey  {width:95%;margin-left: 2.5%;}
              .container90 {background-color: transparent;
                            position:relative;
                            width: 90%;

                            margin-left:5%;
                            margin-right:5%;
                            margin-top: 160px;
             
              }

                .copyright {width:100%; font-size:.7em; margin: .1%; text-align:center;}
               .cursive {font-size: 1.25em;}

               .footlink {font-size: 1em; width:33%;}
                footfixed {display: none;}

               figcaption {font-size: .75em;}
               .foot {height:75px; width:100%;}
               .footfixed {height:75px; width:100%;}
                  
              h1 {font-size: 2.0em;}
              h2 {font-size: 1.0em;}
              h3 {font-size: 1.0em;}
              hr {display: block;}
       

              .imagewidth33  {width:32%;}
              .imagewidth25x {width:45%;}
              .imagewidth35x {width:90%;}
              .imagewidth50x {width:90%;}
              .imagewidth37x {width:40%;}
              .imagewidth100 {width:100%;}
              
              .left70 {width:98%; margin:auto; padding: 0.1%;}
              .left100shortv{height:200px;}

              .logolal {display:none;}
              .logox {height: 110px; position: absolute;top: 0px; right:30px;}
              
              .logoxg {height:85px;position: fixed; top: 0px; right:0%;}
 
              .lookatlondon  {width:99%; margin:auto;  padding:.1%;}

               .mapcontainer {height:250px;}

              .navbarxright {width:95%; margin:auto; background-color: #b3cce6; position:sticky; z-index:10; font-size:.5em;}
              .navlinkx {font-size: .70em;}
              .navlinkxg {font-size: .70em;}

              .navbarGA {width:95%; margin-left:2.5%; background-color: #e0ebeb;   position:relative; top:0px; left:0px; z-index:10; display:inline; font-size:0.75em;}
              
     
               .navbarhoriz {width:100%;}

              .navbarxg {height:40px; width:100%;}
              .navbarx {height:60px; width:100%; position:relative;}
              .navbarga {height:60px; width:100%; position:relative;}
             

              .ocs {width: 100%; margin:0%;}
              .ocg {width: 100%; margin:0%;}


               .para2025{with:80%; margin-right:10%;font-size:1.2em;}
               
               .paracenterlal{clear:none;margin:auto; width:92%;font-size: 3.0vw;background-color: transparent;}
               .paraclear {width:98%; font-size:.8em; margin:1%;}
               .paraclear {width:95%; font-size:.8em; margin:1%; padding:1%;}
               
                .pagelengthindex {height: 275em;width:100%;}
                .pagelengthgettingabout {height: 307em;}

               .pararight33{width:90%;margin:2%; font-size:.8em;}

                .pararight{width:90%;margin:2%; font-size:.8em;}
            
                .paramaingrey {width:90%; font-size:.9em; margin:auto;}
               
                .paraleft {width:90%; font-size:.9em; margin:2%;}
              
                .paramain {width:90%; font-size:.9em; margin:2%;}
                .paramain90 {font-size:.9em;width:95%; margin:auto;}
               


              .picleft45  {float:left; width:49%; padding: 0px;}
              .picright45  {float:right; width:49%; padding: 0px;}

               .sidebarlal {clear:none; width:46%; margin:auto;}
               .sidebarlal1 {clear:none; width:96%; margin:auto;}
               .sidebarsololal {width:96%; margin:auto;}
               .sidebarlonglal {clear:none; width:96%; margin:auto;}
               .sidebarlaltitle {width:95%; margin:auto;}
               .smallsubtitle {width:31%; font-size:.50em;}
               .subtitlelal {width:95%;margin:auto;padding-top: 20px;}
               .subtitlex {font-size:.75em; height:12px; padding-top: 5px;width:100%;}
                .subtitlex {font-size:.75em; height:12px; padding-top: 5px; background-color:transparent;}
               .subtitlexg {font-size:.75em; height:12px; padding-top: 5px;}
                .subtitleq {font-size:1em;}

               
               .subtitlecontainerx {width:85%; padding-left:5%; height:30px; float:left; text-align:center; background-color:transparent; margin-top:10px;}
               .subtitlecontainerxg {width:50%; font-size: 1.6em; height:40px; float:left; text-align: center;}

               .smallsubtitlex {width:32%; font-size:.50em;}
               .smallsubtitlexg {width:32%; font-size:.50em;}

.tile{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:1%;margin-left:10%;}
.tile:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}



.tileX{font-size:1em; padding-top:50px; padding-bottom:50px; width:80%;margin-top:1%;margin-left:10%;}
.tileX:hover{font-size:1em; padding-top:50px; padding-bottom:50px; width:80%;}


.tileXst{font-size:1em; padding-top:50px; padding-bottom:100px; width:80%;margin-top:
1%;margin-left:10%;}
.tileXst:hover{font-size:1em; padding-top:50px; padding-bottom:100px; width:80%;}

.tileXst:link span {background-color: #fff; padding-top:5%; padding-bottom: 5%; padding-right: 2%; padding-left: 2%; border-radius: 10px;}


.tile1{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:1%;margin-left:10%;}
.tile1:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile2{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile2:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile3{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile3:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile4{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;} 
.tile4:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}        
.tile5{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile5:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile6{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile6:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile7{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile7:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile8{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile8:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile9{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile9:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}


.tile11{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile11:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile12{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile12:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile13{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile13:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile14{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;} 
.tile14:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}        
.tile15{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile15:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile16{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile16:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile17{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile17:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile18{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile18:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile19{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile19:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile20{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile20:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile21{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile21:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile22{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile22:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile23{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile23:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile24{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;} 
.tile24:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}        
.tile25{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile25:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile26{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile26:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile27{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile27:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile28{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile28:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile29{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile29:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile30{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile30:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile31{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile31:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile32{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile32:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile33{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile33:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile34{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;} 
.tile34:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}        
.tile35{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile35:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile36{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile36:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile37{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile37:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile38{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile38:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile39{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile39:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile40{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile40:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile41{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile41:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile42{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile42:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile43{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile43:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile44{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;} 
.tile44:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}        
.tile45{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile45:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile46{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile46:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile47{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile47:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile48{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile48:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile49{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile49:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile50{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile50:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile51{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile51:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile52{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile52:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile53{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile53:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile54{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile54:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile55{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile55:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}



.tile101{padding-top: 200px; padding-bottom: 200px;width:80%;font-size:1em; aspect-ratio:1/1; width:80%;margin-top:5%;margin-left:10%;}
.tile101:hover{padding-top: 200px; padding-bottom: 200px;font-size:1em; aspect-ratio:1/1; width:80%;}

.tile102{padding-top: 200px; padding-bottom: 200px;font-size:1em;  aspect-ratio:1/1; width:80%;margin-top:5%;margin-left:10%;}
.tile102:hover{padding-top: 200px; padding-bottom: 200px;font-size:1em;  aspect-ratio:1/1; width:80%;}

.tile103{padding-top: 200px; padding-bottom: 200px;font-size:1em;  aspect-ratio:1/1; width:80%;margin-top:5%;margin-left:10%;}
.tile103:hover{padding-top: 200px; padding-bottom: 200px;font-size:1em; aspect-ratio:1/1; width:80%;}


.tile104{padding-top: 200px; padding-bottom: 200px;font-size:1em;  aspect-ratio:1/1; width:80%;margin-top:5%;margin-left:10%;}
.tile104:hover{padding-top: 200px; padding-bottom: 200px;font-size:1em;  aspect-ratio:1/1; width:80%;}


.tile105{ padding-top: 200px; padding-bottom: 200px; width:80%;font-size:1em;  aspect-ratio:1/1; margin-top:5%;margin-left:10%;}
.tile105:hover{ padding-top: 200px; padding-bottom: 200px;width:80%;font-size:1em;  aspect-ratio:1/1;}

.tile106{padding-top: 200px; padding-bottom: 200px;font-size:1em;  aspect-ratio:1/1; width:80%;margin-top:5%;margin-left:10%;}
.tile106:hover{padding-top: 200px; padding-bottom: 200px;font-size:1em;  aspect-ratio:1/1; width:80%;}









                           
              .titlelal  {width:50%;margin-bottom:20px;}
              .titlelal2  {width:100%;margin:auto;}   
              
              .titlelal3  {width:85%;margin-left:1%;margin-bottom:20px;font-size: 1.6em; height: 75px;padding-left:1%; padding-right: 1%;}
               .titlelal5 {font-size:2.0em;}   
                .titlelal6 {font-size:2.0em;width:60%;}                  
              .titlex {font-size: 1.7em; width: 60%; height:30%;}
              .titlexg {font-size: 1.7em; width: 60%; height:30%;}
              .titlebig { width:80%; height:75px; margin:auto;}
              
              
             



             .visitorinfo {width:90%; font-size:.9em; margin:auto;}
              
              .wide2 {height:15px;}
              .wide3 {height:15px;}

             
   
             
              .full {display:none;}
              .green{display:none;}
              .purple{display:none;}
              .yellow{display:none;}
              .orange{display:inline;}
              .red{display:none;}
              
               }

/* Red */

@media only screen and (min-width:150px) and (max-width: 500px) 
          
          {  

             .ar1{ float:left;width: 25%; margin: .5%; overflow: none; border-style: none; border-width:1px;}

.backgroundhome {background-color:def; 
              border-style:solid;
              border-width:5px;
              height:1000px;

background-image:  url("backgroundimage/backgroundhome3long.jpg") ;
background-size:100%;
background-repeat:repeat;}

.backgroundoutandabout {background-color:red; 
              border-style:solid;
              border-width:1px;
              border-color: #eee;
              height:500px;

background-image:  url("backgroundimage/outandaboutH.jpg") ;
background-size:100%;
background-repeat:repeat;}


.backgroundlandmarks {background-color:def; 
              border-style:solid;
              border-width:5px;
              height:1600px;
background-image:  url("backgroundimage/backgroundlandmarks3long.jpg") ;
background-size:100%;
background-repeat:repeat;}


.backgroundparks {background-color:def; 
              border-style:solid;
              border-width:5px;
              height:1000px;
background-image:  url("backgroundimage/backgroundparks3long.jpg") ;
background-size:100%;
background-repeat:repeat;}

.backgroundmuseums {background-color:def; 
              border-style:solid;
              border-width:5px;
              height:2000px;
background-image:  url("backgroundimage/backgroundmuseums3long.jpg") ;
background-size:100%;
background-repeat:repeat;}

.backgroundmarkets {background-color:def; 
              border-style:solid;
              border-width:5px;
              height:1000px;
background-image:  url("backgroundimage/backgroundmarkets3long.jpg") ;
background-size:100%;
background-repeat:repeat;}

.backgroundwhere {background-color:def; 
              border-style:solid;
              border-width:1px;
              border-color: #eee;
              height:1000px;
background-image:  url("backgroundimage/backgroundmark.jpg") ;
background-size:100%;
background-repeat:repeat;}
            






             .backgroundhome {height: 900px;}
             .backgroundlandmarks {height: 1600px;}
             .backgroundparks {height: 800px;}
             .backgroundmuseums {height: 2100px;}
             .backgroundmarkets {height: 1200px;}
             .background {height: 5000px;}
             .backgroundtransport {height: 7150px;}








             .backtrans {font-size: 0.4em; height: 20px;}
              
              .bannerx {width:98%; margin-left: 1px; margin-right: 1px; background-color: transparent;}
              
             
             .bannercontainerx          {position:absolute; top:0px; float:left;border- style:solid; border-width: 1px; border-color:black;}
             .bannercontainerq          {position:absolute; top:0px; float:left;border-style:solid; border-width: 1px; border-color:black;}
             .bannercontainerqmuseums   {position:absolute; top:0px; float:left;border-style:solid; border-width: 1px; border-color:black;}
             .bannercontainerqmarkets   {position:absolute; top:0px; float:left;border-style:solid; border-width: 1px; border-color:black;}
             .bannercontainerqlandmarks {position:absolute; top:0px; float:left;border-style:solid; border-width: 1px; border-color:black;}
             


              .bannercontainerga {height:85px; background-color:#f2f8ff;}

              
              .bannerxg {width:98%; margin-left: 1px; margin-right: 1px;}

              .big{font-size: 0.9em; font-weight:strong;padding-top:auto; padding-bottom: auto;}
              
              .bigcontent {}
.button4 { height: 27px;
           margin: .50%;
           margin-left:5%;
           width:35%;
           padding: 1%;
           background-color: #ecf2f9;
           
           float:left;
           text-align: center;
           vertical-align: text-center;
           font-family: Times;
           font-weight: bold;
           font-size: .7em;
           position: inline;
           border-width: 1px;
           border-style: solid;
           border-colour: #888;
           
           
                             } 



              .buttonbig {height: 25px; padding:2.5%; margin-right:5%; background-color: #cde;}              
              
              .buttonbig2 {display:none;}

              .button {font-size: .5em; width:16%; margin-right:1%; height:22px; padding-top:1%;     line-height:100%;}
              .buttonmap      {font-size: .65em; width:30%; margin:0.5%; height:22px; padding-top:1%;padding-bottom:1%; line-height:100%;}
              .buttonmapblank {font-size: .65em; width:30%; margin:0.5%; height:22px; padding-top:1%;padding-bottom:1%; line-height:100%;}

              .buttonsmall {font-size: .65em; width:30%; margin:0.125%;margin-top:5px; height:22px; padding-top:2px;padding-bottom:2px; line-height:100%;}
              .buttongsmall {font-size: .65em; width:30%; margin:0.5%; height:22px; padding-top:1%; line-height:100%;}
              


      


              .buttong {font-size: .5em; width:16%; margin:1%; height:22px; padding:.6%; line-height:100%;}
              .buttonlal {clear:none; font-size: 1.3em;font-weight:normal;}


               .centre70{width:90%; margin-left:5%; margin-right:auto;}
               .centre80{width:95%; margin-left:auto; margin-right:auto;}

              .cloakfullsize {display:inline;}
              .cloaksmall {display:none;}

              .colour1{font-size:.75em; display:block; float:left; background-color:transparent;padding-left:25%;}
              .comment {width:90%;}
              .containersand {width:98%; margin-left:1%; margin-right:1%;}
              .containergreen {width:100%; margin-left: 0%; margin-right: 0%; } 
              .containergrey {width:100%; background-color: transparent; margin:0px; position:relative; top:160px; padding:0px; }
              .containerclear {width:99%;margin:auto; background-color:transparent;}
              
             .container90 {background-color: transparent; width: 100%; margin-left:0;}

             .container90 {
             
             position:relative;
             font-family:Helvetica;
             font-size: 1.1em;
             width: 100%;
             
             margin-top:100px;
             color:black;
             background-color: transparent;
             }

.container9025 {
             
             position:reletive;
             font-family:Helvetica;
             font-size: 1.1em;
             width: 100%;
             margin-left:0px;

             margin-top:10px;
             margin:bottom:10px;
             color:black;
             background-color: #777;
             border-style:none; 
             border-width:1px;
             border-color:#555;
             height:auto;
             padding-top: 20px;
             padding-bottom: 20px;
             background-image: linear-gradient(to bottom, #6697cc, #ecf2f9);
             border-radius:0px;
             }




             .container80 {background-color: transparent; width: 100%; margin-left:0; margin-top: 5px; padding-top:5px;}


              .copyright {width:100%; font-size:.7em; margin: .1%; text-align:center;}
              
              .cursive {font-size: 1.5em;}  


.dropdown2-content {
  display: block;  
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding:10px;
  width:95%;
  background-image: linear-gradient(to bottom, #6697cc, #ecf2f9);
  margin:1%;
  z-index:10;
  }



               figcaption {font-size:.9em;} 
               figure {margin-left: 1px; margin—right: 1px;}
               .footlink {width:33%; font-size:.7em; margin: .1%;}
               .foot {height:75px;}
               .footfixed {display:inline;}
                h1{ font-size:1.5em;}
                h2{font-size:1.0em;}
                h4{text-align:center; float:left;}
                hr{display:block;}
               .imagewidth20 {width:33.333%; margin:auto;}
               .imagewidth22x {width:49%; float:left;}  
               .imagewidth30 {width:32%; float:left;}
               .imagewidth30x {width:100%;}
               .imagewidth30x2 {width:50%;}

               .imagewidth30lal {width:48%;  margin-left:auto;}

               .imagewidth33 {width:31%; float:left; margin:0px; min-width:80px;}                          


                imagewidth33 {width:31%; float:left;background-color:#fff; margin-left:1px;margin-right: 1px; padding:1px;}
                            

               .imagewidth35x {width:90%;}
               .imagewidth35x2 {width:65%;float:left; margin:2px;}   

               .imagewidth37x {width:100%;margin:auto;}           
               .imagewidth25x {width:49%;margin:auto;}
               .imagewidth45  {width:45%;}
               .imagewidth45x {width:100%;}
               .imagewidth48  {width:95%; margin-left:2.5%;}
               .imagewidth48m {width:95%; margin-left:2.5%;}
               .imagewidth48lal {width:47%; float:left; margin-left:2.25%;}
               .imagewidth40  {width:100%;}
               .imagewidth50  {width:100%;}
               .imagewidth60  {width:100%}
               .imagewidth80  {width:100%;}
               .imagewidth80m {width:100%; margin:0%;}
               .imagewidth90m {width:95%; margin-left: 2.5%;}
               .imagewidth100 {width:100%;}
               .imagewidth500 {width:500%; background-color:#ffffcc; overflow:scroll;display:inline-block;white-space: nowrap;}
               .inline {font-size:.8em;}
              .laltease {height: 25em;}
              .left70 {width:98%;margin:auto;}
              .left100short{background-color:#fff;}
              .left100shortv{height:160px;}
              .left100shortvg{height:160px;}
              .logox {height: 85px; position: absolute;top: 0px; right:20px;}
              .logoxg {height:75px; position: fixed; top: 0px;}
              .logolal {display:none;}

              .lookatlondon  {width:99%; margin:auto; font-size: 1.0em;}
             
              .margin10 {margin-left:5%;}

              .marginleft10 {margin-left:1%; display:inline;}
.marginright10 {margin-left:1%; display:inline;}





              .map {margin-left: 1px; margin-right: 1px; display:inline; float:left;}
              .navlinkx {font-size: .70em;}
              .navlinkxg {font-size: .70em;}
              .navbarhoriz {width:95%; margin-left:2.5%; font-size: .85em;}
              .navbarhorizfull {width:95%; margin:auto; font-size: .85em;}
              
 
              
    


              .navbarmaps {width:100%;background-color: #555;position:fixed; top:170px; left:0px; z-index:10;display:inline;}

              .navbarGA {width:100%;background-color:transparent; position:relative; top: 0px; left:0px; z-index:10;display:inline; font-size:0.75em;}

              .navbarx {height:70px; width:100%; background-color: #fff; position:absolute;top:90px; width:98%; margin-left: 1px; margin-right: 1px; }
              .navbarx {height:70px; width:100%; background-color: transparent; position:absolute;top:90px; width:98%; margin-left: 1px; margin-right: 1px; }
              .navbarxg {height:70px; width:100%; position:absolute;top:90px; width:98%; margin-left: 1px; margin-right: 1px; }
              .navbarxright {width:95%; margin:auto; background-color: #b3cce6; position:sticky; z-index:10; font-size:.7em;}
       
              .ocs {width: 100%; margin:0%;}
              .ocg {width: 100%; margin:0%;}`
              

              .pagelengthindexq {height: 600em;width:100%;}
              
      
              .pagelengthgettingabout {height: 645em;}
                
               .paracenterlal {clear:none;margin:auto; width:92%; font-size: 4.0vw; background-color: transparent;}
               .paraclear {width:95%; font-size:.8em; margin:1%; padding:1%;}
               
               .para2025 {font-size:1.1em; width:90%; margin-right:.5%; margin-left:.5%; border-radius: 1px;padding:15px;}

               .paramaingrey {width:90%; margin:auto;font-size:1em;}

               .paramain90 {width:90%; margin-left: .1%; font-size:.9em; margin:auto;}
               
               .paramain {width:90%; font-size:.9em; margin:auto;}
               .paramainv {display:none;}

               .pararight{width:90%;margin:0%; }
               .pararight{width:90%;margin:2%; font-size:.8em;}

               .pararight33{width:90%;margin:2%; font-size:.8em;}
               .pararight33{width:90%;margin:0%; font-size:.8em;}

               .paraleft{width:90%;margin:0%; font-size:.8em; margin:2%;}
               .paraleft {width:90%; font-size:.9em; margin:auto;}

               .paraleft2 {width: 90%; margin: auto;}

               .parastrong {font-size:.9em;}
       
               .piccentre60{margin-left:10%;left; width:80%;}
               .picleft40  {float:left; width:80%;margin-left:10%;}
               .picleft45 {width:98%;}
               .picright45 {width:98%;}
               

               
              
              .sidebarlal {clear:none; width:95%; margin:auto; font-size: 1.0em;}
              .sidebarlal1 {clear:none; width:95%; margin:auto; font-size:1.0em; padding: 5%;}
              .sidebarsololal {width:95%; margin:auto; font-size:1.0em;}
              
              .sidebarlonglal { float:right;
               width:95%;
               margin:auto;
               background-color:  #b3cce6;
               padding: 1.5%;
               border-style:solid;
               border-width: 2px;
               clear:right;
               display:block;
               font-size:.75em;
               overflow: scroll;
               font-family: Andale Mono;
               
               }


              .sidebarlaltitle {width:95%; margin: auto;}
              .smallsubtitle {width:31%; font-size:.50em;}
                                     
              .subtitlex {font-size:.55em; height:12px; padding-top: 5px; background-color:transparent;}
              .subtitlexg {font-size:.5em; height:12px; padding-top: 5px;}
              .subtitlelal {width:95%;margin-left 2.5%;padding-top: 20px; }
              .subtitleq {font-size:0.75em; font-weight:strong;}
              .subtitlecontainerx {width:65%; padding-left:15%;  height:30px; float:left; text-align:center; background-color:transparent; margin-top:1px; padding-bottom: 5px;}
              .subtitlecontainerxg {width:65%; padding-left:5%; height:30px; float:left; text-align:center; margin-top:10px;}

              .smallsubtitlex {display:none; width:31%; font-size:.50em;}
              .smallsubtitlexg {display:none; width:31%; font-size:.50em;}  
               
.tile{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:1%;margin-left:10%;}
.tile:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
    
.tileX{font-size:1em; padding-top:50px; padding-bottom:50px; width:80%;margin-top:1%;margin-left:10%;}

.tileX:hover{font-size:1em; padding-top:50px; padding-bottom:50px; width:80%;}


.tileXst{font-size:.9em; padding-top:50px; padding-bottom:50px; width:80%;margin-top:1%;margin-left:10%;}

.tileXst:hover{font-size:.9em; padding-top:50px; padding-bottom:50px; width:80%;}


.tile1{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:1%;margin-left:10%;}

.tile1:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}


.tile2{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile2:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile3{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile3:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile4{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;} 
.tile4:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}        
.tile5{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile5:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile6{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile6:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile7{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile7:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile8{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile8:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile9{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile9:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile11{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:1%;margin-left:10%;}
.tile11:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile12{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile12:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile13{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile13:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile14{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;} 
.tile14:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}        
.tile15{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile15:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile16{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile16:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile17{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile17:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile18{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile18:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile19{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile19:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile20{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:1%;margin-left:10%;}
.tile20:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile21{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile21:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile22{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile22:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile23{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile23:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile24{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;} 
.tile24:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}        
.tile25{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile25:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile26{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile26:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile27{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile27:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile28{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile28:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile29{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile29:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile30{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:1%;margin-left:10%;}
.tile30:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile31{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile31:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile32{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile32:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile33{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile33:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile34{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;} 
.tile34:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}        
.tile35{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile35:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile36{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile36:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile37{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile37:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile38{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile38:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile39{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile39:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile40{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:1%;margin-left:10%;}
.tile40:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile41{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile41:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile42{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile42:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile43{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile43:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile44{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;} 
.tile44:hover  {font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}        
.tile45{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile45:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile46{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile46:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile47{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile47:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile48{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile48:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile49{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile49:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile50{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:1%;margin-left:10%;}
.tile50:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}
.tile51{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile51:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile52{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile52:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile53{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile53:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile54{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile54:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile55{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile55:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}


.tile101{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile101:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile102{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile102:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile103{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile103:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}


.tile104{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile104:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}


.tile105{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile105:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}

.tile106{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;margin-top:5%;margin-left:10%;}
.tile106:hover{font-size:1em; padding-top:100px; padding-bottom:100px; width:80%;}






.titlebig2 {height: 75px; margin-bottom: 15px;}
.titlelal  {width:100%;margin:auto;margin-bottom:20px;font-size: 2em; height: 75px;}
.titlelal3  {width:100%;margin:auto;margin-bottom:20px;font-size: 1.75em; height: 75px; border-radius:unset;}
             .titlebig { width:90%; height:75px; margin:auto;}
             .titlelal2 {width:100%;margin:auto; }
             .titlex {font-size: 1.3em; width: 66%; height:30%; font-weight:normal; padding-left:10px; background-color:transparent;}
             .titlexg {font-size: 1.3em; width: 66%; height:30%; font-weight:normal; padding-left:10px;}
 


.titlelal5 {
         width:75%;
         height: 30px;
         margin-left:1%;
         background-color:  transparent;
         float:left;
         text-align: center;
         vertical-align: text-center;
         font-family: Andale Mono;
         font-weight: bold;
         font-size:1.4em;
         color: #111;
         box-shadow: none
         margin-top:auto;
         padding-top: 2.5px;
         padding-bottom:2.5px;
         border-radius: none;
text-shadow: .5px .5px #ffffcc;
         }

.titlelal6 {
         width:75%;
         height: 30px;
         margin-left:1%;
         background-color:  transparent;
         float:left;
         text-align: center;
         vertical-align: text-center;
         font-family: Andale Mono;
         font-weight: bold;
         font-size:1.4em;
         color: #111;
         box-shadow: none
         margin-top:auto;
         padding-top: 2.5px;
         padding-bottom:2.5px;
         border-radius: none;
text-shadow: .5px .5px #ffffcc;
         }

             
             .visitorinfo {font-size:.9em; margin:auto; min-width:90%;}
             

          
             .wide2grey {height:25px;}
             .wide2 {height:25px;}
             
             .wide2green {height:15px;}
             .wide3     {height:10px;}
             
  .zoom {
  padding: 5px;
  background-color:#a2bbd5
  transition: transform 2.2s;
  overflow:scroll;
  margin: auto;
   }

  .zoom:active {
  -ms-transform: scale(1.75); /* IE 9 */
  -webkit-transform: scale(1.75); /* Safari 3-8 */
  transform: scale(1.75); 
  overflow:scroll;
}

                        
             .full {display: none;}
             .green{display:none;}
             .purple{display:none;}
             .yellow{display:none;}
             .orange{display:none;}
             .red{display:inline;}
              
              
              }