/* CSS Document */
body{
	background-color: #4d4214;
	font:14px/1.3em "Bookman Old Style";
	color: #4d4214;	/*background-image: url(/websiteimages/sidebit.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-attachment: fixed;*/
}
* {margin:0; padding:0;}
div#header {
	width:1000px;
	height:219px;
	text-align: right;
	background-image:url(/websiteimages/new_header4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}
div#container {
	width:1000px;
	background-image:url(/websiteimages/new_fullbg_sm.jpg);
	background-repeat: no-repeat;
	height: 950px;
}
div#content{
	float:left;
	width:578px;
	margin-left:325px;
	display:inline;
	margin-top: 80px;
	} /* display inline is hack fix for IE */
div#content p {
	padding: 10px 30px;
}
div#content h1 {
	color:#4d4214;
	font-size: 1.8em;
	line-height: 18px;
	padding: 10px 30px;
	font-weight: normal;
}
div#content h2 {
	color:#4d4214;
	font-size: 1.6em;
	line-height: 18px;
	padding: 10px 30px;
	font-weight: normal;
}
div#content h4 {
	color:#4d4214;
	font-size: 1.6em;
	line-height: 16px;
	padding: 10px 30px;
	font-weight: normal;
	text-align: left;
}
div#content h4 {
	color:#4d4214;
	font-size: 1.6em;
	line-height: 16px;
	padding: 10px 30px;
	font-weight: normal;
	text-align: right;
}

div#content img{
	text-align: center;
	margin-left: 30px;
}
div#content a {
    color:#4d4214;
    display:inline;
    text-decoration:none; 
}
div#content a:hover {
	text-decoration: underline;
}
div#fallcover img {
	margin: 50px;
	padding: 5px;
	border: 2px solid #4d4214;
}
div#mulecover img {
	padding: 5px;
	border: 2px solid #4d4214;
	position:absolute; left:600px; top:575px;
}
div#souvenircover img {
	margin: 50px;
	padding: 5px;
	border: 2px solid #4d4214;
	position:absolute; left:330px; top:700px;
}
div#fallintroduction{
	background-image: url(/websiteimages/joke2_img.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
div#menu {
	font-size: 1.8em;
	float:left;
	width:275px;
	margin-top: 50px;
	margin-left:-900px;
	padding: 10px;
	height: 275px;
	}
div#menu {
	padding-top:25px;
}
div#menu h1 {
    color:#4d4214;
    font-size: 1em;
	line-height: 15px;
	padding: 10px 10px 10px 5px;
}
div#menu h2 {
    color:#4d4214;
    font-size: .8em;
	line-height: 15px;
	padding: 10px 10px 10px 5px;
}
div#fullpageimage img{
    padding: 5px;
	border: 2px solid #4d4214;
	}
div#menu ul {
    border:0; 
    margin:12px 1.25em 12px 1.25em;
    padding:0; 
    list-style-type:none; 
    font-size:.75em;
}
div#menu li {
	margin:0;
	padding:.3em 0;
	text-indent:.5em;
	
}
.introimg{
	float: right;
	right: 1000px;
	bottom: 1000px;
	position: absolute;
}
div#menu a {
    color:#4d4214;
    display:inline;
    text-decoration:none; 
}
div#menu a:hover {
	text-decoration: underline;
}
div#menu img {
	margin: 5px 20px;
	padding: 5px;
	border: 1px solid #006633;
	clear: left;
}
div#menu p{
	font-size: .8em;
	color: #4d4214;
	text-decoration: underline;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
}

div.clearthefloats {clear:both;}
div#footer {
	width:1000px;
	text-align: center;	
}
div#footer a {
	color: #FFFFFF;
}
div#footer a:hover {
	text-decoration: underline;
}
.gallerycontainer{
	position: relative;
	height:320px;
	padding-top: 20px;
}

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

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

.thumbnail:hover img{
border: 2px solid #4d4214;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;

visibility: hidden;
color: #4d4214;
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: 120px; /*position where enlarged image should offset horizontally */
z-index: 50;
}