@charset "UTF-8";
/* CSS Document */
@media print { 
.flexcrollactive, .flexcrollactive div  { 
height: auto!important; width: auto!important; 
position: static!important; margin: 0!important; padding: 0!important 
} 
.scrollgeneric {display: none;} 
} 
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position:absolute;
background-color: lightyellow;
padding: 5px;
left: 100px;
margin: -280px 0 0 -250px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
.mheading {border:double;}
.mtitle {font-size:17px;}

/* ------------- "generic" styles */

body {
	margin: 0; padding: 0;
	background: #f3efe4; color: #4f2e29;
	font: small "Times New Roman", Times, serif;
}

a {
	text-decoration: none;
}
a img {
	border: 0;
}

p {
	margin: 0 0 1em;
}
#toplogo {
position: absolute; left:50%; top: 50px; margin-left:-350px; margin-top: -99px;
}
#container { 
	position: absolute; 
	left:50%; 
	top:85px; 
	height:490px; 
	width: 750px;
	margin-left: -375px;
	border: #4f2e29 solid 2px;
}
#navlinks {
	background: #cddee6;
	margin: 0;
	padding: 10px 5px 10px 0px;
	border-bottom: #a0c1c6 solid 1px;
}
#navlinks li {
	display:inline-block; 
	background-color:#cddee6;
	font-size:12px; 
	float:left;
	margin-top: -.9em; 
	padding-right: 40px;
}
#navlinks li.last {
	border-right: 0;
}
#navlinks a {
	color: #4f2e29;
} 
#navlinks a:hover { 
border-top: double yellow; 
} 
#logo {
	float:left;
	margin: 1em;
}
#fadeshow {
	margin: .5em 1em;
}
#expotext {
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	font-size:17px;
	color:#999999;
	float:left;
	margin: -20px 5px 0 12px;
	padding: 10px;
	width: 270px
}
#abouttext {
	font-family: "Times New Roman", Times, serif;
	font-style:normal;
	font-size:14px;
	color:#4f2e29;
	float:left;
	margin: 10px;
	padding: 10px;
	width: 390px
}
#menutext {
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	color:#999999;
	float:left;
	margin: 0em 5px 0 1em;
	padding: 10px;
	width: 270px
}
#menutable {
position: absolute;
top: 61px; left: 300px;
   height: 350px;
   width: 430px;
   overflow: scroll; 
}
#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 418px;
height: 330px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: absolute;
top: 58px; left: 300px;
background-color: #f3efe4;
margin: 0.3em auto;
padding: 15px;
}
#mycustomscroll3 {
/* Typical fixed height and fixed width example */
width: 698px;
height: 330px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: absolute;
top: 58px; left: 20px;
background-color: #f3efe4;
margin: 0.3em auto;
padding: 15px;
}
#mycustomscroll4 {
width: 380px;
height: 330px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: absolute;
top: 58px; left: 20px;
background-color: #f3efe4;
margin: 0.3em auto;
padding: 15px;
}
#mycustomscroll6 {
/* Typical fixed height and fixed width example */
width: 390px;
height: 330px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: absolute;
top: 58px; left: 328px;
background-color: #f3efe4;
margin: 0.3em auto;
padding: 15px;
}
#ordertxt {
font-family: "Times New Roman", Times, serif;
font-style:normal;
font-size:12px;
color:#4f2e29;
margin: -380px 3px;
float: left;
width: 400px;
padding: 0 2.5em 3em 2em;
}
#sketch {
float: right;
margin: -422px 20px;
border: solid 1px; border-color: #330000;
}
/* ------------- footer styles */

#footer {
	clear: both;
	padding: 0 0;
	background: #4a281c;
	
}
#footer img {position:absolute; top:440px; left:98; overflow:hidden;}