@charset "utf-8";
/* --- Travelogue CSS Document --- */

a {
	outline-style: none;
	text-decoration: none;
	color: #ffffee;
}

a.instr {
	color: #0000ff;
}

a:hover {
	text-decoration: underline;
}

html {
     height: 100% 
}

body {
	height: 100%; 
	margin: 0px; 
	padding: 0px; 
	background-color: #40404d;
	font-family: "Franklin Gothic Medium","univers 55", "Akidenz Grotesk", Helvetica;
	color: #ffffee;
}

h1 {
	text-align: center;
	margin-bottom: .35em;
	margin-top: .3em;
}

p {
	font-size: 15px;
	margin: 0;
	margin-left: 1.7em;
	margin-bottom: .3em;
}

p.about {
	font-size: 14px;
	color: red;
	text-align: right;
	margin-bottom: 27px;
	margin-right: 3em;
}

p.instr {
	margin: 0;
	margin-bottom: 0.5em;
}

p.instrSmall {
	font-size: 12px;
	margin: 0;
	margin-top: 1.2em;
	margin-bottom: 0.5em
}

p.space {
	margin-bottom: 1.5em;
}

p.header {
	font-size: 18px;
}

hr.end {
	margin-top: 3.0em;
}

p span.letter {
	font-size: 14px;
	margin-right: .8em;
    text-decoration: italic; 
}

#list {
	float: right;
	width: 580px;
	margin-top: 7px;
}

#trips {
	margin-top: -10px;
}

#trips1 {
}

#trips2 {
	float: right;
	width: 50%;
	margin-right: 14px;
}

#map {
	margin-left: 30px;
}

#map_canvas {
	height: 514px;
}

#explain {
	background-color: #ffffee;
	color: #040404;
	font-family: "Franklin Gothic Medium","univers 55", "Akidenz Grotesk", Helvetica;
	text-align: left;
	position: fixed;
	top: 60px;
	right: 560px;
	padding: 15px;
	padding-top: 30px;
	opacity: .85;
	border: 4px solid gray;
}

#warning{
}

#warning p {
	font-size: 12pt;
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 10px;
}