@charset "UTF-8";
/* CSS Document */

body {
	background-color:#cea464;
	margin:0;
	padding:0;
	text-align:center;
}

#container {
	margin:0 auto;
	text-align:left;
	width:1000px;
	height:799px;
	overflow:hidden;
}

#header {
	background:url(../images/Tour2_01.png) no-repeat;
	width:1000px;
	height:168px;/*186px;*/
}

#sidebarLeft {
	background: url(../images/Tour2_02.png) no-repeat;
	width:220px; 
	height:547px;
	float:left;
}

#content {
	background: url(../images/Tour2_03.png) no-repeat;
	width:741px;
	height:547px;
	float:left;
	z-index:20;
	position:relative;
}

#imaghide {
	width:737px; /*737px;*/
	height:547px;
	position:relative;
	z-index:100;
	left:0px;
	top:-547px;
	float:left;
}

.MasterDetail .DetailContainer {
    height:  547px;  
    width:   737px;  
	float:left;
    padding: 0;  
    margin:  0;  
	position:relative;
	top:0;
	left:0;
} 
 
#the_photo {
	text-align:left;
}

h2 {
	font-size:24px;
	font-style:italic;
	color:#8d6f43;
	line-height:1.2em;
}

.pics img {  
    border: none;  
    background-color: #e4cda8;  
	background: transparent !important;
/*    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 */
} 
#annotateBlock {
	/*display:none;*/
}
#annotateFrame {
	background: url(../images/annotation.png) no-repeat;
	width:188px; /*186px;/*188px;*/
	height:547px; /*541px;/*547px;*/
	float:left;
	position:absolute;
	left:547px;
	top:0;
	z-index:51;
	display:block;
}
#annotateText {
	width:158px;
	height:517px;
	color:#554327;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	float:left;
	position:absolute;
	top:10px;
	left:558px;
	z-index:52;
}
#recNum {
	color:#990000;
	width:158px;
	left:558px;
	top:500px;
	position:absolute;
	z-index:53;
	text-align:center;
}

#the_button {
	position:relative;
	left:0;/*800px;*/
	top:5px;/*150px;*/
	width:111px;
	height:11px;
	z-index:52;
}
#prev_next {
	position:relative;
	left:800px;
	top:120px;
	width:111px;
	height:11px;
	z-index:52;
	text-align:center;
	font-size:1.2em;
	font-style:italic;
	color:#916839;
	line-height:1.2em;
}

#menu li {
	font-size:17px;
	font-style:italic;
	color:#8d6f43;
	line-height:1.2em;
}

#menu li a:link,
#menu li a:visited {
	font-size:17px;
	font-style:italic;
	color:#8d6f43;/*916839;*/
	line-height:1.2em;
	text-decoration:none;
}
#menu li a:hover {
	color:#442e17;
}

.linkmenu a:link,
.linkmenu a:visited {
	font-size:17px;
	font-style:italic;
	color:#8d6f43;/*916839;*/
	line-height:2em;
	text-decoration:none;
}
.linkmenu a:hover {
	color:#442e17;
}

#prev_next a {
	color:#916839;
}

#hide_button {
	background: url(../images/hide_button.png) no-repeat;
	position:relative;
	left:800px;
	top:130px;
	width:111px;
	height:11px;
	z-index:53;
}

#show_button {
	background: url(../images/show_button.png) no-repeat;
	position:relative;
	left:800px;
	top:130px;
	width:111px;
	height:11px;
	z-index:54;
}

#sidebarRight {
	background: url(../images/Tour2_04.png) no-repeat;
	width:39px;
	height:547px;
	float:left;
}
a { text-decoration:none; }
#footer {
	background:url(../images/Tour2_05.png) no-repeat;
	width:1000px;
	height:57px;
}

#footerText {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:right;
	margin: 10px 40px 0 0;
	float:right;
	color:#916839;/*f3e0a4;*/
}

#footerText a {
	text-decoration:none;
	color:#916839;
	border-bottom: 1px dotted #916839;
}

#footerText a:hover {
	color:#4d2d25;
	border-bottom: 1px dotted #4d2d25;
}

#menu ul {
	padding:50px 0 0 10px;
}

#menu li {
	list-style:none;
	height:24px;
}

#menu li ul {
	margin:-44px 0 0 20px;
}

a img {
	border:none;
	outline:none;
}

/* The 'protector' overlays the images as an
*  aid to protecting the images from being
*  'borrowed'.  It is taller and wider than
*  it needs to be... just in case!
*/
#protector {
	float:left; 
	position:relative; 
	top:-620px; 
	left:200px; 
	width:747px; 
	height:557px; 
	z-index:110; 
	border: red 1px solid;
}