@import "pdx_base.css";

a {
	color: inherit;
}

a:hover, a:active
 {
	color: orange;
}

a:link.menu, a:visited.menu {
	color: black;
}

a:hover.menu {
	color: yellow;
}

a.lt_pict {
	float: left;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 15px;
}

a.rt_pict {
	float: right;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 15px;
}

body.home {
	background: #F4F4F4;
}

body.index {
	background: #FDFBEC;
}

div.directions {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

div.hdr {
	position: relative;
	z-index: 0;
	height: 140px;
	width: 100%;
}

div.hdr img {
	display: block;
	float: left;
}

div.hdrtxt {
	position: absolute;
	top: 0%;
	left: 0px;
	z-index: -10;
	width: 100%;
	text-align: center;
}

div.tours {
	width: 85%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
	
div.txt {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

h1, h2, h3, h4, h5 {
	font-family: "Times New Roman", Times, Palatino, serif;
	color: #361C0E;
	text-align: center;
	clear: both;
}

/* a blank box to hold any number of floated menu items
   under a title bar */
.menubox {
	color: inherit;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;	
}

.menubox a {
	font-size: 18px;
	font-weight: bold;
}

/* a blank box to hold a single menu item positioned
   left under a title bar */
.menuitem {
	color: inherit;
	text-align: center;
	margin: 0 auto;	
}

p.banner {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 45px;
}

#pagelayout {
	width: 100%;
	max-width: 98em;
	min-width: 76em;
	margin: 20px auto;
}

/* General outline for a table of photo snapshots, each
   of which links to a full size image and each of which
   has a caption that appears only on mouse-over. */
.pictbox {
	border-collapse: separate;
	margin: 0 auto;
	margin-bottom: 30px;
}

.pictbox a {
	display: block;
	position: relative;
	z-index:auto;
}

.pictbox a img {
	width: 133px;
	height: 100px;
}

.pictbox a span {
	display: none;
}

/* The dimensions and position of the following name location in
   <span> must remain coordinated with the <img> size specified
   immediately above this. */
.pictbox a:hover span {
	display: block;
	position: absolute;
	z-index: 2;
	top: 60px;
	left: 10px;
	width: 120px;
	background: #FFE;
	color: #361C0E;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.pictbox td {
	width: 133px;
	border: 3px solid black;
}

.pictbox td:hover {
	border: 2px solid green;
}

table.smithmenu {
	width: 80%;
	background: #CCCCCC;
	border-color: black;
	margin-bottom: 25px;
}

table.photo {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	border-collapse: collapse;
	width: 80%;
}

table.visitmenu {
	width: 50%;
	margin-bottom: 15px;
}

td.photo {
	width: 33%;
}

td.treesl {
	width: 45%;
	font-size: 16px;
	padding-right: 15px;
}
	
td.treesr {
	width: 55%;
	font-size: 16 px;
	padding-right: 15px;

}

.tlist {
	border-style: none;
	border-collapse: collapse;
	margin-bottom: 30px;
} 

.tlist td {
	text-align: center;
	vertical-align: center;
	padding: 10px;
}

.tlist th {
	text-align: center;
	vertical-align: center;
	font-size: 18px;
	padding: 5px;
}