/* BODY */

body {
	background-color: #FFE1A9;
	border: 0;
	margin: 0;
	padding: 0;
	font-family: Verdana,"Bitstream Vera Sans",Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	color: #330099;
}



/* LINK COLOURS */

a          { text-decoration: none; }
a:link     { color: #330099;}
a:visited  { color: #CC6699;}
a:active   { color: #6666CC;}
a:hover    { color: #6666CC; text-decoration:underline;}

div.spiel a          { text-decoration: none; }
div.spiel a:link     { color: #FFE1A9;}
div.spiel a:visited  { color: #FFCCCC;}
div.spiel a:active   { color: white; }
div.spiel a:hover    { color: white; text-decoration:underline;}




/* HIGH LEVEL MENU */

div.menu {
	width: 100%;
	padding-top: 1em;
	padding-bottom: 1em;
}
div.menu table {
	width: 85%;
	margin-left: 15%;
	font-size: 150%;
	font-weight: bold;
	font-family: Chevara,"Courier New",Courier,Arial,Helvetica,sans-serif;
}
div.menu table td {
	width: 16.6%;
	text-align: center;
	padding-left: 0.3em;
	padding-right: 0.3em;
}


/* HIGH LEVEL PAGE LAYOUT */

div.twocolumn{ /* Used to identify a 2 column page */
}
div.left-column {
	position: absolute;
	left: 0;
	width: 15%;
	padding-bottom: 2em;
	padding-top: 2em;
}
div.left-column p {
	padding-left: 0.2em;
	padding-right: 0.2em;
}
div.spiel {
	/* position: relative;*/
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 10%;
	padding-right: 10%;
	color: white;
	background-color: #000066;
}
div.footer {
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
	font-size: 0.7em;
	text-align: right;
}
div.footer p {
	margin-top: 1em;
	margin-bottom: 1em;
}
div.twocolumn div.spiel {
	margin-left: 15%;
}

/* ITINERARY TABLES AND DISTANCES */

h2 {
	margin-top: 0;
	margin-bottom: 0;
}
p.route-dist {
	font-family: "Courier New",Courier,monospace;
	margin-top: 0;
	margin-bottom: 1em;
}
div.itinerary {
	width: 100%;
}
div.itinerary table {
	width: 100%;
	text-align: left;
	font-size: 0.8em;
	color: white;
}
div.itinerary h3 {
	margin-top: 1em;
}
div.itinerary table th { /* Konqueror ain't inheriting properly */
	text-align: left;
}
div.itinerary table td.skive {
	font-style: italic;
}
p.footnote {
	font-size: 0.7em;
	margin-top: 2em;
}


/* FIGURES */
img
{
	border: 0; /* Otherwise we get blue line around link pics */
}
div.fig { /* Use to shrink caption font */
}

/* Figure-Image containers */
div.fig-floatrm {
	float: right;
	margin: 0.8em;
	margin-right: 0em;
	width: 165px;
}
div.fig-floatrh {
	float: right;
	margin: 0.8em;
	margin-right: 0em;
	width: 200px;
}
div.fig-floatrv {
	float: right;
	margin: 0.8em;
	margin-right: 0em;
	width: 133px;
}
div.fig-photoh {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	width: 200px;
}
div.fig-photov {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	width: 133px;
}
div.fig-sectionmap {
	margin-right: -10%;
	margin-bottom: 1.5em;
}
div.fig-floatlink {
	float: right;
	padding: 0.8em;
}
div.fig-full {
}

/* Image sizes */
div.fig-floatrm       img { width: 165px; height: 200px; }
div.fig-floatrh       img { width: 200px; height: 133px; }
div.fig-floatrv       img { width: 133px; height: 200px; }
div.fig-photoh        img { width: 200px; height: 133px; }
div.fig-photov        img { width: 133px; height: 200px; }
div.fig-full          img { width: 100%; }
div.fig-sectionmap-01 img { width: 463px; height: 179px; }
div.fig-sectionmap-02 img { width: 266px; height:  89px; }
div.fig-sectionmap-03 img { width: 337px; height: 164px; }
div.fig-sectionmap-04 img { width: 460px; height: 333px; }
div.fig-sectionmap-05 img { width: 365px; height: 153px; }
div.fig-sectionmap-06 img { width: 203px; height: 184px; }
div.fig-sectionmap-07 img { width: 240px; height: 225px; }
div.fig-sectionmap-08 img { width: 273px; height: 445px; }
div.fig-sectionmap-09 img { width: 286px; height: 189px; }
div.fig-sectionmap-10 img { width: 181px; height: 204px; }
div.fig-sectionmap-11 img { width: 251px; height: 131px; }
div.fig-sectionmap-12 img { width: 251px; height: 131px; }
div.fig-tiles         img { width:  90px; height:  80px; }
div.fig-routemap      img { width: 746px; height: 640px;
	margin-right: -10%;
	margin-left: -5%;
}

/* Getting the route map to sit under "The Route" */
div.text-float1{
	width: 100%;
}
div.text-float{
	position: absolute;
}

/* Figure Captions */
div.fig p {
	font-size: 0.7em;
	margin: 0.1em;
}



/* TOP AND BOTTOM OF PAGE NAVIGATION */

div.section-nav {
	text-align: right;
	margin-right: 0;
	font-size: 0.7em;
}

div.section-nav-spacer {
	padding-top: 120px;
}



/* LINKS AND WATERWAYS LIST STRUCTURE */

div.tablelist {
	width: 100%;
}
div.tablelist table {
	width: 100%;
	text-align: left;
	font-size: 1em;
	color: white;
}
div.tablelist h3 {
	margin-top: 1em;
}
div.tablelist h5 {
	margin-top: 1em;
	margin-bottom: 0em;
}
div.tablelist div.waterwayslist h5 {
	margin-top: 0em;
}
div.tablelist p {
	margin-top: 0em;
}



/* ODDS AND ENDS */

span.cite {
	font-style: italic;
}
blockquote, div.tip {
	font-style: italic;
	margin-left: 3%;
	margin-right: 3%;
}
div.tip em {
	font-style: normal;
}
span.superscript {
	vertical-align: text-top;
	font-size: 0.75em;
}
span.orn {
	float: left;
	font-size: 2.25em;
}