body {
	margin: 0 0 0 0;
}
td {
	text-align: center;
	vertical-align: top;
}

/* The cell that contains the title, comment and page numbers */
.header {
	padding-top: 26px;
	text-align: center;
	width: 100%;
	padding-left: 104px;
}
/* The page title */
.title {
	font-size: x-large;
}
/* The comment text above the thumbnails */
.comment {
	padding: 15px 0 0 0;
	font-size: small;
}
/* The index page numbers */
.page_num {
	padding-top: 14px;
	font-size: small;
	font-weight: bold;
}
/* Current index page number */
.page_cur {
	background-color: #CDD1B8;
	border: 1px solid #9B9F86;
	padding: 0 1px 0 1px;
	margin: 0 1px 0 1px;
}
/* Non-current index page number */
.page_other {
	color: #535341;
	text-decoration: none;
	padding: 0 2px 0 2px;
	margin: 0 1px 0 1px;
}
.page_other:hover {
	color: #535341; /* This is required even if the colour does not change, to override the default hover behaviour */
	background-color: #F1F3E4;
	border: 1px solid #9B9F86;
	padding: 0 1px 0 1px;
}
/* The cell that contains the table of links to external pages */
.external_buttons {
	padding-left: 22px;
	padding-top: 60px;
	width: 0px;
}
/* A button that links to an external page */
.external_button {
	background-image: url(be.png);
	background-repeat: no-repeat;
	width: 0px;
	line-height: 0px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 8px;
}
/* A link to an external page, when the mouse is over
   This doesn't work in IE6, so it is handled by scripting instead.
.external_button:hover {
	color: ;
	background-image: url(beo.png);
}
*/
/* The navigation buttons */
.nav_buttons {
	padding-top: 7px;
	padding-right: 37px;
	vertical-align: top;
	white-space: nowrap;
}
/* A hidden navigation button */
.nav_hidden {
	visibility: hidden;
}
/* The table of thumbnails */
.thumbs {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto; 
}
/* The thumbnail image that is superimposed on a folder icon */
.folder_image {
	border-style: solid;
	position: absolute;
}
/* The cell containing a non-wrapping thumbnail with no comment */
.thumb_cell {
	padding: 0 15px 10px 15px;
	vertical-align: top;
	text-align: center; 
	position: relative;
}
/* The cell containing a thumbnail, if the comment is beside it */
.thumb_cell_beside {
	padding: 3px 15px 8px 15px;
	vertical-align: top;
}
/* The box that contains all wrapping thumbnails */
.thumb_box_area {
	margin-top: 22px;
	margin-bottom: 13px;
}
/* The outer box that contains a wrapping thumbnail */
.thumb_box {
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: top;
	margin: 13px 25px 12px 25px;
}
/* The inner box that contains a thumbnail and its comment */
.thumb_area {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
/* The thumbnail image */
.image_thumb {
	border: solid #BABEA5;
}
/* The "for sale" label */
.for_sale {
	border-width: 0;
	position: absolute;
}
/* The "new" label */
.new_label {
	border-width: 0;
	position: absolute;
}
/* The caption below a thumbnail */
.thumb_caption {
	margin: 14px 0 0 0;
	font-size: small;
	font-weight: bold;
	text-align: center;
	width: 149px;
}
/* A thumbnail's comment */
.thumb_comment {
	font-size: small;
	text-align: left;
	vertical-align: top;
	border-width: 0 0 1px 0;
	border-style: solid;
	padding-top: 0;
	padding-bottom: 16px;
}
/* An icon link to the Jalbum site */
.icon_link {
	margin: 0 10px 0 10px;
	vertical-align: top;
}
/* The links at the bottom of the first index page */
.footer_links {
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	font-size: x-small;
}