<!--
/* 
Style sheet for tour 1998
*/

body {
  margin-left: 8%; margin-right: 4%; 
  font-family: "Comic Sans MS", 'helvetica', sans-serif; 
  color: #006;
  background-image: url(images/bg3.jpg);
}

h1, h2, h3 {
  font-family: "Comic Sans MS", 'helvetica', sans-serif;
  font-weight: normal; text-align: center; margin-bottom: 0; color: #c00;}

.narrow {margin-top: 0; margin-bottom: 0; text-align: center; color: #c00;}

/*
a:hover {
  font-family: "Comic Sans MS", 'helvetica', sans-serif;
  text-decoration: none; color: #c00;}
a {
  font-family: "Comic Sans MS", 'helvetica', sans-serif;
  color: #c00;}
*/


p, i, dd, dl, dt {font-family: "Comic Sans MS", 'helvetica', sans-serif; color: #006;}

img {border: 0; }

.center {text-align: center}

.tabBar {
	FONT-SIZE: 80%; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 4px; 
	padding-right: 1em;
	BORDER-BOTTOM: #003399 1px solid; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: inherit; 
	TEXT-ALIGN: right;
}
.tabBar B {
	DISPLAY: none
}
.tabBar STRONG {
	DISPLAY: none
}
.tabBar A {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2c3db 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px; FONT: 1em/1em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; BORDER-LEFT: #b2c3db 1px solid; COLOR: white; PADDING-TOP: 2px; BORDER-BOTTOM: #003399 0px solid; BACKGROUND-COLOR: #003399; TEXT-DECORATION: none; moz-border-radius: .75em .75em 0em 0em
}
.tabBar A:hover {
	COLOR: white; BACKGROUND-COLOR: #6382c2
}
.tabBar selected {
}
.tabBar A.selected {
	BORDER-RIGHT: #6382c2 1px solid; BORDER-TOP: #6382c2 1px solid; BORDER-LEFT: #6382c2 1px solid; COLOR: #003399; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ffffff
}
.tabBar A.selected:hover {
	BORDER-RIGHT: #6382c2 1px solid; BORDER-TOP: #6382c2 1px solid; BORDER-LEFT: #6382c2 1px solid; COLOR: #003399; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ffffff
}

p.larger
{
	font-size: larger; 
	margin-top: 0;
}
p.thistree{margin: 0; padding: 0; border: 0;}
div.thistree
{
	clear: both;
	margin: .5em 0 0 0;
	padding: 0;
	border-bottom: 1px solid #000;
}

div.pic
{
	float: left;
	width: 20%;
}
div.text
{
	float: left;
	width: 55%;
}

p, hr{clear: both;}
p.underline {border-bottom: 1px solid #000;}

td.col1, td.col2, td.col1a, td.col2a
{
	vertical-align: top;
	border-top: 1px solid black;
}

td.col1a, td.col2a{border-top: inherit;}
td.col1, td.col1a {width: 190px;}
td.col2, td.col2a
{
width: 450px;
margin-left: 10px;
padding-left: 10px;
}

p.hidden {display: none; float: left;}

/* and so it ends

-->
