* {margin: 0; padding: 0;}

a {color: #996633; text-decoration: underline;}
a:hover {text-decoration: none;}

body {
	font-size: 1.0em;
	line-height: 1.75em;
	font-family: verdana, 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,h4 {
	font-family: arial, sans-serif; font-weight: normal;
	color: #000;
	margin-bottom: 0.6em;
}

h2 {font-size: 1.1em;}
p {margin-bottom: 1.75em;}
ul {margin-bottom: 1.75em;}

.small {font-size: 0.9em;}

.AL, .AS, .AT, .ATE, .ATW, .ATS {
	background: url('../graphics/bg55.gif');
	font-size: 0.9em;
	border-bottom: solid 0.063em #E9D9DB;
	line-height: 1.4em;
}

.AL  {text-align: center; width: 4.0em; border-left: solid 0.1em #800; border-top: solid 0.1em #800;}
.AS  {text-align: left; padding-left: 0.4em; border-top: solid 0.1em #800;}
.AT  {text-align: left; padding-left: 0.4em; border-right: solid 0.1em #800; border-top: solid 0.1em #800;}
.ATE {text-align: left; width: 30.0em; border-right: solid 0.1em #800; border-top: solid 0.1em #800;}
.ATS {text-align: left; width: 35.0em; border-right: solid 0.1em #800; border-top: solid 0.1em #800;}
.ATW {text-align: left; width: 27.5em; border-right: solid 0.1em #800; border-top: solid 0.1em #800;}
.ATX {text-align: left; width: 28.0em; border-right: solid 0.1em #800; border-top: solid 0.1em #800;}

.BL, .BLD, .BLL, .BS, .BSL, .BS1, .BT, .BTL {
	background: url('../graphics/bg55.gif');
	font-size: 0.8em; font-family: verdana;
	border-bottom: solid 0.063em #E9D9DB;
	line-height: 1.4em;
}

.BL  {text-align: center; color: #761315; width: 4.0em; border-left: solid 0.1em #800;}
.BLD {text-align: left; padding-left: 0.8em; color: #761315; width: 4.0em; border-left: solid 0.1em #800;}
.BLL {text-align: center; color: #761315; width: 4.0em; border-left: solid 0.1em #800; border-bottom: solid 0.1em #800;}
.BS  {text-align: left; padding-left: 0.2em;  color: #000;}
.BSL {text-align: left; padding-left: 0.2em;  color: #000; border-bottom: solid 0.1em #800;}
.BS1 {text-align: left; padding-left: 0.2em;  color: #000; font-size: 0.75em;}
.BT  {text-align: left; padding-left: 0.2em; border-right: solid 0.1em #800;}
.BTL {text-align: left; padding-left: 0.2em; border-right: solid 0.1em #800; border-bottom: solid 0.1em #800;}

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

#content {
	width: 100%;
	margin-left: 1.0em;
	padding: 0.9em;
	background: #ffffff;
	border-bottom: solid 0.063em #cccccc;
}

#content h3 {
	background: #fff;
	font-size: 1.1em; font-family: verdana;
	color: #800;
	text-align: left;
	letter-spacing: 0.3em;
	padding-left: 0.9em;
}

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

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

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

}

.gap {line-height: 0.6em;}

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

#img {margin-left: 54.5em; margin-top: -5.5em;}
#img_sc {margin-left: 59.5em; margin-top: -4.0em;}

#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;} /* charlemagne standard  bold  24pt strong */

#mainpage {
	position: relative;
	overflow: visible;
	width: 80.5em;
	color: #800;
}

#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;}

#route ul {
	list-style: none;
	font-family: arial; font-size: 0.9em;
	font-size: 0.95em;
	margin-left: 8.5em; margin-right: 0.5em; margin-top: -2.1em; margin-bottom: 0.1em;
}

#route ul li {
	display: inline;
	text-align: left;
	margin-left: 0.5em;
}

#route a {
	text-decoration: none;
	color: #800;
	padding-left: 0.3em; padding-right: 0.3em; padding-top: 0.1em; padding-bottom: 0.1em;
	border: 0.1em solid #800;
	border-radius: 0.3em;
}

#route a:hover {
	color: #fff;
	background: #800;
}

.sleep {color: #1E08F5;}

.small {font-size: 0.9em;}

.time {
	font-size: 0.8em;
	padding-left: 0.3em;
}

#topmenu {padding-bottom: 0.2em;}
#topmenu h2 {margin-bottom: 0.2em;}