body {
		 text-align: center;
		 min-width: 800px;
		 font-family: thames;
		 font-size: 14pt;
		 color: #333000;
		 background-color: #fffe92;
		 background-image: url(backgradient.jpg);
		 background-repeat: repeat-x;
		 margin: 0px;
		 padding: 0px;
		}
		
#outside {
		background-color: #87782a; 
		width:800px;
		height: auto;
		margin:0px auto;
		padding:6px;
		background-image: url(museumimages/museumback.jpg);
    background-position: 6px 98px;
		background-repeat: no-repeat;
		overflow: visible;
		}
	
#title {
		border:3px solid #ffff99;
		height:90px;
		background-image: url(titleback2.jpg);
		overflow: auto;
		margin-left: 0px;
		margin-right:0px;
		}

#menu {
		border: 0px solid gray;
		height: 26px;
		padding-top:15px;
		padding-bottom:10px;
		clear: both;
		margin-left: 82px;
		margin-right: auto;
		margin-bottom: 8px;
		overflow: visible;
		text-align: center;
		}
		
#menu div {
    float:left;
		padding-left: 10px;
		padding-right: 10px;
		}		
		
#content {
		margin-top:5px;
		text-align: center;
		}

#content div {
		font-family: "Verdana", arial, sans-serif;
		font-weight: normal;
		font-size: 10.5pt;
		letter-spacing: 0px;
		word-spacing: 0px;
		line-height: 25px;
		color: #403100;
	
		}
		
#acontent {
    clear: both;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
		padding-bottom: 8px;
		/*background-color: #ffff99;*/
		background-color: #fafaae;
		border: 3px solid #3d2500;
		width: 670px;
		text-align: left;
			}
			
#frame1 {
		float: left;
    border: 1px solid black;
		margin-top: 10px;
		margin-left: 6px;
		margin-right: 10px;
		background-color: #765609;
		padding: 6px;
			}
	
#portrait1 {
  	border: 1px solid black;
		width: 78px;
		height: 96px;
		background-image: url(museumimages/littlebridgesmall.jpg);
		background-position: center;
		background-repeat: no-repeat;
		}	
		
#museum {
		margin: 20px 10px 10px 20px;
		color: #fcffce;
		}	
		
.thumbnails {
    margin-top: 18px;
		text-align: center;
		}		
		
.pictureholder {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		}		
		
#pictures {
		margin-left: auto;
		margin-right: auto;
		width: 400px;
		padding: 10px;
		margin-top: 10px;
		border: 3px solid #483e1b;
		text-align: center;
		background-color: #e0ce6e;
    }		
		
#bcontent {
    clear: both;
		margin-top: 20px;
    margin-left: auto;
		margin-right: auto;
	  padding-bottom: 8px;
		background-color: #fafaae;
		border: 3px solid #3d2500;
		width: 750px;
		text-align: left;
		min-height: 123px;
			}
			
#frame2 {
		float: left;
    border: 1px solid black;
		margin-top: 10px;
		margin-left: 6px;
		margin-right: 10px;
		margin-bottom: 6px;
		background-color: #765609;
		padding: 6px;
		}
	
#portrait2 {
    border: 1px solid black;
		width: 78px;
		height: 104px;
		background-image: url(museumimages/lamp.jpg);
		background-position: center;
		background-repeat: no-repeat;
		}		
		
#exhibits {
		margin: 20px 10px 10px 20px;
		text-align: left;
		}	
		
#pictures2 {
		margin-left: auto;
		margin-right: auto;
		width: 400px;
		padding: 10px;
		margin-top: 10px;
		border: 3px solid #483e1b;
		text-align: center;
		background-color: #e0ce6e;
    }		
		
#footer {
		color: #403100;
		text-align: center;
		font-size: 10pt;
		font-family: arial;
		margin-top: 20px;
		width:750px;
		height: 35px;
		overflow: visible;
		margin-left: auto;
		margin-right: auto;
		}

#bottom {
		clear: both;
		position-top: 0px;
		height: 10px;
		}
	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.thumbnail{
position: relative;
z-index: 0;
text-decoration: none;
color: #ffff99;
font-weight: bold;
}

a.thumbnail:hover{
background-color: transparent;
z-index: 50;
text-decoration: underline;
color: #412b00;
font-weight: bold;
}

/*these are classes to define the main text*/

.head {
			 	font-weight: bold;
				font-size: 24pt;
				font-family: "ohio script", arial, sans-serif;
				}
				
.subtitle {
        font-weight: bold;
				font-style: italic;
				text-align: center;
				font-size: 13pt;
				}
				
p.infoleft {
        text-align: left;
				margin-top: 5px;
				}
				
p.infocenter {
        text-align: center;
				margin-top: 5px;
				}

span.colorit {
        color: #947204;
				}

a.betterborder:link {
				color: #947204;
				text-decoration: none;
				}			
				
a.betterborder:visited {
				color: #947204;
				text-decoration: none;
				}							
				
a.betterborder:hover {
				color: #483e1b;
				text-decoration: none;
				}		
				
a.betterborder:active {
				color: #483e1b;
				text-decoration: none;
				}						
				
a.betterborder:link img{
        border-color: #947204;
				}

a.betterborder:visited img {
        border-color: #947204;
				}				
				
a.betterborder:hover img {
        border-color: #483e1b;
				}
				
a.betterborder:active img {
        border-color: #483e1b;
				}

a.toinfo {
        color: #977f18;
				font-weight: bold;
				text-decoration: none;
				}

a.toinfo:hover {
				color: #483e1b;
				font-weight: bold;
				text-decoration: underline;
  			}
				
a.endlinks {
				text-decoration: none;
				color: #412b00;
				font-weight: bold;
				}
				
a.endlinks:hover {
        text-decoration: underline;
				}
				
a.external {
        color: black;
				font-weight: bold;
				text-decoration: none;
				}

a.external:hover {
				color: #977f18;
				font-weight: bold;
				text-decoration: underline;
  			}