/*=======================
LPS Main CSS
Last update : 24 Mar 2008
author: brynmor harries
www.stylecymru.co.uk
=======================*/

/*=====================
Global Styling Reset
=====================*/
html, body, div, span, blockquote, a, img, ol, ul, li, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 {
	font-weight : normal;
}

ol, ul {
	list-style: none;
}

hr {
	display: none;
}

/*=====================
General Page Layout
=====================*/
body {
	min-width: 750px; /* netscape bug fix */
	text-align : center;
	margin :  0 auto;
	color : #333;
	background : #fff url(../images/general/backgradient.jpg) repeat-y top;
	font: 62.5%/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*=====================
Typography Styling
=====================*/
h1 {
	font-size: 2em;
	line-height : 1em;
}

h2 {
	font-size: 2.2em;
	padding : 1em 30px 0;
	font-weight : bold;
	font-family : "Times New Roman", Times, serif;
}

h3 {
	font-size: 2.1em;
	padding: 1.2em 30px 0;
	font-family : "Times New Roman", Times, serif;
}

h3.gap {
	padding-top: 1em;
	border-top : 1px dashed #a1a6bf;
}

 p {
	font-size: 1.5em;
	padding: 0.5em 30px;
}

p.caption {
	text-align : center;
	font-size: 1.3em;
	font-style : italic;
}

p.sig {
	font-size: 1.7em;
	font-style: italic;
	font-weight: bold;
	font-family : "Times New Roman", Times, serif;
}

p.date {
	font-weight : bold;
	padding: 0.5em 30px 0;
}

p.gap {
	padding-bottom: 2.5em;
	border-bottom : 1px dashed #a1a6bf;
}

p.faq {
	font-weight : bold;
	padding : 0.5em 30px 0;
}

p.first {
		padding: 1em 30px 0.5em 30px;
}

ul li {
	font-size: 1.5em;
	list-style-type : square;
	margin: 1em 30px 1em 60px;
}

ol li {
	font-size: 1.5em;
	list-style-type : decimal;
	margin: 1em 30px 1em 60px;
}

ul li p, td p {
	font-size : 1em;
	padding : 0 0 1em 0;
}

td {
	font-size: 1.1em;
}

blockquote {
	display : block;
	padding: 1em 10px 1em 30px;
	margin: 0 30px 1.5em;
	color : #666;
	background : #F3F3F3 url(../images/general/quote.png) no-repeat 5px 5px;
}

/*=====================
Additional Typography Styling
=====================*/
#main1 form {
	padding: 0.5em 30px;
}

#sidebar1 h3 {
	padding: 1em 15px 0.2em;
}

#sidebar1  p {
	padding: 0.5em 15px;
}

#sidebar1  ul li {
	margin: 1em 15px 1em 30px;
}

#sidebar1  ol li {
	margin: 1em 15px 1em 30px;
}

#adblock h3 {
	font-weight : bold;
}

#adblock p, #adblock li, #footer p {
	font-size: 1.4em;	
}

.advert {
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 2em;
}

/*=====================
Page Layout
=====================*/
#wrapper {
	margin :  0 auto;
	padding : 0;
	text-align : left;
	width: 750px;
	border-left : 1px solid #000;
	border-right : 1px solid #000;
}

/*=====================
Page Backgrounds:
#bgnone = fullwidth white
#bgright = right column grey
#bgleft = left column grey
=====================*/
#bgnone {
	background : #f3f3f3 url(../images/general/bgnone.gif) repeat-x 0 0;
}

#bgright {
	background : #fefefe url(../images/general/bgcontent1.gif) repeat-y 0 0;
}

/*column right with #bgright */
#main1 {
	float : left;
	width : 500px;
	padding-bottom: 2em;
}
	
#sidebar1 {
	float : right;
	width : 220px;
	padding : 10px 0 0 0;
}

#navspace {
	height : 50px;
	display : block;
	background-color : #666;
	margin : 0 10px -5px;
}

#allegro {
	float : right;
	width : 220px;
	padding : 10px 0 0 0;
}

/*full width with #bgnone */
#fullwidth {
	clear : both;
	width : 705px;
	margin : 0 auto;
	padding :0 20px;
	background : transparent url(../images/general/musicdeco.gif) no-repeat 98% 95%;
}

/*Ad section*/
#adblock {
	clear : both;
	padding :0 0 20px;
	color : #fff;
	background : #333 url(../images/general/adback.jpg) repeat-x 0 0;
	border-bottom : 1px solid #000;
}

/*footer*/
#footer {
	clear : both;
	padding : 10px 30px;
	color : #fff;
	background : #000;
}

/*==============================
Header Styling
==============================*/
#header {
	clear : both;
	position : relative;
	margin: 0;
	padding: 0;
	text-align : left;
	color : #fff;
	background : #fefefe;
	border-bottom : 1px solid #000;
}

/*==============================
Banner Image Replacement for header
==============================*/
.rir { 
	width: 750px;
	height: 191px;
	position: relative;
}

.rir span {
	background: url(../images/general/banner.jpg) no-repeat 0 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

/*===============================
Banner Image Replacement for welcome
================================*/
.welcome { 
	width: 255px;
	height: 65px;
	position: relative;
}

.welcome span {
	background: url(../images/titles/welcome.jpg) no-repeat 0 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

/*==============================
FooterStyling
==============================*/
#footer .right {
	float : right;
}

#footer p {
	margin: 0;
	padding: 0;	
}

/*======================
Global Site Navigation Tabs
======================*/
#globalnav {
	min-height : 105px;
	text-align : center;
	color : #fff;
	background : #000 url(../images/general/navback.jpg) repeat-x 0 0;
	border-bottom : 1px solid #000;
	font-size : 1.3em;
}

#globalnav ul {
	list-style : none;
}

#globalnav ul li {
	display : inline;
	margin : 0;
}

#globalnav li a {
	text-decoration : none;
	padding : 0 30px;
	color : #fff;
	background : transparent;
}

#globalnav li a:hover {
	color : #ff8800;
}

/*Page Here Indicator*/
#one li.one a, 
#two li.two a,
#three li.three a,
#four li.four a
 {
	color : #ff8800;
	background : transparent;
	cursor : default;
}

/*======================
Alegro Navigation 
======================*/
#allegro ul {
	list-style: none;
	text-align : center;
	margin : 0 auto;
	width : 80%;
	border : 1px solid #000;
	margin-bottom: 2em;
	position : relative;
}

#allegro li {
	margin : 0;
	padding : 0;
	display: inline; /* Fix IE Bug */
	font-size : 1.1em;
}

#allegro a {
	font-weight : bold;
	text-decoration: none;
	display: block;
	float : left;
	width : 100%;
	color: #fefefe;
	padding: 6px 0;
	/*border-left: 5px solid #999;*/
	background : #333;
	border-top: 1px solid #000;
}

#allegro .first, #allegro .first a, #allegro .first a:hover {
	border-top: none;
}

#allegro a:hover, #allegro a:active, #allegro a:focus {
	/*padding-left: 20px;
	border-left: 5px solid #4e7200;*/
	color: #000;
	background : #ffe;
	border-top: 1px solid #000;
}

/*======================
Article Styles
======================*/
.article {
	clear : both;
	float : left;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}

#main1 .article {
	width : 500px;
}

#fullwidth .article {
	width: 100%;
}

.article:hover {
	background-color : #F4F7F9;
	border-bottom: 1px solid #999;
}

/*======================
London Map Styles
======================*/
#gmap {
	display: block; 
	width: 345px; 
	height: 325px; 
	background: url(../images/maps/bgmap.gif); 
	position: relative; 
	margin: 3em auto 6em auto;
}

#gmap a {
	font-size: 1.4em;
	text-decoration: none;
	color: #000;
}

a#mapinstuct, a#mapinstuct:visited {
	display: block; 
	position: absolute; 
	width: 345px; 
	height: 0; 
	padding-top: 335px;
	left: 0; 
	top: 0; 
	cursor: default; 
	text-decoration: none;
}

* html a#mapinstuct {
	height: 325px; 
	he\ight:0;
}

#gmap a#mapinstuct:hover {
	background: transparent url(../images/maps/bgmap_over.gif) no-repeat 0 0;
	overflow: visible; 
}

a#n {
	display: block; 
	width: 147px; 
	height: 0; 
	padding-top:145px; 
	overflow: hidden; 
	position: absolute; 
	left: 77px; 
	top: 20px;
}
* html a#n {height:145px; he\ight:0;}
a#n:hover {background: transparent url(../images/maps/n.gif) no-repeat 0 0; /*overflow:visible;*/}

a#e {
	display: block; 
	width: 120px; 
	height: 0; 
	padding-top:205px; 
	overflow: hidden; 
	position: absolute; 
	left: 189px; 
	top: 5px;
}
* html a#e {height:205px; he\ight:0;}
a#e:hover {background: transparent url(../images/maps/e.gif) no-repeat 0 0; /*overflow:visible;*/}

a#se {
	display: block; 
	width: 178px; 
	height: 0; 
	padding-top: 148px; 
	overflow: hidden; 
	position: absolute; 
	left: 166px; 
	top: 174px;
}
* html a#se {height: 148px; he\ight:0;}
a#se:hover {background: transparent url(../images/maps/se.gif) no-repeat 0 0; /*overflow:visible;*/}

a#sw {
	display: block; 
	width: 131px; 
	height: 0; 
	padding-top: 115px; 
	overflow: hidden; 
	position: absolute; 
	left: 48px; 
	top: 204px;
}
* html a#sw {height: 115px; he\ight:0;}
a#sw:hover {background: transparent url(../images/maps/sw.gif) no-repeat 0 0; /*overflow:visible;*/}

a#w {
	display: block; 
	width: 110px; 
	height: 0; 
	padding-top: 77px; 
	overflow: hidden; 
	position: absolute; 
	left: 0px; 
	top: 153px;
}
* html a#w {height: 77px; he\ight:0;}
a#w:hover {background: transparent url(../images/maps/w.gif) no-repeat 0 0; /*overflow:visible;*/}

a#nw {
	display: block; 
	width: 117px; 
	height: 0; 
	padding-top:137px; 
	overflow: hidden; 
	position: absolute; 
	left: 38px; 
	top: 36px;
}
* html a#nw {height:137px; he\ight:0;}
a#nw:hover {background: transparent url(../images/maps/nw.gif) no-repeat 0 0; /*overflow:visible;*/}

a#c {
	display: block; 
	width: 113px; 
	height: 0; 
	padding-top: 88px; 
	overflow: hidden; 
	position: absolute; 
	left: 90px; 
	top: 137px;
}
* html a#c {height: 88px; he\ight:0;}
a#c:hover {background: transparent url(../images/maps/c.gif) no-repeat 0 0; /*overflow:visible;*/}

/*=====================
Picture Styling
=====================*/
img.smallpicture {
	float: right;
	padding : 5px;
	margin :  10px;
	border : 1px solid #999;
	background-color : #fff;
	text-align : center;
}

#sidebar1 img {
	display : block;
	padding : 5px;
	text-align: center;
	margin : 1em auto 0 auto;
	border : 1px solid #999;
	background-color : #fff;
}

#sidebar1 .noborder img {
	text-align: center;
	margin : 0 auto;
	background-color : transparent;
	border: none;
}

#navspace img {
	float : left;
	padding : 0;
	margin : 3px 3px 3px 1px;
	text-align: left;
	border :  none;
	background-color : transparent;
}

#sidebar1 .plainimage img {
	display : block;
	padding : 0px;
	text-align: center;
	margin : 2em auto 0;
	border : none;
	background-color : transparent;
}

img.title  {
	margin : 2.5em 0 10px 60px;
	padding : 0;
	border : none;
	background : transparent;
}

#allegro img.title {
	display : block;
	margin : 1em auto;
	padding : 0;
	border : none;
	background : transparent;
	text-align : center;
}

.picrightframe {
	margin :  1em 15px;
	float: right;
	text-align : center;
}

.picrightframe img {
	padding : 5px;
	border : 1px solid #999;
	background-color : #fff;
}

.picrightframe p {
	text-align : center;
	padding: 0 30px 1em;
	font-style : italic;
	font-size : 1.3em
}

.picframe {
	padding : 5px;
	border : 1px solid #999;
	background-color : #fff;
}

.picframe2 {
	clear:both;
	font-size: 1.5em;
	padding: 0.5em 30px;
}

.picframe2 img {float:left;}

.picframe2 a img {
	padding : 5px;
	border : 1px solid #999;
	background-color : #fff;
	margin : 0 30px 1em 0;
}

.picframe2 a:hover {
	background-color: transparent;
}
	

/*=====================
Table Styling Adapted
=====================*/
/* "Muted" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Dan Champion */
table {
	border-collapse: inherit;
	font-size: 1.2em;
	margin :  1em 30px 0;
	padding : 1px;
	border : 1px solid #999;
	background-color : #f4f7f9;
	width: 470px;
}

table.register {
	font-size : 1.3em;
	width: 90%;
}

caption {
	font-size: 1.5em;
	margin :  1em 30px 0.5em;
	text-align: left;
}

th, td {
	border : 1px solid #999;
	padding : 0.2em 0.5em;
	vertical-align : middle;
}

td img {
	margin : 5px 0 0 0;
	border: 1px solid #000;
	text-align : center;
}

th {
	vertical-align: 4px;
	text-align: left;
	padding: 1em;
}

thead th, tfoot th, tfoot td {
	color : #000;
	background-color: #999;
	font-size: 1.1em;
}

tbody th, td {
	background-color:#eee;
}

tbody tr:hover td, tbody tr:hover th {
	background-color: #F4F7F9;
}

tr.odd td, tr.odd th {
	background-color: #fefefe;
}

tfoot th {
	text-align: right;
}

tfoot th:after {
	content: ":";
}

/*=====================
In-line Navigation Styling
=====================*/
a:link {
	color : #ff8200;
	background : transparent;
	text-decoration: underline;
	}

table.register a   {
	color : #663800;
	background : transparent;
	text-decoration: underline;
}

a:visited {	
	color : #ff8200;
	background : transparent;
	text-decoration: underline;
}

table.register a:visited  {
	color : #663800;
	background : transparent;
	text-decoration: underline;
}
	
a:hover, table.register a:hover {
	color : #000;
	background : #ff8200;
	text-decoration : none;
}

a:active {
	color : Red;
	background : Yellow;
	text-decoration : none;
}

#footer a:link {
	color : #fefefe;
	background : transparent;
	text-decoration: underline;	
}

#footer a:visited {	
	color : #fefefe;
	background : transparent;
	text-decoration: underline;
}

#footer a:hover {
	color : #000;
	background : #eee;
	text-decoration : none;
}

#footer a:active {
	color : Red;
	background : Yellow;
	text-decoration : none;
}

p.email a:link {
	background : #fff;
	text-decoration : none;
}

p.email a:hover {
	background : #fff;
	text-decoration : none;
	
}

/*=====================
Utlities
=====================*/
/*Hide outline on links*/
a {
	outline : none;
}

/*Horizontal Rule*/
hr {
	display: none;
}

.clearfix:after, #bgright:after, #bgnone:after, #navspace:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, #bgright, #bgnone #navspace {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html #bgright, * html #bgnone, * html #navspace {height: 1%;}
.clearfix, #bgright, #bgnone, #navspace {display: block;}
/* End hide from IE-mac */

.fright {
	float : right;
}

.fleft {
	float : left;
}

.middle {
	text-align : center;
}

.clearing {
	clear : both;
}

.tfl-journey-planner {
	margin : 0 10px 10px 30px;
	border: 1px solid #ccc;
	width: 95%;
}