html, body { 
background: url('bkg.jpg');
padding : 0;
margin : 0
}
.form {
margin: 0px;
padding: 0px;
} 
div#index { 
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 30px;
width : 900px;
background: #fff;
} 
div#page { 
width : 900px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 30px;
background: url('pagebkg.jpg');
} 
div#page1 { 
width : 900px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 30px;
background: url('bkg.jpg');
} 

div#gallery { 
width : 760px;
margin-left: 0;
margin-right: auto;
margin-top: 30px;
margin-bottom :0px;
background: url('bkg.jpg');
} 

.menubox {
width : 500px;
padding : 0px;
margin-left: auto;
margin-right: auto;
color : #000000;		  
text-align: center
}

.box {
width : 560px;
padding : 0px;

margin-left: auto;
margin-right: auto;
color : #000000;		  
text-align: center
}



}
.box2 {
width : 540px;
background:  url('tanbkg.jpg') ;
padding : 14px;
color : #000000;		  
text-align: center;
}
.box3 {
	float : left;
	width : 160px;
	background : #fff;  
	padding : 4px;
	border-style : solid;	border-width : 1px;
	margin-top : 2px;	margin-bottom : 2px;	margin-left : 5px;	margin-right: 5px;
	text-align: center;
	color : #000000;		  
}
.pagebox {
width : 280px;
background : #fff;  
padding : 0px;
margin-left : 415px;
margin-right: 85px;
color : #000000;		  
text-align: left;
	  
}
.box5 {
width : 514px;
background :  url('bkg.jpg') ;
padding : 4px;
margin-left: 325px;
color : #000000;		  
text-align: left
}

.box6 {
width : 514px;
background : #ffffff;
padding : 0px;
margin-left :auto;
margin-right :auto;
margin-top :0px;
margin-bottom :0px;
color : #000000;		  
text-align: center;
}

.box7 {
width : 540px;
padding : 4px;
margin-left: 0px;
color : #000000;		  
text-align: center;
}

.box8 {
width : 200px;
padding : 4px;
margin-right: 0px;
color : #000000;		  
text-align: center
}
h1 { 
color : #6F3F46;
font-family : "Times New Roman";
font-size :16pt;
font-style : italic;
font-weight : bold;
text-align : center;
margin-top : 0px;
margin-bottom : 0px
} 

h2 { 
color : #000;
font-family : "Times New Roman";
font-size :12pt;
font-style : normal;
font-weight : normal;
text-align : center;
margin-top : 0px;
margin-bottom : 0px
} 
h3 { 
color : #6F3F46;
font-family : "Times New Roman, Serif";
font-size : 14pt;
font-style : italic;
font-weight : normal;
text-align : center;
margin-top : 0px;
margin-bottom : 0px;
} 

h4 { 
color : #646947;
font-family : "Times New Roman, Serif";
font-size :14pt;
font-style : italic;
font-weight : bold;
text-align : center;
margin-top : 0px;
margin-bottom : 0px;
} 
 
}

h5 { 
color : #000000;
font-family : "Times New Roman, Serif";
font-size : 12pt;
font-style : normal;
font-weight : bold;
text-align : left;
margin-top : 0px;
margin-bottom : 0px;
} 

h6 { 
color :  #4D6117;
font-family : "Times New Roman, Serif";
font-size : 18pt;
font-style : italic;
font-weight : bold;

text-align : center;
margin-top : 0px;
margin-bottom : 0px;
}


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

.indentmenu{
font: bold 13px Arial;
width: 100%;
overflow: hidden;
text-align : center;

}

.indentmenu ul{
border-left:0 solid #3B4531; border-right:0 solid #3B4531; border-top:1px solid #3B4531; border-bottom:1px solid #3B4531; margin:0; padding:0; float: left;
width: auto;/*dark purple border*/
background: black url('indentbg.gif') repeat-x center;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #3B4531; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url('indentbg2.gif') repeat-x center;
}

.centercol { 
width : 700px;
margin-left: 20px;
margin-right: 20px;
} 



div#album { 
margin:0px auto; width : 716px;
height : 456px;
background: url('flip.jpg');
padding : 0px

}



<script type="text/javascript">
/* ================================================================ 
This copyright notice must be untouched at all times.
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.
=================================================================== */
/* <![CDATA[ */
gallery = function() {
/* show first image and information */
showTime=7000;
timer=0;
absLeft=0;
picCount=0;
total = $('.thumb img').length;
$totalImgs = $('.thumb img');
$('#imageNumber').html('Image 1 of ' + total + ' images' );
thumbWidth = 0;
for (x=0; x<total; x++) {
thumbWidth = thumbWidth + $($totalImgs[x]).outerWidth();
}
$('#innerContainer')	.css({ width: thumbWidth + 'px'});
$('#innerContainer img').css({ display: 'inline'});
firstStr = $('.thumb');
showStr = firstStr.html();
showDiv(showStr)
$('#slideLeft')			.hover(function(e){
$('#innerContainer')	.stop();
$('#innerContainer')	.animate({"left": "0px"}, 5000 , "swing")
},function(){
$('#innerContainer')	.stop();
});
$('#slideRight')			.hover(function(e){
posLeft = $('#thumbnails')	.offset().left;
absLeft = e.pageX - posLeft;
hiddenBit = thumbWidth - 500;
$('#innerContainer')		.stop();
$('#innerContainer')		.animate({"left": -hiddenBit + "px"}, 5000 , "swing")
},function(){
$('#innerContainer')		.stop();
});
/* monitor mouse clicks */
$('.thumb').click(function(){
htmlStr = $(this).html();
currentLarge = $(this).attr('class').split(' ').slice(-1);
if ("p"+(total) == currentLarge) {
$('#clickRight').css("backgroundImage", "url(blank.gif)")
				.attr("alt", "")
				.attr("title", "");
}
else {
$('#clickRight').css("backgroundImage", "url(next.gif)")
				.attr("alt", "Next")
				.attr("title", "Next");
}
if ("p1" == currentLarge) {
$('#clickLeft')	.css("backgroundImage", "url(blank.gif)")
				.attr("alt", "")
				.attr("title", "");
}
else {
$('#clickLeft').css("backgroundImage", "url(previous.gif)")
				.attr("alt", "Previous")
				.attr("title", "Prevous");
}
/* swap images and information */
	$('#fullSize')	.fadeOut(600, function(){showDiv(htmlStr)});
});
/* show image and information */
function showDiv (htmlStr) {
	$('#fullSize')		.html(htmlStr)
						.fadeIn(600);
	currentLarge = $('#fullSize img').attr('class');
	currentLarge = currentLarge.substr(1,3);
	$('#imageNumber').html('Image ' + currentLarge + ' of ' + total + ' images' );
}
$('#clickRight').click(function(){
currentLarge = $('#fullSize img').attr('class');
if ("p"+(total-1) == currentLarge) {
$('#clickRight')	.css("backgroundImage", "url(blank.gif)")
					.attr("alt", "")
					.attr("title", "");
}
if ("p" + total != currentLarge) {
$('#clickLeft')	.css("backgroundImage", "url(previous.gif)")
				.attr("alt", "Previous")
				.attr("title", "Previous");
htmlStr = $('#innerContainer li.'+currentLarge).next('li').html();
$('#fullSize')	.fadeOut(600, function(){showDiv(htmlStr)});
}
});
$('#clickLeft')	.click(function(){
currentLarge = $('#fullSize img').attr('class');
if ("p2" == currentLarge) {
$('#clickLeft')	.css("backgroundImage", "url(blank.gif)")
				.attr("alt", "")
				.attr("title", "");
}
if ("p1" != currentLarge) {
$('#clickRight')	.css("backgroundImage", "url(next.gif)")
					.attr("alt", "Next")
					.attr("title", "Next");
htmlStr = $('#innerContainer li.'+currentLarge).prev('li').html();
$('#fullSize')	.fadeOut(600, function(){showDiv(htmlStr)});
}
});
$('#autoPlay')	.toggle(function(){
$('#autoPlay')	.css("backgroundImage", "url(stop.gif)")
				.attr("alt", "Stop")
				.attr("title", "Stop");
autoPlay()
},function(){
clearTimeout(timer);
$('#autoPlay')	.css("backgroundImage", "url(play.gif)")
				.attr("alt", "Play")
				.attr("title", "Play");
 });
}
function autoPlay () {
currentLarge = $('#fullSize img').attr('class');
if ("p"+(total-1) == currentLarge) {
$('#clickRight')	.css("backgroundImage", "url(blank.gif)")
					.attr("alt", "")
					.attr("title", "");
if ("p" + total != currentLarge) {
$('#clickLeft')		.css("backgroundImage", "url(previous.gif)")
					.attr("alt", "Previous")
					.attr("title", "Previous");
htmlStr = $('#innerContainer li.'+currentLarge).next('li').html();
$('#fullSize')		.fadeOut(600, function(){playDiv(htmlStr)});
}
if ("p"+(total) == currentLarge) {
$('#clickLeft')		.css("backgroundImage", "url(blank.gif)")
					.attr("alt", "")
					.attr("title", "");
$('#clickRight')	.css("backgroundImage", "url(next.gif)")
					.attr("alt", "Next")
					.attr("title", "Next");
htmlStr = $('#innerContainer li.p1').html();
$('#fullSize')		.fadeOut(600, function(){playDiv(htmlStr)});
}
timer = setTimeout ("autoPlay()", showTime);
}
function playDiv (htmlStr) {
$('#fullSize')		.html(htmlStr)
					.fadeIn(600);
currentLarge = $('#fullSize img').attr('class');
currentLarge = currentLarge.substr(1,3);
$('#imageNumber').html('Image ' + currentLarge + ' of ' + total + ' images' );
}
/* ]]> */
</script>