html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center; background-image:url(images/back.jpg); background-repeat: repeat-x; background-color: #d5e3af; color: #333; }
p{margin:0 10px 10px; line-height:17px;}
a{padding:0px; text-decoration:underline; color:#333;}
a:hover {padding:0px; text-decoration:underline; color:#336666;}
div#header{background-color:#transparent;}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:0px;}
div#container{text-align:justify}
div#content p{line-height:1.4}
div#navigation{margin-left:-10px;margin-top:3px;}
div#footer{background: url(images/dotted-single.png) repeat-x top; position: relative;clear:both;width:730px;top:10px;margin-left: 165px;}
div#footer p{margin:0;padding: 10px 30px;color:#777;}
div#container{width:900px;margin:0 auto;}
div#contentlong{float:right;width:730px; min-height:550px;background-image:url(images/contentlong.png);background-repeat: no-repeat; }
div#content{float:right;width:730px; min-height:600px;background-image:url(images/content.png);background-repeat: no-repeat; }
div#contentcopy{width:695px;margin:17px;;}
div#navigation{float:left;width:150px}

.footerlink {
	color: #777777;text-decoration:none;
}


.orangeheader {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	color: #b16a2a;
}

.orangeheadersub {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #b16a2a;
}

.dropcap {
float:left;
color:#b76318;
font-size:100px;
line-height:70px;
padding-top:2px;
font-family: Times, serif, Georgia;
} 


.img {border-color:#666666; border:thin; border-size}

.style1 {
	font-size: 140%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #2E3E28;}


/* gallery script - www.green-beast.com for source */


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #666;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #666;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
margin-right: 0px;
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border: 0px;
padding: 2px;

}

.thumbnail:hover span{ /*CSS for enlarged image*/
position:absolute;
visibility: visible;
top:165px;
margin-left: 40px; /*position where enlarged image should offset horizontally */
z-index: 50;
clear:both;
}

</style>
