@charset "UTF-8";
/* CSS Document */

html, body {
padding:0px;
margin:0px;
background-color:#b80000;
background-image:url(images/bg-shadow.gif);
background-position:center;
background-repeat:repeat-y;
}
/*this is the background area up to the footer */
#toptofooter {
background-color:#cc0000;
background-image:url(images/tfl-topredbg.jpg);
background-position:top;
background-repeat:repeat-x;
width:100%;
padding:0px;
margin:0px;
float:left;
}
.wrapper {
width:1000px;
position:relative;
margin:0px auto;
}
/*drop shadow area for top 326px section */
#topborderwrap {
background-image:url(images/tfl-top-shadow.gif);
background-repeat:repeat-y;
background-position:center top;
width:1000px;
margin:0px auto;
padding:0px;
height:326px;
overflow:hidden;
text-align:center;
}

/* top white section with TFL logo 63px */
#top {
background-color:#FFFFFF;
padding:14px;
width:922px;
vertical-align:top;
height:35px;
margin:0px auto;
text-align:left;
}

/*the big red section just below the white area. second cell down */
#redhighlightarea {

width:950px;
height:263px;
padding:0px;
margin:0px auto;
vertical-align:top;
text-align:left;
}

/*the main content are div */
#maincontent {
background-image:url(images/tfl-content-shadow.gif);
background-position:center;
background-repeat:repeat-y;
width:950px;
padding: 14px 25px 14px 25px;
margin:0px auto;
vertical-align:top;
float:left;
}

#footersection {
background-position:top;
background:url(images/footeredge_bg.gif);
background-repeat:repeat-x;
width:100%;
float:left;
min-height:105px;
background-color:transparent;
margin:0px auto;
}
#footershadow {
background-image:url(images/footer-shadow.gif);
background-position:center top;
background-repeat:no-repeat;
width:950px;
min-height:105px;
padding: 28px 25px 28px 25px;
margin:0px auto;
vertical-align:top;
background-color:transparent;
}

a.redarea:link, a.redarea:visited {
color:#CCCCCC;
}
a.redarea:hover, a.redarea:active {
color:#330000;
}

.twocolleft {
clear:both;
width:433px;
margin:0px 28px 0px 28px;
padding:0px;
float:left;
}

.twocolright {
width:433px;
float:left;
margin:0px 0px 0px 0px;
padding:0px;
}

.bigcolleft {
width:587px;
margin:0px 28px 0px 28px;
padding:0px;
float:left;
}

.smallcolright {
width:279px;
float:left;
margin:0px 0px 0px 0px;
padding:0px;
}

.smallcolleft {
width:279px;
margin:0px 28px 0px 28px;
padding:0px;
float:left;
}
.smallcolmiddle {
width:279px;
margin:0px 0px 0px 0px;
padding:0px;
float:left;
}

.bigcolright {
width:587px;
float:left;
margin:0px 0px 0px 0px;
padding:0px;
}

.onecol {
clear:both;
width:894px;
margin:0px 28px 0px 28px;
padding:0px;
float:left;
}

.twocolleft_redarea {
clear:both;
width:405px;
margin:0px 28px 0px 42px;
padding:0px;
float:left;
}

.twocolright_redarea {
width:405px;
float:left;
margin:0px 0px 0px 28px;
padding:0px;

}

#nav {
width:433px;
vertical-align:bottom;
height:42px;
position:relative;
top:224px;
left:489px;
}

a:link, a:visited {color:#CC0000;
text-decoration:none;
}
a.goo:link, a.goo:visited {color:#FF6600;
text-decoration:none;
}
a:hover, a.goo:hover, a:active, a.goo:active {color:#330000;
text-decoration:none;
}
a.button:link {
background-image:url(images/button-inactive.gif);
background-repeat:repeat-x;
text-align:center;
height:28px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
letter-spacing:-1px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
vertical-align:bottom;
line-height:28px;
padding:14px 7px 0px 7px;
width:70px;
display:block;
float:left;
margin-right:3px;}

a.button:visited {
background-image:url(images/button-inactive.gif);
background-repeat:repeat-x;
text-align:center;
height:28px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
letter-spacing:-1px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
vertical-align:bottom;
line-height:28px;
padding:14px 7px 0px 7px;
width:70px;
display:block;
float:left;
margin-right:3px;}

a.button:hover, a.button:active  {
background-image:url(images/button-hover.gif);
background-repeat:repeat-x;
text-align:center;
height:31px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
letter-spacing:-1px;
color:#cc0000;
font-weight:bold;
text-decoration:none;
vertical-align:bottom;
line-height:28px;
padding:11px 7px 0px 7px;
width:70px;
display:block;
float:left;
margin-right:3px;
}

.selectnav {
background-color:#FFFFFF;
background-image:url(images/button-active.gif);
background-repeat:repeat-x;
text-align:center;
height:33px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
letter-spacing:-1px;
color:#cc0000;
font-weight:bold;
text-decoration:none;
vertical-align:bottom;
line-height:28px;
padding:9px 7px 0px 7px;
width:70px;
display:block;
float:left;
margin-right:3px;
}

a.selectnav:hover {
color:#CC0000;
}


p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:21px;
color:#666666;
margin:14px 0px 14px 0px;
widows:2;
orphans:2;
}

.footer {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:14px;
color:#333333;
margin:0px 0px 7px 0px;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
line-height:40px;
color:#FFFFFF;
font-weight:normal;
vertical-align:top;
margin:0px 0px 14px 0px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
line-height:32px;
color:#666666;
padding:14px 0px 14px 0px;
margin:0px 0px 0px 0px;
widows:2;
orphans:2;
text-align:left;
font-weight:normal;
letter-spacing:-.05em;
border-bottom:#E6E6E6 1px solid;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:21px;
color:#ffffff;
padding:0px 0px 21px 0px;
margin:0px 0px 0px 0px;
widows:2;
orphans:2;
text-align:left;
font-weight:normal;
letter-spacing:-.05em;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
line-height:21px;
color:#666666;
margin:14px 0px 14px 0px;
font-weight:normal;
widows:2;
orphans:2;
letter-spacing:-.05em;
}
.quote {
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
line-height:40px;
color:#dec4c4;
padding:0px 0px 14px 0px;
margin:0px 0px 0px 0px;
widows:2;
orphans:2;
text-align:left;
font-weight:normal;
letter-spacing:-.05em;
text-indent:-3px;
}

ul {
padding-left:1em;
margin-left:-1px;
list-style-type: disc;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:21px;
color:#666666;
widows:2;
orphans:2;
}

table {padding-bottom:14px;
}
.tdnewsdate {
width:62px;
padding: 7px 0px 7px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:21px;
color:#666666;
widows:2;
orphans:2;
font-weight:bold;
border-bottom:#E6E6E6 1px solid;
vertical-align:top;
}
.tdnewslogo {
width:63px;
padding: 7px 28px 7px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:21px;
color:#666666;
widows:2;
orphans:2;
font-weight:bold;
border-bottom:#E6E6E6 1px solid;
vertical-align:top;
}
.tdnewstext {
width:280px;
padding: 7px 0px 7px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:21px;
color:#666666;
widows:2;
orphans:2;
font-weight:normal;
border-bottom:#E6E6E6 1px solid;
vertical-align:top;
}
.tdnewsbasel {
width:125px;
padding: 7px 28px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:21px;
color:#666666;
widows:2;
orphans:2;
font-weight:normal;
vertical-align:top;
}
.tdnewsbaser {
width:280px;
padding: 7px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:21px;
color:#666666;
widows:2;
orphans:2;
font-weight:normal;
vertical-align:top;
}

.pdficon {
vertical-align:baseline;
padding: 7px 7px 0px 7px;
border:none;
}
hr {
  border-color: #E6E6E6;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  margin: 0px 0px 14px 0px;
  height: 0px;
  }

/*preload image*/
.hiddenpic {display:none;}