* {margin: 0; padding: 0;}

body {
	font-size: 1.0em;
	line-height: 1.75em;
	font-family: Arial, sans-serif;
	background: #800;
	color: #000;
}

#bg {background: url('../graphics/highlight.png') top left repeat-x;}

br.clear {clear: both;}

h1 {
	font-size: 1.6em; font-family: verdana, arial, sans-serif; font-weight: normal;
	color: #fff;
	text-shadow: 0 0.05em 0 #fff; text-transform: lowercase;
}

h2,h3,h4 {
	font-family: arial, sans-serif; font-weight: normal;
	color: #000;
	margin-bottom: 0.6em;
}

h2 {font-size: 1.1em;}
h3 {font-size: 1.0em;}
img.left {float: left;margin: 8px 20px 20px 0;}
img.top {margin: 8px 0 20px 0;}
p {margin-bottom: 1.75em;}
ul {margin-bottom: 1.75em;}

.AD, .AO, .AL, .AS {
	background: #000 url(../graphics/bg55.gif);
	font-size: 0.8em;
	text-align: left;
	padding-left: 0.2em; padding-top: 0.1em;
	border: solid 0.1em #E4C6C9;
}

.AD  {width: 7.5em; border-left: solid 0.1em #800;}
.AO  {width: 8.4em;}
.AL  {width: 4.2em;}
.AS  {border-right: solid 0.1em #800;}

.BD, .BDL, .BL, .BLL, .BO, .BOL, .BS, .BSL, .BSs, .BSt {
	background: url('../graphics/bg55.gif');
	font-size: 0.8em; font-family: verdana;
	line-height: 1.3em;
	padding-left: 0.2em;
	border-bottom: solid 0.1em #E4C6C9; border-right: solid 0.1em #E4C6C9;
}

.BD  {padding-right: 0.2em; border-left: solid 0.1em #800;}
.BO  {padding-right: 0.2em;}
.BL  {padding-right: 0.2em;}
.BS  {color: #1E08F5; border-right: solid 0.1em #800;}
.BSs {color: #1E08F5; font-size: 0.75em; border-right: solid 0.1em #800;}
.BSt {color: #1E08F5; font-size: 0.75em; border-bottom: solid 0.1em #800; border-right: solid 0.1em #800;}

.BDL  {padding-right: 0.2em; border-bottom: solid 0.1em #800; border-left: solid 0.1em #800;}
.BOL  {padding-right: 0.2em; border-bottom: solid 0.1em #800;}
.BLL  {padding-right: 0.2em; border-bottom: solid 0.1em #800;}
.BSL  {color: #1E08F5;       border-bottom: solid 0.1em #800; border-right: solid 0.1em #800;} 

.area {
	width: 73.3em;
	padding-bottom: 0.3em;
	margin-top: 0.6em;
}

.arrowlistmenu {width: 7.9em; /*width of accordion menu*/}

.arrowlistmenu .menuheader {
	font: bold 0.9em verdana, arial;
	color: white;
	background: #000 url(../graphics/routes-titlebar-active.png) repeat-x center left;
	margin-bottom: 0.4em;
	text-transform: uppercase;
	padding-left: 0.9em; padding-bottom: 0.2em;
	cursor: hand; cursor: pointer;
}

.arrowlistmenu .menuheader a {
	color: #fff;
	text-decoration: none;
}

.arrowlistmenu .openheader {background-image: url(../graphics/routes-titlebar.png);}

.arrowlistmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0.5em;
}

.arrowlistmenu ul li a {
	color: #800;
	background: url(../graphics/routes-arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding-left: 1.1em;
	text-decoration: none;
	line-height: 1.3em;
	font-weight: normal;
	border-bottom: 0.1em solid #dadada;
	font-size: 90%;
}

.arrowlistmenu ul li a:hover {
	color: #800;
	background-color: #F3F3F3;
}

.arrowlistmenu .active {
	font-size: 0.9em;
	background: #fff;
	color: #800;
	padding-left: 0.1em;
}

.arrowlistmenu .stn {
	color: #fff;
	background: url(../graphics/routes-titlebar.png) repeat-x center left;
	padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 0.5em; padding-right: 0.5em;
	border: 0.05em solid #000;
}

#box {overflow: visible;}

#box b {color: #000;}

#content {
	width: 74.0em;
	margin-left: 9.3em; margin-right: em;
	padding-left: 0.5em; padding-top: 0.8em; 
	background: #fff;
	border-bottom: solid 0.1em #cccccc;
}

#content h3 {
	font-size: 1.1em; font-family: verdana, arial, sans-serif;
	color: #800;
	text-align: left;
	letter-spacing: 0.3em;
	margin-top: -0.4em;
	padding-left: 0.9em;
}

#copyright {
	width: 44.0em;
	font-size: 0.7em;
	text-align: left;
	color: #666666;
	line-height: 1.2em;
	margin-top: 3.2em; margin-bottom: 1.0em;
	padding-top: 3.1em;
}

#copyright a {color: #666666; text-decoration: none;}

.date {
	color: #fff;
	background: #fff url(../graphics/routes-titlebar-active.png) repeat-x center left;
	text-align: left;
	letter-spacing: 0.15em;
	line-height: 1.2em;
	padding-left: 0.9em;
	border: 0.05em solid #000;
	border-radius: 0.3em;
}

#header {
	background: #800;
	text-align: center;
	height: 5.7em;
	width: 100%;
}

.height {line-height: 0.6em;}
    
#logo {
	position: relative;
	background: #000 url(../graphics/routes-title-banner.png) repeat-x bottom left;
	text-align: center;
	margin-top: -2.1em; 
	text-decoration: none; text-shadow: 0 0.11em 0 #000;
}

#logo img {margin-top: 2.2em;}
/* clarendon BT  bold  24pt strong */

#mainpage {
	position: relative;
	overflow: visible;
	width: 72.5em;
	color: #333333;
}

#navigate {
	padding-top: 0.5em;
	border-bottom: 0.125em solid #800;
}

#navigate ul {
	list-style: none;
	text-align: center;
	background: #ffffff;
	font-size: 0.8em;
}

#navigate ul li {
	display: inline;
	background: #800;
	color: #fff;
	text-align: center;
	padding-left: 0.6em; padding-right: 0.6em; padding-top: 0.2em; padding-bottom: 0.2em;
	border: 0.05em solid #000;
	border-radius: 0.3em;
}

#navigate a {text-decoration: none; color: #fff;}
#navigate a:hover {color: #ccc;}

.part {
	font-size: 0.9em; font-family: tahoma, arial, sans-serif;
	color: #905E5E;
	padding-left: 0.5em; padding-right: 0.1em;
}

#sidebar {
	float: left;
	width: 8.4em;
	background: #fff;
	color: #333333;
	padding-left: 0.5em; padding-top: 1.0em; padding-bottom: 0.5em;
	margin-left: 0.3em;
}

#sidebar h2 {
	font-size: 1.1em; font-family: Arial, sans-serif;
	color: #800;
	margin-top: -0.5em; margin-bottom: 0.1em; 
}

.small {font-size: 0.9em;}

.stock {font-size: 0.9em; font-family: verdana; color: #1E08F5;}

.train {
	font-size: 0.95em;
	background: #fff url(../graphics/bg55.gif);
	color: #000;
	letter-spacing: 0.05em;
	padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.4em;
	margin-top: 2.5em;
	border-top: 0.1em solid #800; border-left: 0.1em solid #800; border-right: 0.1em solid #800;
}