body {
	background-color: #FFFFFF;
}
body,td,th {
	font-family: Verdana;
	font-size: 12px;
}
body {
	margin: 0 auto;
}
.hdr2 {
	font-family: Verdana;
	font-size: 12px;
	background-image: url(elements/images/top1.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
.ftr {
	background-image: url(elements/images/btm1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

/*NAVIGATION :: Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.markermenu{
list-style-type: none;
margin: 15px;
padding-left: 0;
width: 150px;
border: 1px solid #e1e1e1;
}

.markermenu li a{
background: white url(elements/arrow-list.gif) no-repeat 2px center;
font: 12px Verdana, Helvetica, sans-serif;
color: #666666;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #e1e1e1;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu li a:visited, .markermenu li a:active{
color: #333333;
}

.markermenu li a:hover{
color: black;
background-color: #f0e6d2;
background-image:url(elements/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}
.style2 {color: #666666}
.style3 {font-size: 11px}
a:link {
	color: #7D0000;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #9D0000;
	text-decoration: underline;
}
a:active {
	color: #9D0000;
	text-decoration: none;
}
.style4 {
	font-size: 13px;
	font-style: italic;
}
.style5 {color: #999999}

.style6 {
	font-size: 10px;
	color: #C7C7C7;
}

<style type="text/css">

/*NAV2 :: Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ddoverlap{
border-bottom: 1px solid #e1e1e1;
}

.ddoverlap ul{
padding: 0;
margin: 0;
font: 95% default;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: #ccccccc;
background: transparent url(elements/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #e1e1e1;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:visited{
color: #666666;
}

.ddoverlap li a:hover{
text-decoration: none;
}

.ddoverlap li.selected a{ /*selected tab style*/
color: black;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(elements/righttabselected.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}


<!--[if IE]>
<style type="text/css">
.ddoverlap{
height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}
</style>
<![endif]-->

/*IMAGE GALLERY :: 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 #710000;
margin: 0 0 5px 10px;
a {text-decoration: none;}/*Important not to see the horrible blue frame*/ 
}

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

.thumbnail:hover img{
border: 1px #910000;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #cccccc;
padding: 5px;
left: -1000px;
border: 1px dashed #666666;
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: 175px;
left: 40%; /*position where enlarged image should offset horizontally */
z-index: 50;
}