/*
//   Cascading Style Sheet for Pagan Underground
//   Tunnel Pages
*/

body   {
      font-family: Constantia, Arial, sans-serif;
	  width: 1060px;  
}
body p {
      font-family: Calibri, Georgia, serif;
      font-size: 12pt;
}
img   {
      border: none;
}
#outerContainer {
      margin: 5px;
      padding: 0;
	  width: 1052px;
}
#mainContent {
      width: 500px;
	  clear: left;
	  margin: 80px 0 0 10px;
	  padding-left: 10px;
}
#mainText  {
       background-color: rgb(255,240,240);
       margin: 0;
       padding: 2px 15px 20px 15px;
}
#metropolitan #mainText  {
       background-color: rgb(253,212,235);
}
#jubilee #mainText  {
       background-color: rgb(237,238,238);
}
#victoria #mainText  {
     background-color: rgb(255,235,255);
}
#eastlondon #mainText  {
     background-color: rgb(252,237,211);
}
#piccadilly #mainText  {
     background-color: rgb(228,254,248);
}
#central #mainText  {
     background-color: rgb(255,234,228);
}
#bakerloo #mainText  {
     background-color: rgb(254,236,215);
}
#hammercity #mainText  {
     background-color: rgb(255,240,240)
}
#northern #mainText  {
     background-color: rgb(245,245,245)
}
#district #mainText  {
     background-color: rgb(255,255,190)
}
#circle #mainText  {
     background-color: rgb(238,255,238)
}

#titleStrip  {
      position: absolute;
	  top: 70px;
	  left: 800px;
	  width: 100px;
	  height: 120px;
	  margin: 2px;
	  padding: 2px;
	  background-image: url(../production_images/brookdownicon_90.jpg);
	  background-repeat: no-repeat;
	  background-position: bottom right;
}
#titleStrip h3 {
      color: rgb(173,216,230);
	  visibility: hidden;
      margin: 0;
      padding: 0;
      height: 20px;
}
.gr  {
      color: rgb(85,125,23);
}

/* EAST LONDON LINE TITLE BLOCK */

#eastlondon #lineName  {
      width: 300px;
      margin: 0;
      padding: 0;
}
#eastlondon #lineName h2.line  {
	  display: none;
      margin: 0;
      padding: 0;
}
#eastlondon #lineName h2.theme  {
      color: rgb(92,118,45);
      font-size: 20pt;
      margin: 0;
      padding: 0;	  
}
#eastlondon #lineName #pom  {
      color: rgb(228,46,49);
}
/* DISTRICT LINE TITLE BLOCK */

#district #lineName  {
      width: 300px;
      margin: 0;
      padding: 0;
}
#district #lineName h2.line  {
	  display: none;
      margin: 0;
      padding: 0;  
}
#district #lineName h2.theme  {
      color: rgb(80,150,48);
	  font-size: 20pt;
      margin: 20px 0 0 30px;
      padding: 0;	  
}

/* CENTRAL LINE TITLE BLOCK */

#central #lineName  {
      width: 300px;
      margin: 0;
      padding: 0;
}

#central #lineName h2.line  {
	  display: none;
      margin: 0;
      padding: 0;  
}
#central #lineName h2.theme  {
      color: rgb(0,0,0);
	  font-size: 30pt;
	  margin: 20px 0 0 60px;
	  padding: 0 0 0 0;	  
}

/* HAMMERSMITH AND CITY LINE TITLE BLOCK */

#hammercity #lineName  {
      width: 350px;
      margin: 0;
      padding: 0;
}

#hammercity #lineName h2.line  {
	  display: none;
      margin: 0;
      padding: 0;  
}
#hammercity #lineName h2.theme  {
      color: rgb(144,78,95);
	  font-size: 20pt;
	  margin: 20px 0 0 10px;
	  padding: 0 0 0 0;	  
}
/* NORTHERN LINE TITLE BLOCK */

#northern #lineName  {
      width: 300px;
      margin: 0;
      padding: 0;
}

#northern #lineName h2.line  {
	  display: none;
      margin: 0;
      padding: 0;  
}
#northern #lineName h2.theme  {
      color: rgb(0,0,0);
	  font-size: 30pt;
	  margin: 20px 0 0 60px;
	  padding: 0 0 0 0;	  
}

/* PICCADILLY LINE TITLE BLOCK */

#piccadilly #lineName  {
      width: 300px;
      margin: 0;
      padding: 0;
}

#piccadilly #lineName h2.line  {
	  display: none;
      margin: 0;
      padding: 0;  
}
#piccadilly #lineName h2.theme  {
      color: rgb(0,180,150);
	  font-size: 22pt;
	  margin: 20px 0 0 60px;
	  padding: 0 0 0 0;	  
}
/* JUBILEE LINE TITLE BLOCK */

#jubilee #lineName  {
      width: 300px;
      margin: 0;
      padding: 0;
}

#jubilee #lineName h2.line  {
	  display: none;
      margin: 0;
      padding: 0;  
}
#jubilee #lineName h2.theme  {
      color: rgb(138,140,143);
	  font-size: 22pt;
	  margin: 20px 0 0 60px;
	  padding: 0 0 0 0;	  
}

/* CIRCLE LINE TITLE BLOCK */

#circle #lineName  {
      width: 330px;
      margin: 0;
      padding: 0;
}

#circle #lineName h2.line  {
	  display: none;
      margin: 0;
      padding: 0;  
}
#circle #lineName h2.theme  {
      color: rgb(120,120,0);
	  font-size: 22pt;
	  margin: 20px 0 0 60px;
	  padding: 0 0 0 0;	  
}
/* VICTORIA LINE TITLE BLOCK */

#victoria #lineName  {
      width: 300px;
      margin: 0;
      padding: 0;
}
#victoria #lineName h2.line  {
	  display: none;
      margin: 0;
      padding: 0;  
}
#victoria #lineName h2.theme  {
      color: rgb(0,180,150);
	  font-size: 20pt;
	  margin: 20px 0 0 90px;
      padding: 0;	  
}
/* METROPOLITAN LINE TITLE BLOCK */

#metropolitan #lineName  {
      width: 340px;
      margin: 0;
      padding: 0;
}

#metropolitan #lineName h2.line  {
	  display: none;
      margin: 0;
      margin: 0;  
}
#metropolitan #lineName h2.theme  {
      color: rgb(180,0,100);
	  font-size: 20pt;
	  margin: 20px 0 0 60px;
	  padding: 0 0 0 0;	  
}
/* BAKERLOO LINE TITLE BLOCK */

#bakerloo #lineName  {
      width: 300px;
      margin: 0;
      padding: 0;
}

#bakerloo #lineName h2.line  {
	  display: none;
      margin: 0;
      padding: 0;  
}
#bakerloo #lineName h2.theme  {
      color: rgb(174,97,24);
   /*   color: rgb(47,173,214); */
	  font-size: 20pt;
	  margin: 20px 0 0 60px;
	  padding: 0 0 0 0;	  
}


#rightContainer  {
      position: absolute;
	  top: 180px;
	  left: 550px;
	  width: 500px;
}
div.district {
      background: url(../production_images/passageDistrict.jpg) no-repeat bottom;
	  height: 550px;
	  width: 350px;
}
div.eastlondon {
      background: url(../production_images/gardenAnd-GoldenHill_1.jpg) no-repeat bottom right;
	  height: 380px;
	  width: 350px;
}
div.piccadilly  {
      background: url(../production_images/water_montage.jpg) no-repeat 80% 100%;
	  height: 580px;
	  padding-left: 10px;
}
div.jubilee  {
      background: url(../production_images/jubilee_tunnel.jpg) no-repeat bottom right;
	  height: 720px;
	  padding-left: 10px;
}
div.circle  {
      background: url(../production_images/circle_tunnel_2.jpg) no-repeat bottom;
	  height: 470px;
	  padding-left: 10px;
}
div.northern  {
      
      background: url(../production_images/northernTunnel_2.jpg) no-repeat bottom;
	  height: 550px;
	  padding-left: 10px;
}
div.central  {
      background: url(../production_images/giant_montage_2.jpg) no-repeat 40% 100%;
	  height: 570px;
	  padding-left: 10px;
}
div.victoria  {
      background: url(../production_images/victoria_tunnel_2.jpg) no-repeat bottom;
	  height: 560px;
	  padding: 0 0 0 10px;
      margin: 0;
}
div.hammercity  {
      background: url(../production_images/exchangeRaw_1.jpg) no-repeat bottom;
	  height: 360px;
	  padding-left: 40px;
}

div.bakerloo  {
      background: url(../production_images/artwork11991_3.jpg) no-repeat bottom;
	  height: 300px;
	  width: 300px;
	  margin-left: 30px;
	  padding-left: 10px;
}
div.metropolitan  {
      background: url(../production_images/metropolitan_tunnel_2.jpg) no-repeat bottom;
	  height: 500px;
	  padding-left: 10px;
}

#lineNavBar  {
      padding-top: 10px;
}
ul   {
      margin: 10px;
	  padding: 40px 0 20px 0;
	  background-color: transparent; 
}

ul  li {
     list-style: none;
     text-align: center;
	 background-color: transparent;
	 font-size: 12pt;
	 font-weight: 700;
	 padding: 5px;
     margin: 0 120px 0 0;
}
ul.district  a {
	 background-color: rgb(100,170,58);
	 color: white;
	 padding: 5px;
	 text-decoration: none;
	 border: solid 2px rgb(180,0,100);
}
ul.district  li a:link {
	 color: white;
}
ul.district  li a:visited {
	 color: white;
}
ul.district  li a:hover {
	 color: blue;
}
ul.district  li a:active {
	 color: red;
}
ul.circle  a {
	 background-color: rgb(255,255,0);
	 color: rgb(0,28,255);
	 padding: 5px;
	 text-decoration: none;
	 border: solid 2px rgb(0,28,255);
}
ul.circle  li a:link {
	 color: rgb(0,28,255);
}
ul.circle  li a:visited {
	 color: rgb(0,28,255);
}
ul.circle  li a:hover {
	 color: blue;
}
ul.circle  li a:active {
	 color: red;
}
ul.eastlondon a  {
     background-color: rgb(250,166,26);
	 color: white;
	 padding: 5px;
	 text-decoration: none;
	 border: solid 2px green;
}
ul.eastlondon  li a:link {
	 color: white;
}
ul.eastlondon  li a:visited {
	 color: white;
}
ul.eastlondon  li a:hover {
	 color: blue;
}
ul.eastlondon  li a:active {
	 color: red;
}
ul.piccadilly  a {
	 background-color: rgb(0,0,255);
	 color: white;
	 padding: 5px;
	 text-decoration: none;
	 border: solid 2px rgb(0,0,255);
}
ul.piccadilly  li a:link {
	 color: white;
}
ul.piccadilly  li a:visited {
	 color: white;
}
ul.piccadilly  li a:hover {
	 color: blue;
}
ul.piccadilly  li a:active {
	 color: red;
}
ul.northern  a {
	 background-color: rgb(0,0,0);
	 color: white;
	 padding: 5px;
	 text-decoration: none;
	 border: solid 2px rgb(0,0,0);
}
ul.northern  li a:link {
	 color: white;
}
ul.northern  li a:visited {
	 color: white;
}
ul.northern  li a:hover {
	 color: blue;
}
ul.northern  li a:active {
	 color: red;
}
ul.central a  {
     background-color: rgb(255,69,0);
	 color: white;
	 padding: 5px;
	 text-decoration: none;
	 border: solid 2px rgb(255,69,0);
}
ul.central  li a:link {
	 color: white;
}
ul.central  li a:visited {
	 color: white;
}
ul.central  li a:hover {
	 color: blue;
}
ul.central  li a:active {
	 color: red;
}
ul.hammercity a  {
     background-color: rgb(243,134,161);
	 color: rgb(0,0,255);
	 padding: 5px;
	 text-decoration: none;
	 border: solid 2px green;
}
ul.hammercity  li a:link {
	 color: rgb(0,0,255);
}
ul.hammercity  li a:visited {
	 color: rgb(0,0,255);
}
ul.hammercity  li a:hover {
	 color: white;
}
ul.hammercity  li a:active {
	 color: red;
}
ul.bakerloo  a {
	 background-color: rgb(174,97,24);
	 color: white;
	 padding: 5px;
	 text-decoration: none;
	 border: solid 2px black;
}
ul.bakerloo  li a:link {
	 color: white;
}
ul.bakerloo  li a:visited {
	 color: white;
}
ul.bakerloo  li a:hover {
	 color: blue;
}
ul.bakerloo  li a:active {
	 color: red;
}
ul.victoria  a {
	 background-color: rgb(173,216,230);
	 color: blue;
	 padding: 5px;
	 text-decoration: none;
	 border: solid 2px blue;
}
ul.victoria  li a:link {
	 color: blue;
}
ul.victoria  li a:visited {
	 color: blue;
}
ul.victoria  li a:hover {
	 color: white;
}
ul.victoria  li a:active {
	 color: red;
}
ul.jubilee  a {
	 background-color: rgb(138,140,143);
	 color: white;
	 padding: 5px;
	 text-decoration: none;
	 border: solid 2px green;
}
ul.jubilee  li a:link {
	 color: white;
}
ul.jubilee  li a:visited {
	 color: white;
}
ul.jubilee  li a:hover {
	 color: blue;
}
ul.jubilee  li a:active {
	 color: red;
}
ul.metropolitan  a {
	 background-color: rgb(180,0,100);
	 color: white;
	 padding: 5px;
	 text-decoration: none;
	 border: solid 2px rgb(180,0,100);
}
ul.metropolitan  li a:link {
	 color: white;
}
ul.metropolitan  li a:visited {
	 color: white;
}
ul.metropolitan  li a:hover {
	 color: blue;
}
ul.metropolitan  li a:active {
	 color: red;
}
ul a.right {
	  padding-right: 35px;
	  background-image: url(../production_images/rightArrow.png);
      background-repeat: no-repeat;
	  background-position: 95% 50%;
}
ul.northern a.right {
      background-image: url(../production_images/rightArrow_white.png);
}
ul.bakerloo a.right {
      background-image: url(../production_images/rightArrow_white.png);
}
ul.piccadilly a.right {
      background-image: url(../production_images/rightArrow_white.png);
}
ul.metropolitan a.right {
      background-image: url(../production_images/rightArrow_white.png);
}
ul a.left {
	  padding-left: 35px;
	  background-image: url(../production_images/leftArrow.png);
      background-repeat: no-repeat;
	  background-position: 5% 50%;
}
ul.northern a.left  {
      background-image: url(../production_images/leftArrow_white.png);
}
ul.bakerloo a.left  {
      background-image: url(../production_images/leftArrow_white.png);
}
ul.piccadilly a.left  {
      background-image: url(../production_images/leftArrow_white.png);
}
ul.metropolitan a.left  {
      background-image: url(../production_images/leftArrow_white.png);
}
h2.theme  {
    padding-left: 120px;
}
h2.line  {
   padding-left: 50px;
}
#provNance  {
      font-size: 10pt;
	  color: black;
	  padding-left: 60px;
	  font-weight: 700;    
}
#mainText q.meng  {
      text-decoration: none;
	  color: rgb(40,40,180);
	  font-style: italic;
}
#mainText q.bookquote  {
	  font-style: italic;
}
#Amazon {
      margin: 50px;
	  width: 350px;
}
#Amazon a {
      margin-right: 30px;
}
#refs {
      margin: 30px;
	  width: 400px;
}
#broomstick {
      margin: 30px;
	  width: 460px;
}

/* square bracket comments [] within ME quotations */
 
#mainText q.meng span.comment  {
      font-size: smaller;
}
/*  comments against Amazon links */

#Amazon *.comment {
      font-size: smaller;
}
#topSummary  {
      color: black;
	  font-size: 14pt;
}  
#circle span.topas  {
      color: red;
}

#footer  {
      font-size: 10pt;
	  text-align: center;
	  width: auto;
	  padding-bottom: 20px;
	  position: relative;
	  top: 40px;
}
#footer p {
      margin: 20px 200px 10px 200px;
}	

#endThree  {
      position: absolute;
	  top: 0px;
	  left: 0px;
	  background-color: transparent;
	  background-image: url(../production_images/pngs/wildRose.png);
	  background-position: top left;
	  width: 1030px;
	  height: 30px;
	  margin: 0px;
	  padding: 0px;
}
#central #endThree  {
      background-color: rgb(255,69,0);
}
#hammercity #endThree  {
      background-color: rgb(243,134,161);
}
#eastlondon #endThree  {
      background-color: rgb(250,166,26);
}
#district #endThree  {
      background-color: rgb(100,170,48);
}
#northern #endThree  {
      background-color: rgb(0,0,0);
}
#piccadilly #endThree  {
      background-color: rgb(0,180,150);
}
#jubilee #endThree  {
      background-color: rgb(138,140,143);
}
#circle #endThree  {
      background-color: rgb(255,255,0);
}
#metropolitan #endThree  {
      background-color: rgb(180,0,100);
}
#bakerloo #endThree  {
      background-color: rgb(174,97,24);
}
#endThree a  {
      color: white;
	  text-decoration: none;
      margin: 5px;
      padding: 0px;
}
#endThree  a:link  {
      color: rgb(153,196,210);
}
#endThree  a:visited  {
      color: rgb(143,186,200);
      border: none;
}
#endThree  a:hover  {
      color: blue;
}
#endThree  a:active  {
      color: red;
      border: none;
}
#endFour  {
      position: absolute;
	  top: 30px;
	  left: 0px;
	  background-color: black;
	  background-image: url(../production_images/pngs/gradient_2.png);
	  background-position: top left;
	  width: 1030px;
	  height: 30px;
	  margin: 0px;
	  padding: 0px;
}
#central #endFour  {
      background-color: rgb(255,69,0);
}
#hammercity #endFour  {
      background-color: rgb(243,134,161);
}
#eastlondon #endFour  {
      background-color: rgb(250,166,26);
}
#district #endFour  {
      background-color: rgb(100,170,58);
}
#northern #endFour  {
      background-color: rgb(255,69,0);
}
#piccadilly #endFour  {
      background-color: rgb(0,180,150);
}
#jubilee #endFour  {
      background-color: rgb(138,140,143);
}
#circle #endFour  {
      background-color: rgb(255,255,0);
}
#metropolitan #endFour  {
      background-color: rgb(180,0,100);
}
#bakerloo #endFour  {
      background-color: rgb(174,97,24);
}

#endFour p  {
      font-family: Calibri, Arial, sans-serif;
      color: white;
	  font-size: 14px;
      margin: 5px 0 0 0;
      padding: 0;
}
#endFour p span.topleftBacknav  {
      margin: 0;
      padding: 0 0 0 20px;
}
#endFour p span.toprightBacknav  {
      margin: 0;
      padding: 0 0 0 300px;
}
#endFour p span.separation  {
      margin: 0;
      padding: 0 20px;

}
#endFour a  {
      color: white;
	  text-decoration: none;
      margin: 0px;
      padding: 0px;
}

#endFour  a:link  {
      color: white;
}
#endFour  a:visited  {
      color: white;
}
#endFour  a:hover  {
      color: blue;
}
#endFour  a:active  {
      color: blue;
}
#endFive  {
      position: absolute;
	  top: 60px;
	  left: 0px;
	  background-color: rgb(173,216,230);
	  background-position: top left;
	  width: 1030px;
	  height: 10px;
	  margin: 0px;
	  padding: 0px;
}
#central #endFive  {
      background-color: rgb(255,69,0);
}
#hammercity #endFive  {
      background-color: rgb(243,134,161);
}
#eastlondon #endFive  {
      background-color: rgb(250,166,26);
}
#district #endFive  {
      background-color: rgb(100,170,58);
}
#northern #endFive  {
      background-color: rgb(0,0,0);
}
#piccadilly #endFive  {
      background-color: rgb(0,180,150);
}
#jubilee #endFive  {
      background-color: rgb(138,140,143);
}
#circle #endFive  {
      background-color: rgb(255,255,0);
}
#metropolitan #endFive  {
      background-color: rgb(180,0,100);
}
#bakerloo #endFive  {
      background-color: rgb(174,97,24);
}
#ringsurf  {
      margin: 100px 50px 60px 50px;
	  text-align: right;
}
#w3valid  {
      margin-left: 600px;
}