/* General Styles */

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-color: #363633;
	line-height: 1.3em;
}

p { margin: 10px 5px; }
div p.center { margin: 0px; font-weight: bold; }
hr { clear: both; margin: 10 auto; width: 85%; border: 1px solid #990000; }




/* Wrapper */

#wrapper { 
	margin: 0 auto;
	width: 980px;
}

/* Header */

#header {
	height: 100px;
	background-color: #990000;
	border: 2px solid #000000;
	border-top: 0px;
	border-bottom: 0px;
}

#header a {
	display: block;
	outline: none;
	height: 100px;
	background: #990000 url(/images/headers/boxcon-header1.jpg) top left no-repeat;
}

/* Top Nav */

#topnav { 
	border: 2px solid #000000;
	border-top: 0px;
}

/* Page Nav */



/* Content */

#content {
	background-color: #ffffff;
	padding: 10px;
	border: 2px solid #000000;
	border-top: 0;
}

#contentblock { 
	float: left;
	display: block;
	width: 650px;
}

#rcol {
	float: right;
	display: block;
	width: 300px;
	border-left: 0px solid #000000;
}

/* Footer */

#footer {
	background-color: #ffffff;
	line-height: 30px;
	margin: 15px auto;
	width: 30%;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: #000000 solid 2px;
}

.time { float: right; padding: 10px; color: #ffffff; }

/* LInks */

a { color: #990000; text-decoration: none; }
a:hover { color: #999999; }

/* Images */

.imgl { float: left; margin: 0px 10px 10px 0px; }
.imgr { float: right; margin: 0px 0px 10px 10px; }
.imgc { text-align: center; margin: 0 auto; display: block; border: 0px; }
.imgbor { border: 2px solid #000000; }

#rcol img { text-align: center; margin: 5px auto; display: block; border: 0px; }

/* floats */

.clr { clear: both; }
.clrl { clear: left; }
.clrr { clear: right; }

.fll { float: left; }
.flr { float: right; }

/* Alignment */

.center { text-align: center; margin: 0 auto; }
.middle { vertical-align: middle; }

/* Headings */

h2 { 
	clear: both;
	margin: 10px 0px;
	background-color: #990000; 
	display: block; 
	color: #ffffff; 
	font-size: 16px; 
	padding: 5px; 
	padding-left: 10px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: #000000 solid 2px; 
}

#rcol h2 { 
	clear: both;
	margin: 10px auto;
	text-align: center;
	width: 75%;
	background-color: #990000; 
	display: block; 
	color: #ffffff; 
	font-size: 16px; 
	padding: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: #000000 solid 2px; 
}

h3 { 
	clear: left;
	margin: 10px 0px;
	background-color: #990000; 
	display: block; 
	width: 33%; 
	color: #ffffff; 
	font-size: 12px; 
	padding: 5px 10px 5px 10px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: #000000 solid 2px; 
}

/* Lists */

#contentblock ul { margin: 5px 0px 5px 15px; list-style: disc; }
#contentblock li { margin-left: 10px; padding-top: 5px; }

#contentblock ul.pagelist { list-style-type: disc; }
#contentblock ul.pagelist li { margin: 0px 0px 0px 10px; }

#contentblock .pagenav { clear: both; 
	margin: 10px 0px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: #000000 solid 2px; 
	background-color: #990000; 
}
#contentblock .pagenav ul { list-style-type: none; text-align: center; }
#contentblock .pagenav ul li { display: inline; padding: 0px; margin: 0px; }
#contentblock .pagenav ul li a { color: #ffffff; text-align: center; padding: 0px 10px; }
#contentblock .pagenav ul li a:hover { color: #999999; }

/* Travel */

.jplan {
	display:block; 
	width:187px; 
	height:235px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(http://www.tfl.gov.uk/tfl/gettingaround/journeyplanner/banners/images/jp-panel.gif) #fff no-repeat; 
	font-size:90%;
	margin: 10px;
}

/* Schedule */

.bold {
	font-weight: bold;
}
.tblGenFixed {
	margin:20px 0px;
}
.tblGenFixed td {
    padding:3px;;
    z-index:1;
    vertical-align: middle;
	border-bottom:1px solid #000;
}
.dn {
    display:none}

.tblGenFixed td.purple {
    background-color:#e1c7e1;
    border-right:1px solid #CCC;
}
.tblGenFixed td.yellow {
    background-color:#ff0;
    border-right:1px solid #CCC;
}
.tblGenFixed td.blue {
    background-color:#9cf;
    border-right:1px solid #CCC;
}
.tblGenFixed td.green {
    background-color:#b3d580;
    border-right:1px solid #CCC;
}
.tblGenFixed td.orange {
    background-color:#f90;
    border-right:1px solid #CCC;
}
.tblGenFixed td.red {
    background-color:#f00;
    border-right:1px solid #CCC;
}