body
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
	color: #5A6F9E;
}

#container
{
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	width: 780px;
	height: 100px;
	padding: 0;
	margin: 0;
}

#vicinitee-logo
{
	width: 170px;
	float: left;
}

#details
{
	width: 200px;
	float: left;
	padding: 32px 0 0 40px;
}

#trains-links
{
	width: 100px;
	float: right;
	padding: 55px 0 0 0;
}

#banner
{
	width: 780px;
	padding: 20px 0 10px 0;
	margin: 0;
}

.logo
{
	padding: 35px 0 0 0;
}

.banner /* positions the ad banner */
{
	padding: 0 0 0 40px;
}

.details-title
{
	padding: 0 0 2px 0;
}

.time /* sets the font for the current time */
{
	color: #547ca2;
}

/* link colours for the trains links */

#trains-links a
{
	font-size: 11px;
	color: #f16f18;
}

#trains-links a:hover
{
	font-size: 11px;
	color: #000;
}

#trains-links a:visited
{
	font-size: 11px;
	color: #f16f18;
}

td
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	color: #5A6F9E;
}

.tdlarge
{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #5A6F9E;
}

.tdlargest
{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: #5A6F9E;
	line-height: 1.4;
}

.webcamheader
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5A6F9E;
	line-height: 1.4;
}

.webcamsubheader
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5A6F9E;
	line-height: 1.4;
}

a:link
{
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans- serif;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
}

a:visited
{
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}

a:active
{
	color: #5A6F9E;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}

a:hover
{
	color: #5A6F9E;
	font-family: verdana, arial, helvetica, sans- serif;
	font-size: 14px;
	text-decoration: none;
}

.top
{
	background-color: #547ca2;
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

.evenrow
{
	background-color: #e5eff8;
	color: #547ca2;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.evenrowred
{
	background-color: #e5eff8;
	color: #990000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.oddrow
{
	background-color: #ededed;
	color: #999;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.oddrowred
{
	background-color: #ededed;
	color: #990000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.row
{
	background-color: #f16f18;
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

/* Footer */

#footer
{
	width: 780px;
	padding: 20px 0 0 0;
	margin: 0;
	font-size: 11px;
}

#footer a
{color: #547ca2;}

#footer a:hover
{color: #000;}

#footer a:visited
{color: #547ca2;}

/* Clearing element */

.clear
{
	position: relative;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

/* Standard images */

img
{border: none;}

/*DM 20081111*/
.div-popup
{
	position: absolute;
	display: none;
	z-index: 1000;
	width: 250px;
}