/* ========================================================

   BASIC LAYOUT STYLES
   
   Basic layout styles for viewing the website through a visual browser
   
    */
  
body{
  background: #D7D7D7 url('../../../images/tfl/online/page-background.gif') repeat-y center;
  margin: 0
  }
#container{
  width: 744px;
  margin: 0 auto;
  background-color: #FFF;
  }				
#help-and-search,
#microsite-tools{
  padding: 8px 0;
  width: 372px;
  }
#branding{
  background:  url('../../../images/tfl/online/logo.gif') no-repeat;
  padding-left: 78px;
  padding-top: 36px;
  height: 3.1em;
  margin: 0 0 16px 0;
  width: 294px;
  position:relative;
  }  
 #branding a{
 position:absolute;
 left:0;
 top:26px;
 display:block;
 padding:10px 5px 15px 78px;
 width:210px;
 white-space:nowrap;
 }
#help-and-search,
#microsite-tools{
  float: left; 
  margin-left: 372px;
  position: absolute;
  top: 0;
}
#global-navigation{
  width: 744px;
  height: 62px;
  position: absolute;
  top: 7.7em;
  }
#main-content,
#supporting-content,
#local-navigation{
  float: left;
  margin-top: 5.6em;
  }
#supporting-content{
  width: 186px;
  }
#local-navigation{
  width: 167px;
  margin-right: 19px;
  }
#corporate-links{
  background:  url('../../../images/tfl/online/corporate-links-bg.gif') repeat-x;
  padding: 19px 19px 0 19px;
  clear:both;
  height: 48px;
  }

/* Position these elements off the page */
.off-left,
.structural-label,
#help-and-search dt,
#corporate-links dt,
#local-navigation dt,
#global-navigation dt {
  position: absolute;
  left: -1999px;
  }

ul#navigation{
	list-style-type: none;
}  
  
/* ALIGNMENT */
.left{
	float: left;
	margin-right: 19px;
	margin-bottom: 17px
}
.right{
	float: right;
	margin-left: 19px;
	margin-bottom: 17px;
}
.centre{    
	display: block;
	margin: 0 auto;
	margin-bottom: 17px;
}