body {
	margin: 0px 0px 0px 0px;
	font-style : normal;
	font-weight : normal;
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	color: #821d15;
	background:url(../../images/bg.gif) repeat-x top #663300;
}

#pagewidth {
	width:949px;
	margin:0 auto 0 auto;
	display:block;
	font-family:arial,verdana,sans-serif;
	font-size:0.75em;
}
#topbanner {background: #FFFFFF;width:899px;float:left;height:172px;}
#main {float:left;width:899px;}
#logo {float:left;width:284px;height:170px;}
#logo h1 {margin:0;}
#logo h1 span {display:none;}
#strapline {float:right;height:70px;padding-right:40px; padding-top:30px;}
#nav {float:left;background:url(../../images/nav-bg.gif) no-repeat top; width:523px;color:#e1b985;height:40px;line-height:40px;margin-left:72px;margin-right:20px;margin-top:10px;text-align:center;}
#nav a:link,#nav  a:visited{color:#e1b985;font-weight:bold;text-transform:uppercase;letter-spacing: 1px;padding:0 5px; }
#main-img {float:left;width:899px;height:309px;}
#content {background:#f7d799; width:869px;float:left;padding:15px;}
#content p {margin:0.4em 0 1em 0;}
#colmid {width:599px;float:left;margin-right:26px;}
#colmid h2 span {display:none;}
#colmid h2 {margin:0 0 0.5em 0;}
#colmid h3 {color:#4e1c13}
#colright {width:244px;float:left;text-align:center;}
#colright img {padding:6px 0;}
#footer {float:left;background:url(../../images/footer.gif) no-repeat top;width:899px;height:29px;}
#fade-left {float:left;width:25px;height:977px;background:url(../../images/fade-left.gif) no-repeat top;}
#fade-right {float:left;width:25px;height:977px;background:url(../../images/fade-right.gif) no-repeat top;}
a:link, a:visited {color:#821d15;text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:0.4em 0;}
img {border:none;}
.clear {
	clear:both;
	height:1px;
	width:auto;

} 

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #cccccc;
padding: 5px;
left: -1000px;
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*/
visibility: visible;
top: 0;
left: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
}